/* Reseteo de etiquetas */

@import 'reset.css';

/* Generales */

body {
	margin: auto;
	text-align: left;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

h1{
	font-size:25px; 
	font-weight:700;
}

h1.titularNoticias, h2.titularNoticias a {
	font-size: 22px; 
	font-weight: 700; 
	color: #870101; 
	line-height: 1.3; 
	padding-bottom: 16px;
}

h2{
	font-size:16px; 
	font-weight:700; 
	padding-bottom: 6px;
}

h2.entradillaNoticia{
	font-size: 14px; 
	font-weight: 700;
}

h3{
	font-size:14px; 
	font-weight:normal;
}

h4.otrasNoticias {
	font-size:18px; 
	font-weight:700; 
	color: #870101; 
	padding-bottom: 4px;
}

p{
	padding: 0 0 10px 0;
}

a{
	color: #000; 
	text-decoration: none;
}

div.clear{
	clear: both;
}


/* HEADER - MENU PRINCIPAL */

div#topWrapper{
	width: 100%;
	height: 118px;
	background: #000 url(../img/bg_menu.jpg) repeat-x; /* fondo negro degradado */
}

	div#headerWrapper{
		width: 985px;
		margin: auto;
	}

		div#headerWrapper a{
			text-decoration: none; 
			color:#fff; /* color blanco para el menú de la parte superior derecha */
		}

		div#logo{
			float:left;
			width: 230px;
			height: 116px;
			cursor: pointer;
		}

		div#menuNav{
			float: left;
			height: 26px;
			background-color: #cc0001;
			border: 1px solid #990100;
			margin: 90px 0 0 27px;
		}

			div#menuNav ul{padding: 2px;}

				div#menuNav ul li{
					font-family: Arial Rounded,Arial,Helvetica,sans-serif; 
					font-size: 16px;
					font-weight: bold;
					border-right: 1px solid #990100;
					display: inline; /* coloco los campos de lista en linea */
					padding: 0 10px 0 7px;
				}

				div#menuNav ul li.no_border,div#menuSup ul li.no_border{border: none;}
			


/* MENU FAQ's, MAPA DEL SITIO */

div#menuSup{
	width: auto; 
	color: #fff;
	text-align: right;
}

	div#menuSup a:hover{
		text-decoration: underline;
	}

	div#menuSup ul li{
		display: inline; 
		border-right: 1px solid #fff;
		padding: 0 4px 0 4px;
	}

/* BUSCADOR*/

div#buscador{
	margin-top: 10px;
	float: right;
	height: 61px;
}

	div#buscador input{
		color: #606060; 
		width: 158px;
		float: left;
		margin: 5px 0 0 3px;
	}
	
	div#buscador a{margin-left: 6px;}


/* RECIBA NUESTRA NEWSLETTER */

div#recibaNewsletter{
	width: 205px;
	height: 24px;
	float: right;
	background: #3ea5d2 url(../img/reciba_newsletter.jpg) repeat-x;
	border: 1px solid #046a9a;
	color: #fff;
	font-family: Arial Rounded,Arial,Helvetica,sans-serif; 
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	padding-top: 3px;
}

/*** CONTENIDOS ***/

div#contentWrapper{
	width: 1000px;
	margin: auto;
}

	div#leftBorder { /*borde sombrados izquierda*/
		background-image: url(../img/left_shadow.jpg);
		width: 7px;
		height: 611px;
		float: left;
	}

	div#rightBorder{ /*borde sombrados derecha*/
		background: #fff url(../img/right_shadow.jpg) no-repeat;
		width: 7px;
		height: 611px;
		float: left;
	}

/* la capa "contentWrapper" es la contenedora de las columnas que muestran el contenido: leftCol (menú), rightCol (datos) */

