@charset "utf-8";
/* CSS Document */

/*//////////////////////////////////// BODY //////////////////////////////////*/
body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/fondo-base.jpg);
	background-repeat:repeat-x;
	font: 11px/11px Verdana, Geneva, sans-serif;
	color:#666;
}
/*////////////////////////////////// CABECERA /////////////////////////////////*/
#cabecera {
	width: 100%;
	height:120px;
	float:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#cont-cabecera {
	position: absolute;
	width: 960px;
	height:120px;
	left: 50%;
	margin-left: -480px; /*50% del ancho*/
	border-bottom:#CCC solid 1px;
}
#logo {
	width: 500px;
	height:100px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}
#menu {
	width: 460px;
	height:120px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#registro {
	width: 100%;
	height:40px;
	float:left;
	text-align:right;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}
#menutxt {
	width: 100%;
	height:20px;
	float:left;
	text-align:right;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 0px;
}
#flecha {
	position:absolute;
	top: 75px;
	left: 610px;
	width: 20px;
	height: 20px;
}
#flecha2 {
	position:absolute;
	top: 75px;
	left: 730px;
	width: 20px;
	height: 20px;
}
#flecha3 {
	position:absolute;
	top: 75px;
	left: 837px;
	width: 20px;
	height: 20px;
}
#flecha4 {
	position:absolute;
	top: 75px;
	left: 917px;
	width: 20px;
	height: 20px;
}
/*///////////////////////////////////// CONTENIDO /////////////////////////////////*/
#contenido {
	width: 100%;
	height:510px;
	float:none;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
#cont-contenido {
	overflow:hidden;
	width:960px;
	height:510px;
	position:relative;
	margin:0 auto;
}
#menulateral {
	width: 185px;
	height:378px;
	font: 12px/12px Arial, Helvetica, sans-serif;
	color: #CCC;
	font-weight:bold;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #CCC;
}
#menulateral a {
	width:165px;
	height:20px;
	padding: 7px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	display:block;
	text-decoration:none;
	color: #fff;
	background-image:url(../images/fondo-boton.jpg);
	background-repeat:repeat-x;
}
#menulateral a:hover {
	width:165px;
	height:20px;
	padding: 7px 0px 0px 20px;
	display:block;
	color:#032c52;
	text-decoration:none;
	background-image:url(../images/fondo-botontablon.jpg);
	background-repeat:repeat-x;
}

#menulateraldestacado a{
	width: 160px;
	height:119px;
	font: 12px/12px Arial, Helvetica, sans-serif;
	color: #fff;
	float:left;
	padding: 5px 5px 5px 10px;
	margin: 5px 0px 0px 0px;
	background-image:none;
}
#menulateraldestacado a:hover{
	width: 160px;
	height:119px;
	font: 12px/12px Arial, Helvetica, sans-serif;
	color: #fff;
	float:left;
	padding: 5px 5px 5px 10px;
	margin: 5px 0px 0px 0px;
	background-image:none;
}
#escaparate {
	width: 770px;
	height:378px;
	float:left;
	/*background-color:#CCC;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
}
#tablon {
	width: 185px;
	height:120px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	background-color:#9C6;
}
#botontablon {
	width: 165px;
	height:22px;
	font: 13px/13px Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight:bold;
	background-image:url(../images/fondo-botontablon.jpg);
	padding: 7px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}
#linktablon {
	width: 165px;
	height:80px;
	float:left;
	font: 11px/12px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 0px 10px;
}
#linktablon a {
	color: #002c53;
	text-decoration:none;
}
#linktablon a:hover {
	color: #fff;
	text-decoration:none;
}
#linktablon ul li {
	list-style: url(../images/rec-tablon.png);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px -20px;
}
/*/////////////// NEWS ////////////////*/	
#actualidad {
	width: 960px;
	height:110px;
	float:left;
	/*background-color:#CCC;*/
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	border-top:#CCC 1px solid;
}
#news {
	width: 298px;
	height:108px;
	float:left;
	background-color: #FFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: solid 1px #CCC;
}
#fotonews {
	width: 150px;
	height:110px;
	float:left;
	margin:0px 0px 0px 0px;
}
#txtnews {
	width: 130px;
	height:100px;
	float:left;
	margin:5px 5px 5px 10px;
}
/*///////////////////////////////// QUIENES SOMOS ////////////////////////////////*/	
#quienes-titular {
	width: 750px;
	height:28px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 10px;
}
#quienes-txt {
	width: 410px;
	height:250px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 10px;
}
#quienes-fotos {
	width: 320px;
	height:250px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 10px;
}
#quienes-txt-news {
	width: 390px;
	height:250px;
	float:left;
	padding: 0px 20px 0px 0px;
	margin: 0px 10px 10px 10px;
}
#quienes-txt-news-alargada {
	width: 730px;
	height:250px;
	float:left;
	padding: 0px 20px 0px 0px;
	margin: 0px 10px 10px 10px;
}
#quienes-fotos-news {
	width: 320px;
	height:250px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 10px 10px;
}
#quienes-trabaja {
	width: 740px;
	height:15px;
	float:left;
	padding: 5px 5px 10px 5px;
	margin: 30px 0px 0px 10px;
	border:#CCC solid 1px;
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 40%, #DBDBDB 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(40%, #FFFFFF), color-stop(100%, #DBDBDB)); /* webkit */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DBDBDB', GradientType=0 ); /* ie */
}
#quienes-ico {
	width: 70px;
	height:25px;
	float:left;
	padding: 20px 5px 5px 5px;
	margin: 0px 0px 0px 10px;
}
#slideshow {
	width: 320px;
	height: 250px;
	background-color:#666;
}
/*///////////////////////////////// TRABAJA ////////////////////////////////*/
#trabaja-txt {
	width: 750px;
	height:340px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 10px 10px;
}
/*///////////////////////////////// ESTABLECIMIENTOS ////////////////////////////////*/
#col1-txt {
	width: 360px;
	height:340px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 10px 10px;
}
#col1-txt ul{
	list-style: url(../images/flecha2.png);
	margin: 20px 0px 0px 20px;
}
#col1-txt li{
	list-style: url(../images/flecha2.png);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
}
#col2-txt {
	width: 400px;
	height:340px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 10px 10px;
}
#col2-txt ul{
	list-style: url(../images/flecha2.png);
	margin: 20px 0px 0px 20px;
}
#col2-txt li{
	list-style: url(../images/flecha2.png);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
}
#col3-txt {
	width: 380px;
	height:340px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 10px;
}
#col3-txt ul{
	list-style: url(../images/flecha2.png);
	margin: 20px 0px 0px 0px;
}
#col3-txt li{
	list-style: url(../images/flecha2.png);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*///////////////////////////////// HORARIOS ////////////////////////////////*/
