@import url(generic.css);

body { font-size:12px; color:#fff; background-color:#000;}

#header { width:1052px; margin:auto; }
#header h1{ height:188px; overflow:hidden; text-indent:-100px; background:transparent url(img/banner.jpg) no-repeat; }
#header #tabs{ height:28px; background:transparent url(img/nav-bg.jpg) no-repeat; overflow:hidden; }
#header #tabs ul { width:1052px; margin:auto; margin-top:6px; }
#header #tabs ul li{ display:inline; padding:1px 14px; }
#header #tabs ul li a{ color:#900421; font-size:110%; text-shadow:0 1px 0 #e7e7e7;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e7e7e7,direction=90); }
#header #tabs ul li a:hover{ color:#e65e2f; }

#busqueda { text-align:right; width:1032px; margin:auto; margin-top:-24px; padding-bottom:5px; }
#busqueda input.text{
	background: #fff;
	padding: 3px 2px 2px 8px;
	margin:0px;
	width: 202px;
	border: solid 1px #bcbbbb;
	outline: none;
	line-height:1.2;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
#busqueda input.boton{
	color: #fff;
	margin:0px;
	padding: 1px 6px 1px 7px;
	border: solid 1px #676767;
	font-size: 11px;
	width: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}

#container { width:1032px !important; width /**/: 1052px; /*width + padding + borders*/  margin:auto; background:transparent url(img/container-bg.jpg) no-repeat; padding:10px 10px; }

#content{ float:right; width:78%;}
#content p{ padding:10px 0 5px 0; }
#content h2 { text-indent:-200px; overflow:hidden; }
#content h2.bienvenido { margin-top:26px; width:138px; height:21px; background:transparent url(img/h2-bienvenido.png) no-repeat; }
#content h2.restaurantes { width:198px; height:51px; background:transparent url(img/h2-restaurantes.png) no-repeat; }
#content h2.restaurantes-2 { margin-top:26px; width:155px; height:21px; background:transparent url(img/h2-restaurantes-2.png) no-repeat; }
#content h2.maridajes { margin-top:26px; width:114px; height:31px; background:transparent url(img/h2-maridajes.png) no-repeat; }
#content h2.vinos { margin-top:26px; width:174px; height:29px; background:transparent url(img/h2-vinos.png) no-repeat; }
#content h2.contacto { margin-top:26px; width:174px; height:29px; background:transparent url(img/h2-contacto.png) no-repeat; }

#content #page { margin-bottom:20px; }
#content #page .left{ float:left; width:64%;}
#content #page .right{ float:right; width:30%;}

/*
 *-HOME-*/
#content #page.home .mid-buttons { margin-top:20px; }
#content #page.home .mid-buttons li { display:block; float:left; text-indent:-300px; overflow:hidden; }
#content #page.home .mid-buttons li a { display:block; width:100%; height:100%; }
#content #page.home .mid-buttons li.iphone{ width:228px; height:82px; background:transparent url(img/mid-button-iphone.png) no-repeat; }
#content #page.home .mid-buttons li.recetas{ width:242px; height:69px; margin-right:35px; background:transparent url(img/mid-button-recetas.png) no-repeat; }
#content #page.home .mid-buttons li.restaurantes{ width:242px; height:69px; margin-right:30px; background:transparent url(img/mid-button-restaurantes.png) no-repeat; }

#content #page.home .maridaje-buttons{ margin-top:20px; }
#content #page.home .maridaje-buttons li { display:block; float:left; text-indent:-300px; overflow:hidden; }
#content #page.home .maridaje-buttons li a { display:block; width:100%; height:100%; }
#content #page.home .maridaje-buttons li.merlot{ width:240px; height:276px; margin-right:30px; background:transparent url(img/maridajes-button-merlot.png) no-repeat; }
#content #page.home .maridaje-buttons li.chardonnay{ width:240px; height:276px;margin-right:35px; background:transparent url(img/maridajes-button-chardonnay.png) no-repeat; }
#content #page.home .maridaje-buttons li.sauvignon{ width:240px; height:276px; background:transparent url(img/maridajes-button-sauvignon.png) no-repeat; }


/*
 *- DEFAULTS -*/
#content #page .lista li { padding:10px 0; border-bottom:1px dotted #272727; }
#content #page .lista li h3 { font-size:120%; padding-left:5px; }
#content #page .lista li p { padding:5px 0 0 5px; font-size:95%; text-align:justify; color:#aaa; }
#content #page .lista li p.info { padding:0; text-align:right; color:#e7e7e7; font-size:90%; }
#content #page .lista li p.info a{ color:#e7e7e7; padding:0 3px 0 2px; background-color:#000; border:1px solid #676767; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#content #page .lista li p.info a:hover{ color:#fff; border:1px solid #e7e7e7; }

#content #page .paging { text-align:center; color:#676767; margin-top:10px; }
#content #page .paging span { padding:0 1px; }
#content #page .paging span a { color:#ea8461; }
#content #page .paging span a:hover { color:#ea693d; }
#content #page .paging span.current { color:#fff; }
#content #page .paging span.disabled { color:#676767; }

