body  {background: url("/Content/imagenes/madera.jpg") repeat;  margin: auto; background-color: Black; text-align: center; }
#tope{ width: 100%; background: url("/Content/imagenes/fondoFinal.jpg") repeat-x;  min-height: 500px; }
#container { *width: 1050px; text-align: center; width: 1024px; margin: auto }
#izquierdo { float: left; width: 210px; min-height: 500px;}
#central {float: left; width: 510px; min-height: 500px; *height: 500px; *margin-right: -30px;}
#central h1, #central h2{ font:normal 22px "Trebuchet MS"; color:#598786; margin:0 0 9px 5px;}
#derecho {width: 247px; float: left; clear: right; min-height: 500px; *height: 500px;}

#logo{ background: url("/Content/imagenes/logo.png") transparent; width: 210px; height: 244px;  }
#links{ margin-top: 0px; width: 210px; #margin-left: 0px }
#links li{ list-style-type: none; margin-left: -40px; #margin-left: 0px; #height:60px }
#links li a { text-indent: -5000px; display: block; margin-top: 0px ; width: 180px; }
#links li a:hover{ #margin-left: -30px;  }
.inicio{  padding-top: 67px; background: url("/Content/imagenes/topePapelito.png") transparent no-repeat; }
.inicio a{ height: 20px; margin-top: -25px !important; }
.quienes{ background: url("/Content/imagenes/quienes.png") transparent no-repeat; height: 23px !important; margin-top:0px;}
.quienes a:hover, .quienes_activo{ background: url("/Content/imagenes/quienesHover.png") transparent no-repeat }

.clientes{ background: url("/Content/imagenes/clientes.png") transparent no-repeat; height: 25px !important}
.clientes a:hover{ background: url("/Content/imagenes/clientesHover.png") transparent no-repeat;  }

.ventajas{ background: url("/Content/imagenes/ventajas.png") transparent no-repeat; height: 28px !important}
.ventajas a:hover, .ventajas_activo{ background: url("/Content/imagenes/ventajasHover.png") transparent no-repeat; }

.contacto{ background: url("/Content/imagenes/contacto.png") transparent no-repeat; height: 35px !important}
.contacto a:hover, .contacto_activo{ background: url("/Content/imagenes/contactoHover.png") transparent no-repeat; }

#iphone{ background: url("/Content/imagenes/iphone.png") transparent no-repeat; width: 210px; height: 330px; margin-top: -16px; #margin-top: -20px; padding-top: 55px; padding-left: 13px }
#solapas{ height: 70px;  margin-top: -60px; width: 510px; float: left; margin-left: 30px; *margin-left: 30px; *margin-top: -80px; *padding-top: 20px;}
#solapas a{ display: block; height: 70px; padding-left: 30px; text-indent: -5000px; width: 90px; background: url("/Content/imagenes/solapitas.png") no-repeat scroll 0 0 transparent; }
#solapas a:hover, a.industrias_activo, a.comercios_activo, a.profesionales_activo, a.instituciones_activo{ background-image: url("/Content/imagenes/solapitasHover.png") !important; *height: 70px; }
#solapas a.industrias { background-position: 0 0; width: 87px; #width: 117px}
#solapas a.comercios { background-position: -117px 0; width: 86px; #width: 116px; }
#solapas a.profesionales { background-position: -233px 0; width: 86px;  #width: 116px;}
#solapas a.instituciones { background-position: -349px 0; width: 100px; #width: 130px; }

