@charset "utf-8";
body {
	background-color: #fdfcf7;
}
#fondo {
	background-image: url(img/fondo.png);
	height: 60px;
	background-repeat: repeat-x;
	margin-bottom: 23px;
}
#contenedor {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: 25px;
}
#header {
	position: relative;
	height: 120px;
}
nav {
	margin-top: 51px;
	overflow: hidden;
	width: 805px;
	margin-right: auto;
	margin-left: auto;
}
nav ul {
	display: block;
	overflow: hidden;
}
nav ul li {
	display: block;
	float: left;
	margin-right: 49px;
}
nav ul li a {
	color: #a69f85;
	text-decoration: none;
	display: block;
	height: 23px;
	text-align: right;
	font-size: 22px;
	line-height: 26px;
	background-repeat: no-repeat;
	background-position: left center;
	font-family: 'Lobster', "cursive";
	padding-bottom: 2px;
}
nav ul li a#inicio {
	width: 73px;
	background-image: url(img/index-fondo.png);
}
nav ul li a#nosotros {
	width: 102px;
	background-image: url(img/nosotros-fondo.png);
	margin-right: 291px;
}
nav ul li #menu {
	width: 84px;
	background-image: url(img/menu-fondo.png);
}
nav ul li #contacto {
	background-image: url(img/contacto-fondo.png);
	width: 104px;
}
#logo {
	position: absolute;
	display: block;
	height: 133px;
	width: 300px;
	left: 290px;
	top: -50px;
}

nav ul li a#inicio:hover, nav ul li a#inicio.active {
	color: #a69f85;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a69f85;
}
nav ul li a#nosotros:hover, nav ul li a#nosotros.active {
	color: #a69f85;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a69f85;
}
nav ul li a#menu:hover, nav ul li a#menu.active {
	color: #a69f85;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a69f85;
	
}
nav ul li a#contacto:hover, nav ul li a#contacto.active {
	color: #a69f85;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a69f85;
}
#banner {
	overflow: hidden;
}
.TB_Wrapper {
		max-width: 900px;
		height: 406px;
}
#items a.item {
	display: block;
	color: #FFF;
	font-size: 25px;
	font-weight: 400;
	font-family: 'Lobster', cursive;
	height: 67px;
	width: 300px;
	float: left;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 46px;
	padding-top: 106px;
	text-decoration: none;
}
#items a#pizza {
	background-color: #9dc68b;
	background-image: url(img/item-pizza.png);
}
#items a#carbon {
	background-color: #f5d171;
	background-image: url(img/carbon-item.png);
}
#items a#pastas {
	background-color: #f67f60;
	background-image: url(img/item-pastas.png);
}
#items {
	overflow: hidden;
	margin-bottom: 40px;
}

#items a#pizza:hover {
	background-color: #806b32;
}
#items a#carbon:hover {
	background-color: #806b32;
}
#items a#pastas:hover {
	background-color: #806b32;
}
#contenido {
	overflow: hidden;
}
#contenido h1 {
	font-size: 25px;
	font-family: 'Lobster', cursive;
	color: #a98f4f;
	display: block;
	width: 179px;
	height: 20px;
	line-height: 20px;
	margin-right: auto;
	margin-left: auto;
	font-weight: 400;
	margin-bottom: 19px;
}
#contenido p {
	text-align: center;
	width: 693px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 20px;
	color: #918b71;
	margin-bottom: 28px;
}
#contenido h2 {
	color: #a98f4f;
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	display: block;
	height: 36px;
	width: 506px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(img/h2-fondo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#footer {
	overflow: hidden;
	background-image: url(img/carrusel-fondo.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 4px;
}


/*  carrusel  */
/**
		* Carousel with image and text, custom skinned scrollbar
		**/
		#carousel-image-and-text {
	width: 900px;
	height: 238px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
		}	
		#carousel-image-and-text .arrow-holder {
	height: 126px;
		}		
		#carousel-image-and-text .touchcarousel-item {
	margin-right: 14px;
	width: 216px;
	height: 126px;
		}
		#carousel-image-and-text .item-block {
			width: 170px;
			height: 277px;
			display: block;
		}
		#carousel-image-and-text .item-block img,
		#carousel-image-and-text  h4, 
		#carousel-image-and-text  p {
			float: left;
			position: relative;
			display: block;
			margin: 0;			
		}
		#carousel-image-and-text .item-block img {
	width: 216px;
	height: 126px;
	border: 0;
	padding: 0;
		}
		#carousel-image-and-text .item-block {			
			text-decoration: none;
			color: inherit;			
		}					
		#carousel-image-and-text h4 {
	color: #a98f4f;
	width: 216px;
	height: auto;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
	font-family: 'Lobster', cursive;
	font-size: 21px;
	line-height: 20px;
	font-weight: 400;
	text-align: center;
	padding-top: 26px;
	padding-right: 0;
	padding-bottom: 0;
	margin-bottom: 10px;
		}
	
		#carousel-image-and-text  p {
	color: #918b71;
	width: 216px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	line-height: 17px;
	font-weight: 400;
	font-variant: normal;
	text-align: center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
		}
		#carousel-image-and-text .scrollbar-holder {
			background: #CED7DB;
			bottom: 0;
			height: 1px;
			left: 0;
			right: 0;
		}
		#carousel-image-and-text .scrollbar {
			background-color: #45a8ce !important;
			bottom: 0;
		}
		
