@charset "UTF-8";
/* CSS de Guzmán Gastronomía */
/* Hoja de estilos de la home */



/* Imports
------------------------------------------------------------------------------------------------------------------------ */
@import 'general.css';


/* Migas
------------------------------------------------------------------------------------------------------------------------ */
#migas{ width: 700px; margin: 2px 0 0 25px; padding:6px 15px 0; background-color:#FBFAF9; color:#c4db0d;}
#migas dt, #migas dd, #migas ul, #migas li{ display:inline;}
#migas a{ padding-right:8px; background: transparent url(../images/raquo_migas.gif) right center no-repeat; color:#c4db0d;}
#migas a:hover{ color:#605342;}


/* Contenido
------------------------------------------------------------------------------------------------------------------------ */
#contenido{ margin-top:0;}

	/* Contenido de Nuestras Instalaciones */
	#contenido.servicio{ padding-bottom:320px; background-image: url(../images/fachada_servicio.jpg); background-position: right bottom; background-repeat: no-repeat;}


/* Textos
------------------------------------------------------------------------------------------------------------------------ */
#textos{ width:686px; margin:0 19px 0 25px; padding-top:22px; color:#605342;}
	#textos:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#textos{ display: block;}
#textos p{ font: normal 1.3em/1.38em Arial, Helvetica, sans-serif;}

	/* Texto de Ley de Contacta */
	#textos p.ley{ font-size:1.1em; font-style:italic;}


/* Dos columnas de texto
------------------------------------------------------------------------------------------------------------------------ */
#textos .col1{ float:left; clear:left; width:333px; margin-right:20px;}
#textos .col2{ float:left; width:333px;}
#textos .margen{ margin-bottom:18px;}


/* Listado de Productos en Catálogo
------------------------------------------------------------------------------------------------------------------------ */
.listado_3cols{ float:left; position:relative; width:100%;}
.listado_3cols .col{ float:left; width:215px; margin-right:20px;}
.listado_3cols .col h5{ margin:16px 0 6px; padding:7px; font:1.8em/1.18em Georgia, "Times New Roman", Times, serif; background: transparent url(../images/listado_productos_back.gif) repeat-x;}
.listado_3cols .col h5.segundos{ margin-top:25px;}
.listado_3cols .col h6{ margin:0 0 1px 7px; font-size: 1.2em;}
.listado_3cols .col ul{ margin:2px 0 10px 7px;}
.listado_3cols .ultima{ margin-right:0;}
.listado_3cols .col ul li{ margin-bottom:2px; padding-left:8px; background: transparent url(../images/punto_verde2.gif) left top no-repeat; font: normal 1.1em Arial, Helvetica, sans-serif;}

	/* Formulario de Tienda On-line */
	.listado_3cols #tiendaonline{ float:right; position:relative; width:200px; margin-top:25px; padding:7px 8px 7px 8px; background: transparent url(../images/tiendaonline_back.gif) repeat-x;}
	.listado_3cols #tiendaonline h4{ margin-bottom:7px; font:1.8em/1.18em Georgia, "Times New Roman", Times, serif;}
	.listado_3cols #tiendaonline input{ width:196px; margin-bottom:4px; padding:2px 1px;}
	.listado_3cols #tiendaonline input.contrasena{ width:130px;}
	.listado_3cols #tiendaonline input.boton{ position:absolute; bottom:3px; right:4px; width:64px; padding:1px 0 5px 0; background: transparent url(../images/boton_entrar.gif) no-repeat; font: bold 1.3em/1em "Trebuchet MS", Arial, Helvetica, sans-serif; border:0; color:#c4db0d;}
	* html .listado_3cols #tiendaonline input.boton{ bottom:4px; padding-top:3px;} /* Hack IE6*/
	*+html .listado_3cols #tiendaonline input.boton{ bottom:4px; padding-top:3px;} /* Hack IE7*/
	.listado_3cols #tiendaonline input.boton:hover{ background-position: 0 -25px;}


/* Listado de Productos Exclusivos
------------------------------------------------------------------------------------------------------------------------ */
ul.listado_productos{ float:left; width:225px;}
ul.listado_productos li{ float:left; width:215px; margin: 0 10px 5px 0; padding-left:10px; background: transparent url(../images/raquo_doble.gif) left 4px no-repeat; font: normal 1.2em Arial, Helvetica, sans-serif;}

	/* Imagen rotativa de productos exclusivos */
	#photodiv { float:right; width:170px; height:170px; margin:-35px 0 -15px 0; background-repeat: no-repeat;}
	* html #photodiv{ margin-bottom:0;} /* Hack IE6*/