#solapas ul{ display: block; height: 193px; margin-left: -40px; margin-top: -100px; *margin-left:0px;}
#solapas li{ height: 70px; list-style-type: none; margin-top: 90px; float: left }
#buscador{ background: url("/Content/imagenes/buscador.png") transparent no-repeat; width: 250px; height: 193px; margin-left: -2px; }
#contenido{ background: url("/Content/imagenes/agenda.jpg") no-repeat; min-height: 580px; *height: 580px;  }
#contenido img{ border: 0px }
#banners{ background: url("/Content/imagenes/panelDerecho.jpg") no-repeat; min-height: 580px; margin-left: -2px; display: block; #height: 580px }
#botoncitos{ float: left; height: 212px; margin-top: 85px; width: 56px; margin-left: -2px; }
#botoncitos li{ list-style-type: none; margin-left: -37px; width: 56px; margin-bottom: 1px; }
#botoncitos a { background-image: url("/Content/imagenes/botoncitos.png"); display: block; height: 53px; text-indent: -5000px; width: 51px; cursor: pointer; }
.farmacias{ background-position: 0 0 }
a.telefonos{ background-position: 0 -53px }
a.medios{ background-position: 0 106px }
a.cine{ background-position: 0 -159px }
a.facebook{ background-image: url("/Content/imagenes/facebook.png") !important; margin-bottom: 55px; }
a.tooltip { position:relative; color:#000; text-decoration:none; }
a.tooltip span { display: none; }
a.tooltip:hover span { display:block; position:absolute; top:7px; left:-65px; width:110px; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px; height:40px; }
.tipFarmacias{ background: url("/Content/imagenes/tipFarmacias.png") no-repeat; height: 41px }
.tipTelefonos{ background: url("/Content/imagenes/tipTelefonos.png") no-repeat; }
.tipMedios{ background: url("/Content/imagenes/tipMedios.png") no-repeat; }
.tipCine{ background: url("/Content/imagenes/tipCine.png") no-repeat; }
.tipFacebook{ background: none; }

#encabezado{ height: 34px; background: url("/Content/imagenes/encabezado.jpg"); *margin-top: -52px }

#restoLogo{ width: 30px; height: 86px; background: url("/Content/imagenes/restoLogo.png") transparent; margin-top: 73.3px; #margin-left:-480px; }
#pie{ background: url("/Content/imagenes/fondoPie.jpg") repeat-x; height: 79px; clear: both; margin-top: 15px; *margin-top: 15px; }

#tituloGuia{font:normal 11px Verdana;  float: left; margin-top: -12px; margin-left: 12px }
#tituloGuia{ _margin:2px 0 0 20px;}

#tituloGuia ul li  span{ margin:0 8px 0 0; float:right; *position:absolute; *right:0;}

#principal{ text-align: left; float: left; padding-top: 20px; margin-left: 10px; }
#contenido p { margin: 0 0 10px -15px;}
#principal p { margin: 0 0 10px 5px !important;}
#contenido { color: #444444; font: 12px "Trebuchet MS"; }
.pagination{ margin:30px 0 5px 15px; color:#999;}
.pagination a{ text-decoration:none; font:normal 12px Verdana; padding: 0 3px; }
.curPage{ padding: 0 5px; font: bold 12px Verdana }

#contenido .destacado{ background:url("/Content/imagenes/destacadoB.gif") repeat-y; color:#066; margin:0 0 15px 0px; 
font-weight:bold; }
#contenido .destacado p{ background:url("/Content/imagenes/destacadoA.gif") no-repeat; margin:0; padding:15px 0 0 15px}
#contenido .destacado a{ color:#066;}
#contenido .destacado a.map { background:url("/Content/imagenes/map.png") no-repeat; width:21px; height:25px; float:right; display:block; margin:10px 30px 0 0; text-indent: -5000px} 
div#mapa { margin: 10px; width: 465px; height: 400px; }
#centro .gmnoprint h1{ margin-left: 0px }

#contenido a{ color:#066; }
#contenido .destacado span{ font:normal 11px Arial; color:#333; margin:0 0 0 10px; }
#contenido .destacado span.cierre{ background:url("/Content/imagenes/destacadoC.gif") no-repeat left; height:10px; display:block; margin:0; }
#contenido .destacado span.descripcion{ width: 450px; }
#contenido span{ display:inline-block; padding:0 0 0 5px;}
#contenido span.a1{ background:url("/Content/imagenes/1.png") no-repeat; width:217px; height:26px;}
#contenido span.a2{ background:url("/Content/imagenes/2.png") no-repeat; width:116px; height:26px; padding-left:2px;}
#contenido span.a3{ background:url("/Content/imagenes/3.png") no-repeat; width:85px; height:26px; }
#contenido p{ margin:0 0 10px -5px}
#contenido .empresa{ clear:left; font-weight:normal; margin:0 0 0 20px;} 
#contenido div.pagina span{ padding: 0 }
.renglones{ background:url("/Content/imagenes/hoja.jpg") repeat-y !important; margin-left: 0px !important; margin-top: 20px !important; padding-top: 0px !important; width: 482px !important; padding-left: 5px}


#publicidades{  margin:0px 0 0 10px; padding-top: 15px }
ul#publi, ul#banners{ list-style:none; display:inline; clear:both; padding:0 0 0 6px;}
ul#publi li, ul#banners li{ float:left; margin:0; padding:0; height:77px; }
ul#publi li a, , ul#banners li a{ margin:0 ; display:block;}

ul#publi li img{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; padding:0 2px 0 0}
ul#publi li img:hover{ filter:alpha(opacity=99); opacity:.99; -moz-opacity:0.99;}

#slider{ background-color:#FFF; margin:16px 0 0 20px; padding:0; position:absolute;}
#slider a{ }

.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }

		