/*  /carrusel  */#productos-menu {
	width: 949px;
	margin-right: auto;
	margin-left: auto;
	height: 238px;
	margin-bottom: 50px;
}
#con-footer {
	background-image: url(img/fondo-footer.jpg);
	background-position: center top;
	overflow: hidden;
	padding-top: 51px;
}
#informacion {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	
}
#ubicacion {
	width: 226px;
	float: left;
	margin-right: 73px;
	
}
#informacion h3.estilo {
	display: block;
	height: 59px;
	font-size: 23px;
	line-height: 59px;
	color: #837e5f;
	padding-left: 48px;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: 'Oswald', "sans-serif";
	font-weight: 300;
	margin-bottom: 26px;
}
#ubicacion h3#icono {
	background-image: url(img/icono-ubicacion.jpg);
}
.sede {
	overflow: hidden;
	font-family: 'Oswald', "sans-serif";
	font-weight: 300;
	font-size: 19px;
	margin-bottom: 28px;
}
.sede h4.sedes {
	display: block;
	height: 20px;
	line-height: 20px;
	color: #a98f4f;
	padding-left: 23px;
	background-image: url(img/sede-fondo.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 19px;
	font-family: 'Oswald', "sans-serif";
	font-weight: 300;
	margin-bottom: 10px;
}

.sede span.direccion {
	display: block;
	height: 19px;
	line-height: 19px;
	color: #837e5f;
	margin-bottom: 10px;
	
}
.sede span.numerouno {
	display: block;
	width: 68px;
	float: left;
	color: #a98f4f;
	height: 20px;
	line-height: 17px;
	background-image: url(img/icono-telefono.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 23px;
}
.sede span.numerodos {
	display: block;
	color: #a98f4f;
	line-height: 17px;
	height: 17px;
	width: 64px;
	float: right;
	margin-right: 58px;
}
.sede span#adress {
	height: 42px;
}
#horario {
	width: 226px;
	float: left;
	font-family: 'Oswald', "sans-serif";
	font-weight: 300;
	font-size: 19px;
}
#horario h3#vector {
	background-image: url(img/icono-horario.jpg);
}
#horario .horario {
	height: 20px;
	margin-bottom: 23px;
	color: #a98f4f;
	background-image: url(img/horario-fondo.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 4px;
	line-height: 15px;
}
.horario span.dia {
	display: block;
	float: left;
}
.horario span.hora {
	display: block;
	float: right;
}
#mapa {
	float: right;
	width: 302px;
}
#mapa h3#forma {
	background-image: url(img/icono-mapa.jpg);
}
#conten-mapa {
	height: 309px;
}
nav ul li#margen {
	margin-right: 0px;
}
#redes {
	width: 122px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-bottom: 20px;
}
#redes a.redes {
	display: block;
	height: 53px;
	width: 53px;
	float: left;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}