div#colsWrapper{width: 984px; min-height: 605px;  margin: auto; border: 1px solid #ccc; padding-top: 10px; float: left;}

	div#leftCol{
		width:209px; 
		margin: 0 0 0 10px; 
		float: left;
	}
		div#menuSectores{
			width:209px; 
			border-right:1px dotted #ccc; 
			padding-right: 12px;
		}

			div#tituloSectores{
				height: 34px; 
				background: transparent url(../img/sectores_bg.jpg) no-repeat;
				font-size: 18px;
				font-weight: 700;
				padding: 2px 0 0 55px; /*centrar texto dentro del boton*/
			}

			div#menuSectores ul{
				margin: 5px 0 0 0;
			}
				div#menuSectores ul li{
					font-size: 15px; 
					border-bottom: 1px dotted #ccc; 
					padding: 10px 0 0 0; 
					height: 30px;
				}
					div#menuSectores ul li div.camposMenu{
						width: auto; 
						float: left; 
						padding: 0 0 0 6px;
					}


/*  COLUMNA DERECHA - CONTENIDOS */

div#rightCol{
	width: 725px; 
	margin: 0 0 0 25px; 
	float: left; 
	padding-top: 6px;
}

/*  BREADCRUMB - MIGA DE PAN  */
div#breadcrumb{padding-bottom: 15px;}
	div#breadcrumb span.breadcrumbArrow{font-weight: 700;}
	div#breadcrumb a{font-size:14px; text-decoration: none;}
		div#breadcrumb a.level1{font-weight: 700;}
		div#breadcrumb a.level2{color:#ba8900; font-weight: 700;}
		div#breadcrumb a.level3{color:#9d0f0e; font-weight: 700;}
		/*div#breadcrumb a.level4{}*/



/*** NOTICIAS HOME ***/

#supFlash{border-bottom: 1px dotted #ccc; padding-bottom: 18px; POSITION: RELATIVE; Z-INDEX: 0;}

#textoHome{float: left; font-size: 16px;}
#textoHome strong{color: #870101; font-weight: 700;}

#noticiasHomeWrapper{
	float: left;
	margin: 40px 5px 0 0;
	padding-bottom: 20px;
}

.tituloNoticiasHome{ padding-right: 20px; font-weight: 700; font-size: 14px; padding-bottom: 6px;}
#noticiasHome{ background-color: #f9f9f9; padding: 5px 10px 5px 7px;}
#noticiasHome img{padding-right: 4px;}
.noticiaHome{padding-bottom: 4px;}


/*** FLASH ***/

#flashFeria{margin: 0px 0 0 20px; POSITION: relative; Z-INDEX: 0;}



/*** FICHA DE LA FRANQUICIA ***/

/* Columna izquierda*/

div#fichaLeft{width: 443px; float: left;}

	/* Chat */
	#chat{
		width: 443px; 
		margin-top: 9px;
	}
	
	#chatTit{background:transparent url(../img/chatTit.png) no-repeat;  width: 441px; height: 26px; font-size:15px; padding: 3px 0 0 5px;}
		#chatTit a{color: #990000; margin-left: 6px;}
	
	#chatContent{width: 441px; border: 1px solid #e2e2e2; background-color: #f4fafd; margin-top: -3px;}
	
		#offline{width:203px; height:56px; background:transparent url(../img/offline_btn.png) no-repeat; display: block; font-size:11px; float: left; margin: 8px 0 8px 8px;}
		#offline div{width: 140px; padding: 13px 0 0 55px;}
		
		#online{width:203px; height:56px; background:transparent url(../img/online_btn.png) no-repeat; display: block; font-size:11px; float: left; margin: 8px 0 8px 8px;}
		#online div{width: 140px; padding: 13px 0 0 55px;}
		
		#pedirCita{width:203px; height:56px; background:transparent url(../img/pedirCita.png) no-repeat; display: block; font-size:11px; float: right; margin: 8px 8px 8px 0;}
		#pedirCita div{width: 140px; padding: 13px 0 0 55px;}
	
	/* texto franquicia */
	
	#txt_franquicia{width: 443px; margin-top: 9px; padding-bottom: 20px;}
	span#TextoFranquicia{font-size: 14px;}
	
	/* Botón Pedir más inforamción */
	
	#info{background:transparent url(../img/+info_big.png) no-repeat; width: 268px; height: 61px; margin: 12px auto;}

	#info div{width: 180px; padding: 0; font-size:12px; padding: 12px 0 0 73px;}