#slider ul, #slider li,
#slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; }
#slider2{margin-top:1em;}
#slider li, #slider2 li{ width:152px; height:212px; overflow:hidden; }	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{  position:absolute; left:40px; z-index:1000; display:block; margin:230px 0 0 100px;}
#nextBtn, #slider1next{ left:95px; }														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{   display:block; position:relative; width:20px; height:30px; background:;  }	
#nextBtn a:hover{ }

#nextBtn a, #slider1next a{ }	
#nextBtn a:hover { } 

form#buscar{ width:260px; padding:145px 25px 0 35px; *padding:5px 0 0 60px; clear:both; *clear:none; }
form#buscar input{ background:none; width:180px; border:none; float:left;}
form#buscar input[type="submit"]{ width:40px; background: url("/Content/imagenes/btbuscar.jpg") 8px 5px no-repeat; width:20px; height:20px; cursor:pointer;
float:left}

div#nyroModalContent p{ margin:0; padding: 0 }
#tituloGuia h1.sobre { background: url("/Content/imagenes/titSobre.jpg") repeat scroll 0 0 transparent; }
#tituloGuia h1 { background-repeat: no-repeat;display: block; float: left; height: 79px; margin: 16px 0 25px; text-indent: -5000px; width: 180px; }

#contenidoPagina { clear: both; color: #444444; font: 12px "Trebuchet MS"; margin: 0 0 30px; overflow: hidden; width: 492px; }
#tituloGuia h1.ventajasGuia {background: url("/Content/imagenes/titVentajas.jpg") repeat scroll 0 0 transparent; width: 135px;}
#tituloGuia h1.contactoGuia {background: url("/Content/imagenes/titContacto.jpg") repeat scroll 0 0 transparent; width: 137px;}
#pie h3{ display: block; width: 1024px; text-align: center; background: url("/Content/imagenes/datosPie.jpg") no-repeat scroll center center transparent; text-indent: -5000px; height: 79px; margin: auto }