#redes a#facebook {
	background-image: url(img/icono-facebook.png);
}
#redes a#twitter {
	background-image: url(img/icono-twitter.png);
	float: right;
}
#redes a#twitter:hover {
	background-image: url(img/icono-twitter-hover.png);
}
#redes a#facebook:hover {
	background-image: url(img/icono-facebook-hover.png);
}
#creditos {
	height: 32px;
	width: 137px;
	margin-right: auto;
	margin-left: auto;
	color: #837e5f;
	font-size: 15px;
	font-weight: 300;
	font-family: 'Oswald', "sans-serif";
	line-height: 17px;
	margin-bottom: 100px;
}
#creditos span {
	color: #a98f4f;
}
#creditos span#fecha {
	display: block;
	text-align: center;
	margin-top: 10px;
}
#descripcion {
	overflow: hidden;
}
#descripcion h2.titulos {
	display: block;
	height: 49px;
	float: left;
	font-size: 25px;
	line-height: 49px;
	color: #FFF;
	font-family: 'Lobster', cursive;
	font-weight: 400;
	margin-bottom: 17px;
	width: 277px;
	padding-left: 12px;
}
#descripcion h2#sobrenosotros {
	background-color: #9dc68b;
}
#descripcion h2#elegirnos {
	background-color: #f5d171;
}
#descripcion h2#servicio {
	background-color: #f67f60;
}
#descripcion .columna {
	float: left;
	width: 289px;
	color: #a69f85;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	margin-bottom: 50px;
	margin-right: 16px;
}
.columna img.posicion {
	display: block;
	margin-bottom: 17px;
}
.columna p.texto {
	display: block;
	overflow: hidden;
	text-align: left;
}
.columna .cajas {
	padding-left: 49px;
	background-image: url(img/boxuno.png);
	float: left;
	background-repeat: no-repeat;
	background-position: left 6px;
	margin-bottom: 26px;
}
.columna  h3.titulos-caja {
	color: #513c30;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	float: left;
	margin-bottom: 10px;
}
.cajas p.textocaja {
	display: block;
	text-align: left;
	float: left;
}
.columna #dos {
	background-image: url(img/boxdos.png);
}
.columna #tres {
	background-image: url(img/boxtres.png);
}
#descripcion #service {
	margin-right: 0px;
}
#carta {
	overflow: hidden;
}
#menu-la-trattoria {
	width: 291px;
	float: left;
	background-color: #552d00;
	padding: 1px;
}
#contenedor-menu {
	background-color: #fdfcf7;
	padding: 4px;
}
#cont-menu {
	background-color: #552d00;
	padding: 1px;
}
#content-menu {
	background-image: url(img/fondo-footer.jpg);
	background-position: center top;
	padding-top: 23px;
	overflow: hidden;
	height: 1100px;
}
#content-menu h2 {
	color: #552d00;
	display: block;
	text-align: center;
	font-size: 25px;
	line-height: 20px;
	height: 20px;
	font-family: 'Lobster', cursive;
	font-weight: 400;
	margin-bottom: 20px;
}
#content-menu ul {
	list-style-type: none;
	display: block;
	height: 51px;
	width: 252px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}