div#fichaRight{width: 271px; float: left; margin-left: 10px;}

	div#logoFranquicia{ /* fondo de los logos */
		background:transparent url(../img/logo_bg.png) no-repeat; 
		width: 203px; 
		height: 153px; 
		padding: 8px 0 0 10px;
		margin: 13px 0 0 37px;
	}


/* DOSSIER PDF */

#dossierPDF{width: 274px; height:70px; background:transparent url(../img/pdf_bg.png) no-repeat; line-height: 1.2;}
		
/* DATOS FICHA FRANQUICIA */

div#datosFranquicia{
	width: 450px; 
	float: left;
}

	div.tituloDatos{
		background:#F9EBEC url(../img/datos_bg.png) no-repeat; 
		width: 444px; 
		height: 23px; 
		padding: 0 0 0 8px;
	}
	
	
	#datosEconomicos{margin-top: 8px; background:transparent url(../img/datosEcoMiddle_bg.png) bottom repeat-x;}
	#datosEco_Top{background:transparent url(../img/datosEcoTop_bg.png) top no-repeat; width: 264px; height:37px;}
	#datosEco_Middle{ border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; margin-top:0px;}
	#datosEco_Bottom{background:transparent url(../img/datosEcoBottom_bg.png) bottom no-repeat; width: 264px; height:7px;}

		ul.datos{
			margin: 6px 0 0 8px; 
			padding-bottom: 15px;
		}
		
			ul.datos li{
				border-bottom: 1px dotted #ccc; 
				padding: 4px 0 2px 0; 
				min-height: 22px;
			}
		
				ul.datos div{
					font-weight: 700; 
					width: 173px; 
					float: left;
				}
				
		ul.datosEco{
			margin: 0 0 0 8px; 
			padding-top: 4px;
			width: 247px;
		}
		
			ul.datosEco li{
				border-bottom: 1px dotted #ccc; 
				padding: 4px 0 2px 0; 
				min-height: 22px;
			}
		
				ul.datosEco div{
					font-size: 11px;
					font-weight: 700; 
					width: 110px; 
					float: left;
					margin-top: 2px;
				}
				
				ul.datosEco span{
					font-size: 11px;
				}


/* FORMULARIO CONTACTO EXPRESS */

div#contactoExpress{
	width: 450px; 
	float: left;
	padding: 0 0 20px 0;
}

form#formExpress{width: 250px; margin: 15px 0 0 5px;}
form#formExpress label{ width: 70px; float: left; display:block; margin:1px 4px; padding:2px 0 2px 5px;}
form#formExpress input{float:left;

font-size:12px;
margin:0 0 10px 3px;
width:120px;}

/* GALERIA DE IMAGENES Y VIDEO */

div#galerias{
	width: 264px; 
	float: right;
}

	div#galerias h3{
		font-size: 14px; 
		font-weight: 700; 
		color: #123665; 
		padding: 12px 0 0 66px;
	}
	
		div#galerias h3 a{
			color: #123665; 
		}
	
	div#fotos{
		background:transparent url(../img/fotos_bg.png) no-repeat; 
		width: 264px; 
		height: 216px; 
		padding: 0 0 10px 0;
		margin-top: 9px;
	}
	
	div#videos{
		background:transparent url(../img/videos_bg.png) no-repeat; 
		width: 264px; 
		height: 243px; 
		padding: 0 0 0 0;
	}


/** Capa título Sectores **/