#content #page .breadcrumb { text-align:left; background-color:#373737; color:#dadada; margin:15px 5px 0 0; padding:2px 5px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#content #page .breadcrumb span { padding:0 1px; }
#content #page .breadcrumb span a { color:#ea8461; }
#content #page .breadcrumb span a:hover { color:#ea693d; }
#content #page .breadcrumb span.current { color:#fff; }

#content #page .volver { text-align:left; background-color:#373737; color:#dadada; margin:15px 5px 0 0; padding:2px 5px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#content #page .volver a { color:#ea8461; }
#content #page .volver a:hover { color:#ea693d; }


#content #page dl.detalle { margin:0em; }
#content #page dl.detalle h3{ font-size:125%; }
#content #page dl.detalle dt { width:27%; vertical-align:top; float:left; }
#content #page dl.detalle dd { margin-left:27%; padding:5px 0; vertical-align:top; border-bottom:1px dotted #676767; }
#content #page dl.detalle dd p{ padding:5px 0; font-size:95%; text-align:justify; color:#aaa; }


/*
 *- RECETAS -*/
#content #page.recetas .lista li { border-bottom:0px dotted #272727; }
#content #page.recetas .lista li.lista-item{ padding:5px; background-color:#e7e7e7; margin:0 5px 15px 5px; float:left;
width:150px !important; width /**/: 160px; /*width + padding + borders*/
height:120px !important; height /**/: 130px; /*width + padding + borders*/
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
#content #page.recetas .lista li .wrap-foto{ width:150px; height:120px; overflow:hidden; }
#content #page.recetas .lista li a.enlace:hover{color:#fff;}
#content #page.recetas .lista li a.enlace{ display:block;
width:145px !important; width /**/: 150px; /*width + padding + borders*/
height:30px !important; height /**/: 40px; /*width + padding + borders*/
padding-top:10px; padding-left:5px;
margin-top:-40px; position:relative; background:transparent url('img/trans80.png') repeat-x;
color:#e7e7e7;line-height:12px;
}

#content #page.recetas dl.detalle .marco-foto{ overflow:hidden; padding:5px; background-color:#e7e7e7; margin:0 5px 15px 5px;
width:150px !important; width /**/: 160px; /*width + padding + borders*/
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
#content #page.recetas dl.detalle .wrap-foto { width:150px; overflow:hidden; }
#content #page.recetas dl.detalle dt { width:35%; vertical-align:top; float:left; }
#content #page.recetas dl.detalle dd { margin-left:35%; padding:5px 0; vertical-align:top; border-bottom:0px dotted #676767; }
#content #page.recetas ul.vinos li{ float:right; width:45%; margin-top:10px; }
#content #page.recetas ul.vinos table{ float:right; }
#content #page.recetas ul.vinos table td{ text-align:center;vertical-align:middle;text-shadow:0 1px 0 #171717;line-height:1.8em; padding:0 5px; }


/*
 *- VINOS -*/
#content #page.vinos .lista li { padding:5px 0 20px 0; border-bottom:0px dotted #272727; }
#content #page.vinos .lista li h3 { font-size:125%; background:transparent url(img/h3-vinos-bg.png) no-repeat top right; height:25px !important; height /**/: 30px; /*width + padding + borders*/ overflow:hidden; padding:7px 0 0 5px; }

#content #page.vinos dl.detalle dd { border-bottom:0px dotted #676767; }
#content #page.vinos dl.detalle dd .platos li{ float:left; margin:5px 5px 0 0;
width:80px !important; width /**/: 84px; /*width + padding + borders*/
height:60px !important; height /**/: 64px; /*width + padding + borders*/
border:2px solid #900421;
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
overflow:hidden;
}


/*
 *- RESTAURANTES -*/
#content #page.restaurantes .lista li { padding:6px 0; }
#content #page.restaurantes .lista li p.info { margin-top:-15px; }
#content #page.restaurantes .lista li h3 a { color:#e7e7e7; }
#content #page.restaurantes .lista li h3 a:hover { color:#ea693d; }

#content #page.restaurantes div.detalle img{
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
border:4px solid #e7e7e7;
}
#content #page.restaurantes div.detalle .wrap-foto { width:540px; height:160px; overflow:hidden; }
#content #page.restaurantes div.detalle h3{ padding:5px 0; font-size:130%; margin-top:10px; }
#content #page.restaurantes div.detalle p{ padding:5px 0; text-align:justify; color:#aaa; }
#content #page.restaurantes dl.detalle { color:#aaa; margin:10px 0; }
#content #page.restaurantes dl.detalle dt { width:18%; padding:5px 0; vertical-align:top; float:left; color:#e7e7e7; }
#content #page.restaurantes dl.detalle dd { margin-left:18%; padding:5px 0; vertical-align:top; border-width:0px; }
#content #page.restaurantes dl.detalle dd p{ padding:0 0 5px 0; }
#content #page.restaurantes dl.detalle dd a { color:#ea8461; }
#content #page.restaurantes dl.detalle dd a:hover { color:#ea693d; }


/*
 *- SIDEBAR -*/