/* Explicacion de Productos Exclusivos
------------------------------------------------------------------------------------------------------------------------ */
#textos .description{ float:left; width:400px; margin-right:20px;}
#textos .description ul{ margin-bottom:1em;}
#textos .description ul li{ padding-left:10px; background: transparent url(../images/raquo_doble.gif) left 6px no-repeat; font: normal 1.3em/1.38em Arial, Helvetica, sans-serif;}
#textos .producto_imagen{ float:right; width:200px; margin:-28px 0 0 0; text-align:center;}
#textos .producto_imagen p{ position:relative; margin: 6px auto 0 auto; font-size:1.1em; font-weight:bold;}
#textos .producto_imagen p a{ padding:0 10px; background: transparent url(../images/raquo_doble.gif) left center no-repeat;}
#textos .subproducto{ float:right; width:200px; text-align:center;}


/* Etiqueta para los Productos Novedad de Productos Exclusivo
------------------------------------------------------------------------------------------------------------------------ */
#textos h3 small{ padding:2px 4px; background:#cce02f; font: bold .6em/.7em Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase;}


/* Solicitar y Solicitar Productos del mes
------------------------------------------------------------------------------------------------------------------------ */
#textos .solicitar, #textos .solicitarpros{ float:right; clear:right; width:300px; margin-bottom:45px; background: transparent url(../images/especiales_back.gif) right top repeat-y;}
#textos .solicitar a, #textos .solicitarpros a{ color: #c4db0d;}
#textos .solicitar img{ float:left; margin:12px 15px 0 0; padding-bottom:12px;}
	#textos .solicitarpros img{ float:right; margin:12px 3px 0 0;}
#textos .solicitar h3, #textos .solicitarpros h3{ float:left; width:143px; margin:9px 0 12px; padding:inherit; background:none; font:1.8em/1.18em Georgia, "Times New Roman", Times, serif;}
	#textos .solicitarpros h3{ width:155px;}
#textos .solicitar .boton, #textos .solicitarpros .boton{ float:left; display:block; width:103px; padding: 5px 2px 8px 0; background: transparent url(../images/boton_solicitar.gif) no-repeat; font: bold 1em/1em "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; text-align:center;}
	#textos .solicitarpros .boton{ width:123px; background: transparent url(../images/boton_verproductos.gif) no-repeat;}
#textos .solicitar .boton:hover, #textos .solicitarpros .boton:hover{ background-position: 0 -25px;}


/* Listado de Aulas
------------------------------------------------------------------------------------------------------------------------ */
.aulas{ height:1%; width:686px; margin:0 19px 8px 25px;}
	.aulas:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.aulas{ display: block;}
.aulas.primera{ margin-top:45px;}
	* html .aulas.primera{ margin-top:0;}
	*+html .aulas.primera{ margin-top:0;}
.aulas img{ float:right;}
#contenido .aulas h3{ width:480px; margin:8px 0 2px 0; padding:0; background:none;}
.aulas p{ width:480px; font-size:1.1em; line-height:1.5em;}
.aulas p strong{ font-size:1.09em;}
.aulas p strong.verde{ font-size:1em;}
.aulas p a{ padding-left:10px; background: transparent url(../images/raquo_doble.gif) 0 4px no-repeat; font-size:1em;}


/* Brújula de Servicio Guzman
------------------------------------------------------------------------------------------------------------------------ */
#servicio{ float:right; position:relative; width:284px; margin:-12px 10px; background: transparent url(../images/servicio_back.gif) center center no-repeat; display:inline; min-height:18em;}
* html #servicio{ height:18em;}
#servicio li{ position:absolute; width:80px;}
#servicio li.norte{ top:0; left:50%; margin-left:-40px; text-align:center;}
#servicio li.este{ top:6.8em; right:0; text-align:left;}
#servicio li.sur{ bottom:0; left:50%; margin-left:-40px; text-align:center;}
#servicio li.oeste{ top:6.8em; left:0; text-align:right;}
#servicio li a{ font: bold 1.2em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#90877B;}
#servicio li a:hover{ color:#c4db0d;}


/* Oficinas de Capacidad de Respuesta
------------------------------------------------------------------------------------------------------------------------ */
#oficinas{ float:right; width:278px; margin:-6px 0 0 25px; padding:0 15px 15px; background: transparent url(../images/oficinas_back.gif) no-repeat;}
#oficinas h3{ float:none; margin:0; padding-top:7px; background:none; font: bold 1.3em/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF;}
#oficinas dl{ font-size:1.1em; line-height:1.1em;}
#oficinas dt{ margin-top:9px; font-weight:bold;}
#oficinas dt, #oficinas dd{ margin-bottom:2px;}