div#nombreSector{ /*creo este selector porque "nombreFranquicia" requiere un ancho mas corto, para que el fondo no sobresalga por detrás del Stand"*/
	background:transparent url(../img/nombreFranq_bg.png) no-repeat; 
	width: 699px; 
	height: 43px;
	padding: 4px 0 0 15px;
	/*para que cuando el titular no sea H1*/ font-weight: 700; font-size: 25px;
}

/* PATROCINADOR DEL SECTOR */ 

div#patrocinio{
	width: 690px; 
	min-height: 123px; 
	background: transparent url(../img/patroCenterBg.png) repeat-y; 
	margin-left: 13px;
}
/* capas que componen el fondo amarillo del patrocinio */
.patroTopBg{width: 690px; height: 12px; background: transparent url(../img/patroTopBg.png) no-repeat;}
.patroBottomBg{width: 690px; height: 18px; background: transparent url(../img/patroBottomBg.png) no-repeat;}

	strong.patroTit{
		font-size: 17px; 
		margin-left:16px; 
		font-weight: 700;
	}

	div#patrocinio h2 {
		font-size: 16px; 
		font-weight: 700; 
		margin: 10px 0 0 25px; 
		padding-bottom: 10px;
	}

	div.patroDescrip{margin-left:25px; padding-bottom: 13px;}

	div#logoPatroCartel{
		width: 167px; 
		height: 184px; 
		float: right; 
		background: transparent url(../img/patroCartel.png) no-repeat; 
		margin: -52px 6px 0 0; 
	}

	div#logoPatro{
		width: 128px; 
		height: 92; 
		float: right; 
		margin: 74px 21px 0 0;
	}

/* LISTADO FRANQUICIAS DEL SECTOR */

div#listadoFranq{
	padding-bottom: 20px;
}

	/*** mensaje buscador ***/
	#mensajebusqueda{margin-top: 13px; font-weight: 700; display:block; text-align: center;}

	table#tableListadoFranq{
		border-collapse: collapse; 
		width: 678px; 
		margin: 15px 0 0 18px;
	}
		table#tableListadoFranq caption{
			margin-top: 13px; 
			font-size: 17px;
		}
		*:first-child+html table#tableListadoFranq caption{padding-bottom: 16px; font-size: 17px;}/* IE7*/
		
			td.logoFranqCenter{
				text-align: center; 
				border:1px dotted #ccc; 
				border-left: none; 
				padding: 11px;
			}
			
			td.descriptionFranqLeft{
				text-align: left; 
				border: 1px dotted #ccc; 
				border-right: none; 
				padding: 11px; 
				vertical-align: top;
			}

/* NOTICIAS */

div#noticias{
	padding-bottom: 20px;
}

	div.noticia{
		width: 705px; 
		margin: 10px 0 0 7px; 
		padding-bottom: 16px; 
		border-bottom: 1px dotted #ccc;
	}

		div.fechaNoticia{
			font-size: 12px; 
			font-weight: 700; 
			color:#a37e18; 
			padding-bottom: 10px;
		}

		div.imgNoticia{
			float: left; 
			padding: 0 12px 0 0;
		}

			div.imgNoticia img {
				border: 2px solid #ccc;
			}

/* OTRAS NOTICIAS  */

div#otrasNoticias{
	margin-top: 20px;
	padding-bottom: 30px;
}

	div#otrasNoticias ul {
		margin: 0; 
		padding: 0 0 0 20px; /*padding left para que la imagen de la lista se visualice en IE7*/
		line-height: 1.8;
	}

		div#otrasNoticias ul li{
			list-style-image: url(../img/arrow.gif); 
			list-style-position: outside;
		}



/*** QUE ES FRANQUICIAS EXPO ***/

div#textos {width: 705px; padding: 16px 0 0 5px; font-size: 14px;}
div#textos img.quees {float: right; margin-top: -50px;}
div#textos strong.normal{font-weight: normal;}
div#textos strong.negrita{font-weight: 700; font-size: 16px;}


