<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
	font-family: 'HelveticaMediumCondensed';
	src: url('../fuentes/helvetica-condensed-webfont.eot');
}

@font-face {
	font-family: 'HelveticaMediumCondensed';
	src: url(//:) format('no404'), url('../fuentes/helvetica-condensed-webfont.woff') format('woff'), url('../fuentes/helvetica-condensed-webfont.ttf') format('truetype'), url('../fuentes/helvetica-condensed-webfont.svg#webfontTAaUtEmW') format('svg');
	font-weight: normal;
	font-style: normal;
}

* { padding:0; margin:0; }
ul, li{ list-style-type:none; }
img { border-width: 0; }
a{ outline-style:none; color:#f47920; text-decoration:none;}
a:hover{ text-decoration:underline;}
a img{ border: none; }
body { background-color: #333; text-align: center; line-height: 21px; font-family: Arial, Verdana, sans-serif; font-size:100%; color: #787777; }
.clear { clear: both; }
.hidden{display:none;}
h1, h2{ font-weight: normal; padding-bottom: 5px; color: #2d2d2d; line-height: 1em;}
h1 { font-size: 3em; font-family:'HelveticaMediumCondensed', Arial, Helvetica, sans-serif; color:#fd8027; }
h2 { font-size: 1em; color:#201c1d;}
p { padding-bottom: 15px; line-height: 24px; font-size:0.8125em;}

.contenedor { text-align: left; width: 960px; margin: 0 auto; position: relative; height: 100%; }
.contenedor h1{ display:block;  text-indent:-9999px; text-shadow: -1px -1px #000, 1px 1px #ddd;  margin:20px 0 8px 0; letter-spacing:-5px;}
.contenedor p#small { display:block;  font-size:1.25em; color:#96a2ab; line-height:25px; width:615px; background:url(../imagenes/sep2.jpg) left bottom no-repeat; padding-bottom:30px;  font-style:italic; font-weight: bold; float:left;}

#bg-top { height:34px; background: url(../imagenes/bg-top.jpg) left top repeat-x; }
img#logo { position:absolute; left:50%; top:0; margin-left: -153px;}

/*cabecera*/
#cabecera {background:url(../imagenes/bg-cabecera.jpg) 50% 0; height:202px;}
#cabecera p#sesion { position: absolute; top:0; right:0; color:#FFF; padding:0 15px; font-size:0.6875em;}
#cabecera p#sesion a, #cabecera p#sesion a:hover{ text-decoration:underline; color:#FFF;}
#cabecera p#telefono {position: absolute; top:40px; left:45px; color:#FFF; padding:0;}
#cabecera p#correo { position: absolute; top:40px; left:687px; color:#FFF; padding:0;}
					
#contenido { background-color:#fcfafb;}

/*cabecera2*/
#cabecera2 {background:url(../imagenes/bgsmallCodican.png) 50% 0; height:62px;}
#cabecera2 p#sesion { position: absolute; top:0; right:0; color:#FFF; padding:0 15px; font-size:0.6875em;}
#cabecera2 p#sesion a, #cabecera p#sesion a:hover{ text-decoration:underline; color:#FFF;}
#cabecera2 p#telefono {position: absolute; top:40px; left:45px; color:#FFF; padding:0;}
#cabecera2 p#correo { position: absolute; top:40px; left:687px; color:#FFF; padding:0;}
					
#contenido { background-color:#fcfafb;}


/*titulos*/
#anuncios_h1 { background:url(../imagenes/anunciosh1.jpg) no-repeat; width:832px; height:78px;  margin:0 auto; padding-top:10px; }
#publicidad_h1 {background:url(../imagenes/publicidadh1.jpg) no-repeat; width:237px; height:38px;  margin:20px 0 8px 0; float:left;}
#nosotros_h1 {background:url(../imagenes/nosotrosh1.jpg) no-repeat; width:214px; height:38px;  margin:20px 0 8px 0; float:left;}
#portafolio_h1 {background:url(../imagenes/portafolioh1.jpg) no-repeat; width:245px; height:38px;  margin:20px 0 8px 0; float:left;}
#rutas_h1 {background:url(../imagenes/rutash1.jpg) no-repeat; width:134px; height:38px;  margin:20px 0 8px 0; float:left;}
#contacto_h1 {background:url(../imagenes/contactoh1.jpg) no-repeat; width:212px; height:38px;  margin:20px 0 8px 0;float:left;}
.marco{background: url(../imagenes/marco.png) left bottom no-repeat; padding:5px 5px 9px; }

/*Columnas*/
#codican { width:940px; padding:25px 10px; overflow:hidden; }
#codican .columna { float: left; width: 288px; position: relative; margin-right:37px;}
#codican .colrutas{width:451px; margin-right:38px;}
.scroll { width:436px; padding-right:15px; overflow:auto; height:450px;}
#codican .colgmap{width:614px; margin-right:38px;}
#codican img.icon { position: absolute; left:3px; top:0; }
#codican p.caract { font-style:italic; margin-top:25px;}
#codican ul,li{ margin-bottom:15px; list-style:inside disc;}
#codican li{ font-size: 0.8125em;}
#codican span{ color:#f47920; font-weight:bold;}
.puntos{border-bottom: #CCC 2px dotted; padding-bottom:15px;}
a.mapa {background:url(../imagenes/mapa.jpg) top no-repeat; width:30px; height:30px; display:block; text-indent:-9999px; float:right; margin-left:15px;}
a:hover.mapa {background:url(../imagenes/mapa.jpg) bottom no-repeat; width:30px; height:30px; display:block; text-indent:-9999px;}
a.descargar {background:url(../imagenes/descargar.jpg) top no-repeat; width:30px; height:30px; display:block; text-indent:-9999px; float:right; margin-left:5px;}
a:hover.descargar {background:url(../imagenes/descargar.jpg) bottom no-repeat; width:30px; height:30px; display:block; text-indent:-9999px;}
#codican h2 { font-weight:bold; margin-bottom: 7px; padding:0 0 20px 28px; text-transform:uppercase;}
.titulo { background: url(../imagenes/linea-titulo.jpg) left bottom no-repeat;}
.titulor { background: url(../imagenes/linea-titulor.jpg) left bottom no-repeat;}
.titulogm { background:url(../imagenes/sep2.jpg) left bottom no-repeat;}
a.leermas{ float: right; text-align:right; display: block; font-weight: bold; font-size:0.6875em; text-transform:uppercase; }

/*Menu*/
ul#menu {position:absolute; width:960px; bottom:10px; text-align:center;}
ul#menu li {display:inline;}
ul#menu li a {text-decoration:none; color:#fff; font-family:'HelveticaMediumCondensed'; font-weight:bold; font-size:1.5em; padding:0 21px; text-shadow:1px 1px 1px #333;}
ul#menu li a.none { background:none;}
ul#menu li a:hover{color:#4c4c4d;}
ul#menu li.activo a{color:#4c4c4d;}	
ul#menu li.activo a:hover{text-decoration:none; cursor:text;}		
		
/*Menu2*/
ul#menu2 {position:absolute; width:960px; bottom:10px; text-align:center;}
ul#menu2 li {display:inline;}
ul#menu2 li a {text-decoration:none; color:#fff; font-family:'HelveticaMediumCondensed'; font-weight:bold; font-size:1.5em; padding:0 21px; text-shadow:1px 1px 1px #333;}
ul#menu2 li a.none { background:none;}
ul#menu2 li a:hover{color:#4c4c4d;}
ul#menu2 li.activo a{color:#4c4c4d;}	
ul#menu2 li.activo a:hover{text-decoration:none; cursor:text;}

/*Slider*/
#area-slider { background:#fcfafb url(../imagenes/bg-slider.jpg) top left repeat-x; height: 418px; }	
#slider { width:940px; background:url(../imagenes/slider/marco.png) no-repeat; margin:0 10px; padding:5px; position:relative;}
.coin-slider { overflow: hidden; zoom: 1; position: relative;}
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; 

}
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #000; color: #000; text-indent: -1000px; 
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
overflow:hidden;
}
.cs-active { background-color: #f3a23b; color: #000; 
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
overflow:hidden;
}
.cs-title { width:910px; padding: 10px; background-color: #000000; color: #FFFFFF; }
.cs-prev, 
.cs-next { background-color: #000; color: #fff; padding: 0px 10px; }

/*Portafolio*/
.portafolio {margin:25px auto; padding: 0; width: 930px; overflow:hidden;}
.portafolio li {padding:10px; margin: 0; list-style:none; float: left; position: relative; width: 290px; height: 130px;}
.portafolio li:hover img {border-color: #f47920;}
.portafolio img {background: #fcfafb; border: solid 1px #888; padding: 4px;}
.portafolio em {background: #fcfafb; color: #000; font-style: normal; padding: 2px 10px; display: block; position: absolute; top: 100px; left: 9px; border: 1px solid #999; border-left-color: #888; font-size: 0.8125em;}
.portafolio a {text-decoration: none;}
.portafolio a:hover em {background: #ffdb01; border-color: #f47920;}

#gmaps{margin:16px 0; border:#CCC 1px solid; padding:1px 4px 4px 4px;}

/*Formulario*/
form#formulario{float: right; width: 288px; }
.campo {width:268px; height:13px; border: none; background:url(../imagenes/campo.gif) top left no-repeat; line-height:33px; margin:10px 0 17px 0; padding:10px; font:0.8125em  Arial, Helvetica, sans-serif; color:#CCC;}
.comentarios {width:268px; height:113px;  border: none; background: url(../imagenes/comentarios.gif) no-repeat top left; overflow: hidden; padding:10px; font:12px  Arial, Helvetica, sans-serif; color:#CCC;}
#boton-enviar {float: right; width:49px; height:10px; text-indent: -9999px; overflow: hidden; border: 0; background:url(../imagenes/btn-enviar.gif) no-repeat; display: block; cursor: pointer !important; margin:20px 0;}

/*Pie*/
#pie{ background: #333 url(../imagenes/bg-pie.jpg) left top repeat-x;  color: #b9b9b9; min-height:180px;}

ul#menupie {position:absolute; top:100px; left:0;}
ul#menupie li {display:inline;}
ul#menupie li a {font-size:0.75em; padding:0 9px;}

a#facebook { background: url(../imagenes/facebook.jpg) no-repeat; width:31px; height:32px; display:block; text-indent:-9999px; position:absolute; top:15px; left:130px; }
a#twitter { background: url(../imagenes/twitter.jpg) no-repeat; width:31px; height:32px; display:block; text-indent:-9999px; position:absolute; top:15px; left:175px;}

p#rs  { position:absolute; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:0.75em; color: #717171; padding:0; top:20px; left:0;}
p#copyinfo { position:absolute; font-size:0.6875em; padding:0; color: #999; top:100px; right:0; text-align:right;}

/*Alinear elementos*/
.izq { float:left; margin-right:25px;}
.der { float: right; margin-left:25px;}
.centro { display:block; margin:0 auto; padding:10px 0; }
.sep{display:block; background:url(../imagenes/sep.jpg) no-repeat;}
.mb{ margin-bottom:25px;}
.mt{ margin-top:25px;}
</pre></body></html>