.linkGaleria { background-color: #000000;color: white;font-family: Tahoma;font-size: 11px;font-weight: bold; text-align: center;width: 100%;}
.linkGaleria a:visited, .linkGaleria a:hover { color: White;}
.linkGaleria a { color: White;text-decoration: none; }
.listaPaginas { float: right; padding-right: 15px; padding-top: 3px; position: relative; right: 5px; top: 5px; }



div.content {
	
	
	float: right;
	width: 550px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 350px; 
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("/Content/Css/loader.gif");
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; 
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: -55px;
}
div.slideshow a.advance-link {
	display: block;
	width: 550px;
	
	
	text-align: center;
	margin-left: 15px;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	margin-left: 10px;
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
.navigation div.pagination a, .navigation div.pagination span.current, .navigation div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
.navigation div.pagination span.current
{
	width: 12px;
}
.navigation div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
.navigation div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.navigation div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

.navigation .pagination
{
	margin: 0;
}

ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}

.rubroEmpresa{ font-weight: bold; color: #598786 }
#logo a { display: block; float: left; text-indent: -5000px; margin-top: 90px; margin-left: 50px; width: 150px; height: 80px; }
ul#letras { margin:0; padding-top:0;  list-style:none; clear:both;  float:right; width:100%;}

ul#letras ul { width:208px; margin:0; padding:18px 0 0 0; list-style: none; display: none; position: absolute; top: 100%; left: 0; 
background:url("/Content/imagenes/cuadro1.png") no-repeat; z-index:10;}

ul#letras ul ul {  width:153px; top: 0; left: 100%; background:url("/Content/imagenes/cuadroB1.png") no-repeat; padding:4px 0 0 0;}

ul#letras li { float:left; display:inline; position:relative; }
ul#letras ul li { width:100%; display:block; margin:0; padding:0; background:url("/Content/imagenes/cuadro2.gif") repeat-y;}
ul#letras li.pri{ background:url("/Content/imagenes/cuadro1.png") no-repeat; height:18px; }
ul#letras li.ult{ background:url("/Content/imagenes/cuadro3.png") -1px 0 no-repeat; height:12px; }
ul#letras ul ul li.ult{ background:url("/Content/imagenes/cuadroB3.png") no-repeat; height:5px;}

ul#letras a { float:left; display: block; color: #fff; font: bold 12px Arial, sans-serif;
 text-decoration: none; background:url("/Content/imagenes/bt.jpg") no-repeat; width:18px; min-height:21px; 
margin:1px 0 0 0; padding:2px 0 0 0; text-align:center; }
ul#letras a.fin{ background-image:url("/Content/imagenes/btFin.jpg"); width:6px;}
ul#letras ul a {  width:202px; text-align:left; margin:0 0 0 1px; padding:2px 0 0 5px; background:none;}
ul#letras ul ul a {  width:148px; text-align:left; padding:2px 0 0 5px; margin:0; background:none;}
ul#letras li.vacio a{ color:#333}
li.vacio a{ cursor: default }


ul#letras a:hover { color: #333;  }


ul#letras li:hover li a,
ul#letras li.iehover li a { float:none; }


ul#letras li:hover li a:hover ,
ul#letras li:hover li:hover a { background:url("/Content/imagenes/cuadroB2.gif"); color:#000;}



ul#letras li:hover li:hover li a,
ul#letras li.iehover li.iehover li a { }


ul#letras li:hover li:hover li a:hover,
ul#letras li:hover li:hover li:hover a,
ul#letras li.iehover li.iehover li a:hover,
ul#letras li.iehover li.iehover li.iehover a {background:url("/Content/imagenes/cuadro2.gif") -1px 0 repeat-y; color:#FFF;
}


ul#letras li:hover li:hover li:hover li a,
ul#letras li.iehover li.iehover li.iehover li a {
}


ul#letras li:hover li:hover li:hover li a:hover,
ul#letras li.iehover li.iehover li.iehover li a:hover {

}


ul#letras li:hover ul ul,
ul#letras li:hover ul ul ul,
ul#letras li.iehover ul ul,
ul#letras li.iehover ul ul ul { display: none; }

ul#letras li:hover ul,
ul#letras ul li:hover ul,
ul#letras ul ul li:hover ul,
ul#letras li.iehover ul,
ul#letras ul li.iehover ul,
ul#letras ul ul li.iehover ul{ display: block; }

ul#letras li a span{  background:url("/Content/imagenes/mas.png") no-repeat right; width:12px; height:10px; display:block; margin:4px 1px 0 0;}div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalFull div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url("/Content/imagenes/ajaxLoader.gif") no-repeat;
	background-position: center;
}
div#nyroModalFull div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalFull div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url("/Content/imagenes/closebox.png") no-repeat;
	outline: 0;
}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
	
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
	vertical-align: baseline;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); 
}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	left: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
	background: url("/Content/imagenes/prev.gif") left 20% no-repeat;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	right: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
	background: url("/Content/imagenes/next.gif") right 20% no-repeat;
}