/*** SERVICIOS ***/
div#servicios{
	width: 705px; 
	padding: 16px 0 0 5px; 
	font-size: 14px; 
	line-height: 1.3;
}

	div#servicios strong.negrita{
		font-weight: 700; 
		font-size: 16px;
	}

	div#servicios img{
		float: left; 
		padding-right:8px; 
		margin: -2px 0 0 10px;
	}

.servicio{
	height: 110px; 
	padding: 10px 20px 0 0; 
	margin-top: 20px; 
	background: transparent url(../img/servicios_bg.png) repeat-x bottom; 
	border: 1px solid #bdbcbd;
}

	.servicio .servicioTexto{
		padding-top: 6px;
	}


/*** TARIFAS  ***/

div#tarifas{
	width: 705px; 
	padding: 16px 0 0 5px; 
	font-size: 14px; 
	line-height: 1.3;
}
	div#tarifas #tablaTarifas{
		margin-top: 15px; 
		padding-bottom: 18px;
	}

/*tabla tarifas*/

#tarifas table{
	width: 700px; 
	font-size: 15px; 
	border-collapse: collapse;
}

	#tarifas th {
		font-weight: 700; 
		font-size: 
		16px; 
		background-color: #f2faff;
	}

	#tarifas td.noBorderTD{
		background-color: transparent; 
		border: none !important;
	}

	#tarifas td {
		background-color: #fffffa; 
	}

	#tarifas th, #tarifas td {
		padding: 4px; 
		text-align: center; 
		border: 1px solid #ccc;
	}

#tarifas strong{font-weight: 700;}
#tarifas em{font-style: italic;}
#tarifas a{color: #830000;}


/*** FAQs ***/

div#faqs{
	width: 705px; 
	padding: 16px 0 0 5px; 
	font-size: 14px; 
	line-height: 1.3;
}

div#faqs ol{list-style-type: decimal; list-style-position: inside; margin-left: 11px; font-weight: bold;}

div#faqs p{font-weight: normal; margin-top: 6px; padding-bottom: 18px;}

/*** FAQs ***/

div#mapaSitio{
	width: 705px; 
	padding: 16px 0 0 5px; 
	font-size: 14px; 
	line-height: 1.3;
}

	div#mapaSitio .mapa{
		float: left;
		border: 2px solid #ccc;
		padding: 2px;
		margin-left: 10px;
	}

	div#mapaSitio .tituloMapa{
			width: 245px; 
			padding: 3px 3px 3px 3px; 
			background-color: #efefef;
			font-weight: 700;
			font-size: 16px;
		}
	
	div#mapaSitio ul{
		margin: 8px 0 0 11px;
		padding-bottom: 8px;
	}

	div#mapaSitio ul img{
		padding-right: 10px; 
	}

	div#mapaSitio ul li{
		line-height:1.5;
	}
	
	div#mapaSitio ul li a:hover{
		text-decoration: underline;
	}



/***  FORMULARIOS ***/

#formulario{padding-top: 20px;}
#formulario p{font-size: 16px;}
#formulario label {
	width: 135px;
	display: block;
	float:left;
	background-color: #E8EBEC;
	padding: 2px 0 2px 5px ;
	margin:1px 6px;
	cursor:pointer;
}

#formulario label:hover {
	background-color: #DCE1E2;
	cursor:pointer;
}

#formulario input, #formulario select, #formulario textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:225px;
	margin: 0px 0 10px 3px;
	float: left;
}

#formulario textarea{height: 90px;}

#formulario input:focus, #formulario textarea:focus {border: 2px solid #55adda;}
#formulario select:focus{border: 1px solid #55adda;}

#formulario fieldset{
	width: 395px;
	display: block;
	padding: 0;
}

#formulario legend {padding: 5px 8px 12px 6px; font-size: 14px; color: #004bbb;}

input#enviarForm{width: 130px; font-size: 13px; cursor: pointer; float: right; margin-right: 10px;}