/* Formulario de Contacta
------------------------------------------------------------------------------------------------------------------------ */
#formcontacta { float:right; position:relative; width:310px; margin-top:11px; padding-bottom:10px; background: transparent url(../images/especiales_back.gif) right top repeat-y;}
#formcontacta fieldset{ padding-top:30px;}
#formcontacta legend span{ position:absolute; display:block; top:0; right:0;display:block; width:295px; margin-left:-15px; padding:4px 15px; background-color:#C4DB0D; font: normal bold 1.3em/1em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF;}
#formcontacta input, #formcontacta textarea{ width:296px; margin-bottom:4px; padding:2px 1px;}
#formcontacta span{ font-weight:bold;}
#formcontacta span strong{ font-weight:normal; color:#FF2828;}
#formcontacta p.obligatorios{ float:left; margin-top:7px; font-size:1.1em;}
#formcontacta p.obligatorios strong{ font-weight:normal; color:#FF2828;}
#formcontacta input.boton{ float:right; width:64px; margin:5px 6px 0 0; padding:2px 0 4px 0; background: transparent url(../images/boton_entrar.gif) no-repeat; font: bold 1.3em/1em "Trebuchet MS", Arial, Helvetica, sans-serif; border:0; color:#c4db0d;}
* html #formcontacta input.boton{ padding:3px 0 2px 0;} /* Hack IE6*/
*+html #formcontacta input.boton{ padding:3px 0 2px 0;} /* Hack IE7*/
#formcontacta input.boton:hover{ background-position: 0 -25px;}


/* Contacto de Departamentos
------------------------------------------------------------------------------------------------------------------------ */
ul.departamentos{ float:left; width:325px; margin-bottom:30px;}
ul.departamentos.dcha{ float:right;}
ul.departamentos li{ float:left; margin:0 0 16px 0; padding-left:8px; background: transparent url(../images/punto_verde2.gif) left top no-repeat; font: normal 1.1em Arial, Helvetica, sans-serif;}
ul.departamentos li dt{ font-weight:bold;}
ul.departamentos li dd{ margin-top:3px;}


/* Localizacion
------------------------------------------------------------------------------------------------------------------------ */
#localizacion .vcard{ float:left; width:333px; margin:10px 0 0 0; font: normal .85em/1.38em Arial, Helvetica, sans-serif; text-align:left;}
#localizacion .col1{ margin-right:20px;}
#localizacion .vcard h3{ margin:0; padding:0; background:none; font: bold 1.5em/1.2em Arial, Helvetica, sans-serif;}
#localizacion .vcard .ciudad{ color:#B1C000;}
#localizacion .street-address{ display:inline;}
#localizacion .vcard img, #textos .vcard div{ display: block;}
#localizacion .vcard div.mapa{ display:block; margin-top:28px;}
#localizacion .vcard div.mapa #wagt_map_1, #localizacion .vcard div.mapa #wagt_map_2{ border: 8px solid #FFFFFF;}


/* Listado de Mapa Web
------------------------------------------------------------------------------------------------------------------------ */
.mapaweb{ float:left; position:relative; width:100%;}
.mapaweb .col{ float:left; width:215px; margin-right:20px;}
#contenido .mapaweb .col h3{ float:none; width:auto; margin:16px 0 6px; padding:7px; font:1.8em/1.18em Georgia, "Times New Roman", Times, serif; background: transparent url(../images/listado_productos_back.gif) repeat-x;}
#contenido .mapaweb .col h3.segundos{ margin-top:45px;}
#contenido .mapaweb .col h3 a{ text-decoration:none; display:block;}
.mapaweb .col ul{ margin:2px 0 10px 7px;}
.mapaweb .ultima{ margin-right:0;}
.mapaweb .col ul li{ margin-bottom:2px; padding-left:8px; background: transparent url(../images/punto_verde2.gif) left top no-repeat; font: normal 1.1em Arial, Helvetica, sans-serif;}


/* Banda de fotos
------------------------------------------------------------------------------------------------------------------------ */
#banda_fotos{ margin:42px 0 0 0; padding:14px 0; background: transparent url(../images/banda_back.gif) top center no-repeat; text-align:center;}
#banda_fotos img{ position: relative; margin: 0 auto; display:block;}