#container #sidebar{	float:left;	width:19%;}
#container #sidebar h2 { text-indent:-200px; overflow:hidden; }
#container #sidebar h2.menu { width:168px; height:58px; background:transparent url(img/h2-menu.png) no-repeat; }

#container #sidebar .menu-wrap { border:2px solid #676767; padding:5px;overflow:visible;
-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
background:#333333 url("img/menu-bg.png") repeat-x left top;
}

#container #sidebar #menu_contenido ul li { font-size:105%; border-top:1px dotted #272727; }
#container #sidebar #menu_contenido ul li a { display:block; margin:2px 0; padding:2px 4px; color:#dadada; background:transparent url(img/arrow.png) no-repeat 2px 6px; padding-left:10px; }
#container #sidebar #menu_contenido ul li a:hover { color:#fff; background-color:#272727; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#container #sidebar #menu_contenido ul li a.activo { background-color:#474747; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#container #sidebar #menu_contenido #header-menu { color:#878787; background-color:#272727; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-bottom:5px; padding:4px; line-height:1.7em; }
#container #sidebar #menu_contenido #header-menu a.header { display:block; font-size:115%; color:#878787; }
#container #sidebar #menu_contenido #header-menu a.header:hover { color:#ea8461; }
#container #sidebar #menu_contenido #header-menu a.subheader { display:block; font-size:130%; color:#e7e7e7; }
#container #sidebar #menu_contenido #header-menu a.subheader:hover { color:#ea8461; }


/*
 *-RESTAURANTES DESTACADOS-*/
#content #page.home .right #restaurantes-destacados { overflow:hidden; height:225px !important; }
#content #page .right #restaurantes-destacados { overflow:hidden; height:450px !important; }
#content #page .right .bloque{ border:1px dashed #474747; padding:0px 5px;  -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
#content #page .right .bloque li { background:transparent url(img/arrow.png) no-repeat 3px 10px; padding:5px 0 5px 13px; margin:0px; overflow:hidden;height:35px !important; height /**/: 45px; /*padding + borders*/ }
#content #page .right .bloque a { display:block; font-size:110%; color:#e7e7e7; }
#content #page .right .bloque a:hover { color:#ea693d; }
#content #page .right .bloque span { font-size:95%; color:#878787; }
#content #page .right .bloque span.direccion { line-height:1.7em; }


/*
 *- FOOTER -*/
#footer p{ font-size:90%; padding:5px 0; color:#676767; text-shadow:0 1px 0 #171717; }
#footer p a{ color:#878787; }
#footer p a:hover{ color:#a7a7a7; }
#footer p.right{ text-align:right; margin-top:-27px; }
#footer { margin:auto; width:1032px !important; width /**/: 1052px; /*width + padding + borders*/ padding:5px 10px;
	background-image: -moz-linear-gradient(top, #373737, #171717); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #373737),color-stop(1, #171717)); /* Saf4+, Chrome */
	          filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#373737', EndColorStr='#171717'); /* IE6,IE7 */
	      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#373737', EndColorStr='#171717')"; /* IE8 */

   border-top-right-radius:4px; -moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;
   border-top-left-radius:4px; -moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;
}


/*Estilos para las paginas de CANDIDATO*/
#page.contactos .contenido{ margin-top:36px; }

#page.contactos form { clear:both; margin-top:2em; }
#page.contactos form div.input{ margin-bottom:1.5em; clear:both; }
#page.contactos form div.error-message  { color:#e00; font-size:90%; margin-left: 170px; margin-top: 6px; font-weight:bold;}
#page.contactos form div.date{  }
#page.contactos div.required { clear: both; color:#fff;  }
#page.contactos div.required label {font-weight:bold;}
#page.contactos div.optional { clear: both; color:#fff; }
#page.contactos div.optional .small { display:block; font-size:90%; margin-left:150px; }
#page.contactos div.submit { clear: both; margin-top: 20px; margin-left: 160px; }
#page.contactos div.message {clear: both;color: #900;font-size: 110%;font-weight: bold;margin: 1em 0;}
#page.contactos label { display: block; float:left;  font-size: 13px; padding-right: 10px; line-height:18px;}
#page.contactos .envio label{width:100px;}
#page.contactos .contacto label{width:165px;}
/*************/

#social-box { margin-top:10px;padding:10px 5px;border-top:1px solid #e7e7e7;border-top:1px dotted #676767; }
#social-box h4{ float:left; font-weight:normal; color:#979797; font-size:90%; margin:5px 30px 0 0;}
#social-box a{ display:block; float:left; margin-right:5px; font-family:lucida grande; font-size:11px; padding:2px 5px 2px 4px; color:#aaaaaa; border:1px solid #474747;background-color:#373737; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#social-box a:hover{ border:1px solid #676767;color:#dadada; }
#social-box a.twitter { padding-left:25px; background:#373737 url(img/twitter.png) no-repeat 5px 4px; }
#social-box a.mail { padding-left:25px; background:#373737 url(img/email.png) no-repeat 5px 4px; }
#social-box a.facebook { padding-left:25px; background:#373737 url(img/facebook.png) no-repeat 5px 4px; }