#horarios {
	width: 418px;
	height:340px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
	/*border:#CCC solid 1px;*/
}
#horarios-especiales {
	width: 298px;
	height:auto;
	float:left;
	padding: 3px 0px 3px 10px;
	margin: 0px 10px 5px 10px;
	border:#CCC solid 1px;
}
/*///////////////////////////////// COMO LLEGAR //////////////////////////////*/

#llegar-plano {
	width: 418px;
	height:340px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
	/*border:#CCC solid 1px;*/
}
#llegar-txt {
	width: 310px;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 10px 10px;
}
/*///////////////////////////////// CONTACTO ////////////////////////////////*/


/*///////////////////////////////// REGISTRO ////////////////////////////////*/


/*//////////////////////////////////// PIE /////////////////////////////////////*/
#pie {
	width: 100%;
	height:140px;
	float:none;
	/*background-color:#2a373f;*/
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	
}
#cont-pie {
	overflow:hidden;
	width:960px;
	height:120px;
	position:relative;
	margin:0 auto;
	border-top: #CCC solid 1px;
	background-color: #FFF;
}
#logos {
	width: 960px;
	height:60px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
#datos {
	width: 960px;
	height:60px;
	float:left;
	text-align:center;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	border-top:#CCC solid 1px;
}
.roll{
	border:#C63 solid 1px;
	background-color:#999;
}
.roll a{
	border:#C63 solid 1px;
	background-color:#666;
}
.roll a:hover{
	border: #F03 solid 1px;
	background-color:#666;
}

/*///////////////////////////////// FICHA ESTABLECIMIENTOS //////////////////////////////*/

#contentest{
	width: 600px;
	height:340px;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 10px;
}
#logoest{
	width: 143px;
	height:97px;
	float:left;
	padding: 5px 0px 0px 05px;
	margin: 0px 10px 10px 0px;
	border:#999 solid 1px;
	background-color:#CCC;
}

#establecimiento{
	width: 428px;
	height:82px;
	float:left;
	padding: 20px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
	border:#999 solid 1px;
	background-color:#4e4973;
}
#establecimiento2{
	width: 428px;
	height:82px;
	float:left;
	padding: 20px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
	border:#999 solid 1px;
	background-color:#ff9601;
}
#numeroest{
	width: 120px;
	height:85px;
	float:left;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 20px 20px;
	background-color: #690;
}
#fotoest{
	width: 298px;
	height:204px;
	float:left;
	padding: 5px 0px 0px 5px;
	margin: 0px 10px 0px 0px;
	border:#999 solid 1px;
	background-color:#CCC;
}
#txtest{
	width: 272px;
	height:200px;
	float:left;
	padding: 10px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	border:#999 solid 1px;
}


/*///////////////////////////////// CARROUSEL NEWS//////////////////////////////*/
#carousel_inner {
float:left; /* important for inline positioning */
width:930px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #FFF;
}

#carousel_ul {
position:relative;
left:-310px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:300px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:110px;
background: #FFF;
margin-top:0px;
margin-bottom:0px; 
margin-left:5px; 
margin-right:5px; 
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll, #right_scroll{
float:left; 
height:130px; 
width:15px; 
background: #FFF; 
}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}
/*///////////////////////////////// CAPA SCROLL //////////////////////////////*/
.scroll-pane
			{
				width: 100%;
				height: 200px;
				overflow: auto;
			}