#content-menu ul li {
	display: block;
	width: 252px;
	height: 51px;
	background-image: url(img/menu-li-fondo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#content-menu ul li a {
	font-family: 'Lobster', cursive;
	text-decoration: none;
	color: #552d00;
	font-size: 19px;
	font-weight: 400;
	display: block;
	height: 26px;
	width: 252px;
	text-align: center;
	padding-top: 25px;
}
#content-menu ul li a:hover, #content-menu ul li a.active {
	color: #9b7e09;
}
#descripcion-menu {
	float: right;
	width: 605px;
	padding: 1px;
	overflow: hidden;
}
#platos {
	overflow: hidden;
	background-color: #FFF;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	border: 1px solid #fbf5d6;
}
#plato {
	background-color: #f6f5ef;
	padding-top: 37px;
	padding-left: 28px;
	background-image: url(img/plato-fondo.png);
	background-repeat: no-repeat;
	background-position: center 400px;
	padding-bottom: 15px;
}
#plato h3.plato-tiutlo {
	color: #2e2e0b;
	font-size: 25px;
	display: block;
	height: 30px;
	line-height: 30px;
	font-family: 'Lobster', cursive;
	font-weight: 400;
	margin-bottom: 12px;
}
#plato img.plato-posicion {
	display: block;
	margin-bottom: 70px;
}
#plato p.plato-texto {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #413e3e;
	display: block;
	text-align: justify;
	width: 525px;
	line-height: 20px;
	padding-bottom: 40px;
}
#ubicacion-contacto {
	overflow: hidden;
	margin-bottom: 40px;
}
#ubicanos {
	float: left;
	width: 659px;
	height: 359px;
}
#ubicanos h2 {
	font-family: 'Lobster', cursive;
	display: block;
	height: 46px;
	background-color: #9dc68b;
	color: #FFF;
	font-size: 29px;
	font-weight: 400;
	line-height: 46px;
	padding-left: 15px;
}
#direccion {
	float: right;
	width: 241px;
}
#direccion h3 {
	font-family: 'Lobster', cursive;
	display: block;
	height: 46px;
	color: #FFF;
	font-size: 29px;
	line-height: 46px;
	font-weight: 400;
	padding-left: 15px;
	background-color: #f5d171;
	margin-bottom: 13px;
}
#direcciones {
	padding-left: 15px;
}
.location {
	overflow: hidden;
	font-family: 'Oswald', "sans-serif";
	font-weight: 300;
	font-size: 19px;
	margin-bottom: 28px;
}
.location h4.locations {
	display: block;
	height: 20px;
	line-height: 20px;
	color: #856517;
	padding-left: 23px;
	background-image: url(img/locations-fondo.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 19px;
	font-family: 'Oswald', "sans-serif";
	font-weight: 300;
	margin-bottom: 7px;
}

.location span.positions {
	display: block;
	height: 19px;
	line-height: 19px;
	color: #69634b;
	margin-bottom: 7px;
	
}
.location span.numberone {
	display: block;
	width: 68px;
	float: left;
	color: #856517;
	height: 20px;
	line-height: 20px;
	background-image: url(img/numberone-fondo.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 23px;
	margin-bottom: 1px;
}
.location span.numbertwo {
	display: block;
	color: #856517;
	line-height: 17px;
	height: 17px;
	width: 64px;
	float: right;
	margin-right: 58px;
}
.location span#adress {
	height: 42px;
}	
.location #sin-margen {
	margin-bottom: 0px;
}
.location #sin-margen {
	margin-bottom: 0px;
}
#direcciones #sin-margen {
	margin-bottom: 0px;
}
#formulario {
	overflow: hidden;
	padding-bottom: 15px;
	margin-bottom: 15px;
	width: 284px;
	float: left;
}

.campo {
	margin-bottom: 7px;
	outline:none;
}
#form {

}
.campo input[type="text"], .campo textarea {
	font-family: 'Oswald', "sans-serif";
	font-weight: 300;
	background-color: #f67f60;
	border: 1px solid #f67f60;
	width: 284px;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	text-indent: 15px;
	font-size: 15px;
}

input, textarea {
	outline:none;
}
.campo textarea {
	height: 146px;
}
#enviar {
	height: 31px;
	width: 125px;
	background-image: url(img/boton-enviar.jpg);
	display: block;
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	
}
#enviar:hover {
	background-image: url(img/boton-enviar-hover.jpg);
	background-repeat: no-repeat;
		outline:none;
}
#formulario h4 {
	font-family: 'Lobster', cursive;
	font-weight: 400;
	display: block;
	height: 48px;
	line-height: 48px;
	font-size: 29px;
	padding-left: 15px;
	color: #FFF;
	background-color: #f67f60;
	margin-bottom: 14px;
}
#plato span {
	font-family: 'Lobster', cursive;
	display: block;
	color: #9b7e09;
	font-weight: 400;
	width: 500px;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	margin-bottom: 20px;
}
#locaciones {
	width: 578px;
	float: right;
	overflow: hidden;
}
#locaciones h2 {
	font-size: 25px;
	font-family: 'Lobster', cursive;
	color: #a98f4f;
	display: block;
	width: 285px;
	height: 20px;
	line-height: 20px;
	font-weight: 400;
	margin-bottom: 15px;
}
#locaciones p {
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 17px;
	line-height: 20px;
	color: #918b71;
	margin-bottom: 20px;
}
#locaciones img.locaciones {
	display: block;
	float: left;
	margin-right: 18px;
	margin-bottom: 24px;
}
/**#locaciones img.locaciones:nth-child(3n) {
    margin-right: 0px;
}**/
#plato span.toppings {
	display: block;
	width: 524px;
	overflow: hidden;
	margin-bottom: 8px;
	color: #413e3e;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 400;
	height: 25px;
	line-height: 25px;
}
#plato  h3.tittle {
	color: #9b7e09;
	display: block;
	float: left;
	font-family: 'Lobster', cursive;
	font-weight: 400;
	width: 100px;
	height: 25px;
	line-height: 25px;
	margin-right: 10px;
}
#plato h3#pollo {
	width: 150px;
}