/* CSS Document */

* {margin:0; padding:0; /*outline:1px dotted #ddd;*/}

body {width:100%; background:#000 url(../img/trama.gif) repeat left top;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
strong, h2, h3 {color:#370;}
b {color:#666;}
a {outline:none; text-decoration:none; cursor:pointer; color:#370;}
a img {border:none;}
h2 {font-size:14px; margin-bottom:10px;}
h3 {font-size:12px; margin-bottom:5px;}
h4 {color:#555; margin-bottom:2px; font-size:12px;}
p {text-align:justify; margin-bottom:10px; line-height:17px;}

/*// organizacion //*/
#printlogo {display:block; position:absolute; top:-100px; left:20px;}
#pagina {width:834px; margin:5px auto;}
 #cap {height:371px;}
 #pie {height:45px; line-height:45px; font-size:10px; text-align:center;
 	background:url(../img/peu.gif) no-repeat center bottom;}
	#pie strong {font-size:11px;}
 #cos {min-height:374px; overflow-y:auto; padding:15px 16px 0 16px;
	 background-color:#fff; position:relative; }
	
 
/*// INICIO //*/
ul.inicio {list-style:none; float:left; margin-left:10px; width:385px;}
	ul.inicio li {background:url(../img/linicio.jpg) no-repeat left top; height:120px;}
	ul.inicio li p {line-height:15px; margin-left:120px;}
	ul.inicio li h1 { 
		background:url(../img/lih1.gif) no-repeat left center; padding-left:30px; height:18px;
		font:bold 12px Verdana, Arial, Helvetica, sans-serif; line-height:18px; color:#666; letter-spacing:-1px;
		text-transform:uppercase; margin:0 0 5px 120px;}
/*	ul#inicio li a {color:#580; font-weight:bold;}
		ul#inicio li a:hover {color:#390; text-decoration:underline;}*/
		
#eventos {width:750px; clear:both; margin:10px auto; overflow:auto;}
	#eventos .evento {position:relative; float:right; overflow:auto; width:100%; }
		.evento a.imagen {float:left; margin:2px 8px 4px 0; cursor:pointer;}
		.evento span {display:block; position:absolute; bottom:5px; right:0; width:200px;}
			.evento marquee {color:#594; font:normal bold 14px Verdana; width:100%; padding-top:12px;}
			.evento a.btnt { margin:4px;}



/*// EQUIPO //*/
.e_desc, .d_desc {position:absolute; top:100px; width:300px; display:none;}
.d_desc {text-align:right;}
.e_desc a, .d_desc a {color:#666;}

#equipo { position:absolute; top:150px; left:0; height:133px; width:834px;
	background:url(../img/bck_equipo.gif) repeat-x left top; text-align:center; }
	#equipo a{
		width:80px; height:133px; display:inline-block;
		background-repeat:no-repeat; background-position:right top; }
		#equipo a:hover {background-position:left top;}
		
/*// comunes //*/
.reprs {clear:left; margin:10px 0;}
	.reprs .r {display:block; float:left; margin:0 18px;}
	.reprs h3 a {color:#370;}

#dr {float:right; width:520px;}
	#dr .list {height:425px; overflow-y:auto; color:#666; padding:10px 16px 20px 0;}
	#dr .notis {height:515px; overflow-y:auto; color:#666;}
	#dr .descs {height:374px; overflow-y:auto; margin-left:15px;}

	 a.imprimir {
		float:right; margin-right:10px; font-weight:bold; color:#370; line-height:23px;
		height:23px; padding-left:24px;
		background:url(../img/impresora.gif) no-repeat left top; }
		a.imprimir:hover {background-position:left bottom;}
/*// CATALOGO //*/
#prodtop form {
	display:block; position:absolute; top:0; right:20px;
	height:36px; width:216px;
	background:url(../img/buscador.gif) no-repeat right top;}
	#buscampo {
		background:url(../img/busc_input.gif) no-repeat left top; border:none;
		height:22px; width:140px; margin:6px 0 6px 7px;
		font-size:11px; color:#666; padding:4px 10px 0 10px;}
	#lupa {
		background:url(../img/busc_lupa.gif) no-repeat; border:none; cursor:pointer;
		width:20px; height:20px; display:block; float:right; margin:8px 10px 0 0;}
	.list p {padding-left:12px; text-indent:-10px; text-align:left;}
	
#prodtop div {padding-top:30px; height:25px;  border-bottom:1px solid #8b5;}
	#prodtop h2 {line-height:23px;}

ul.cat {width:280px; list-style:none; margin-top:30px;}
	ul.cat li {padding-left:20px; background:url(../img/ul_cat.gif) no-repeat left 3px; margin-bottom:10px;}
	ul.cat li div {margin-left:15px; color:#666;}
	ul.cat li div a {color:#666;}
		ul.cat li div a:hover {color:#370; text-decoration:underline;}

/*// NOTICIAS //*/
#dr .notis h4 {font:normal normal 14px Arial, Helvetica, sans-serif; color:#666; border-bottom:1px solid #666; padding:4px 0;}
	#dr .notis p {margin-right:16px;}
	#dr .notis img {float:left; margin:3px 12px 8px 5px;}
	#dr .notis img.imri{float:right; margin:5px 5px 8px 12px;}
	#dr .notis .datpag {float:right; color:#776; margin:5px 10px;}

ul.not {width:250px; list-style:none; margin-top:10px;}
	ul.not li {margin-bottom:6px; height:75px;}
	ul.not li h4 {color:#F6B130; font-family:Tahoma, Arial, Helvetica; padding:2px 0;}	
	ul.not li p {color:#666; line-height:13px;}
	ul.not li p a {color:#370; font-weight:bold;}
		ul.not li div a:hover {color:#8f3;}
	
.datpag {font:normal normal 10px Arial, Helvetica, sans-serif; color:#000;}
.new, .des {font:italic bold 10px Arial; color:#d00;}
.des {color:#f60;}


/*// CONTACTO //*/
 .cont{width:400px !important; line-height:20px; }
/* .cont a {color:#666; padding:3px 0 4px 15px; background:url(../img/fl_gr.gif) no-repeat left center; display:block; }*/
	.cont a:hover {color:#370;}
	.cont div {float:left; margin:10px;}
	.cont p {margin:0;}
	.cont p img {margin:5px; vertical-align:middle;}
	
#contacto{width:350px; float:left;}
	#contacto label {display:inline-block; width:130px; text-align:right; padding:5px;}
	#contacto input, #contacto textarea { border:1px solid #bcb;
		font:normal 11px Arial, Helvetica, sans-serif; color:#666; padding:2px;}
	#contacto input {width:200px; height:16px;}
	#contacto textarea {width:280px; height:70px; float:right;}
	#contacto a {float:right; margin:5px;}
	#contacto .datpag {clear:right; margin:5px; text-align:center;}
	
/*// Descargas //*/
.descs div { margin-top:20px; width:260px; float:left;}
	.descs div h3 {margin-bottom:10px;}
	.descs div p {text-align:left; font-size:11px; margin-top:10px; margin-bottom:5px; line-height:15px;}

#fr_ds {display:none;}	
	#fr_ds label {display:inline-block; font-size:11px; width:50px; margin:3px 10px;}
	#fr_ds input {border:1px solid #bcb; font-size:11px; color:#666; padding:2px 2px 0 2px; width:170px; }
	#fr_ds .bot {float:right; padding:3px 0; width:80px; border-color:#9a9;
	background:url(../img/buscador.gif) no-repeat center top; color:#060; font-weight:bold;}

/*// botonet //*/
a.btnt {
	background:url(../img/vergris.gif) repeat-x center bottom;
	border:1px solid #d6d6d6; border-bottom-color:#ccc;
	font: normal bold 10px Arial,Helvetica; line-height: normal; text-decoration: none;
	color:#d90; text-shadow:#fed 1px 1px 3px; text-transform: uppercase;
	padding:2px 7px; -webkit-border-radius:4px; -moz-border-radius:4px;
}
a.btnt:hover {
	background-position:center top;
	border-color:#97cd32;
	color:#fff; text-shadow:#060 1px 1px 2px;}
	
/*// MAPS //*/
#mapici {float:left; width:460px; height:350px;}
#route {float:right; width:300px; margin-right:10px;}

ul#yy{width:200px; height:200px; position:absolute; top:20%; left:20%; list-style:none;}
	ul#yy * {outline:1px dotted #faa;}
		ul#yy li {width:100px; height:200px; position:absolute; top:0;}
		ul#yy li div {width:50px; height:100px; position:absolute;}
		ul#yy li.dot {width:20px; height:20px; left:90px; top:40px; background-color:#000;
			-webkit-border-radius:10px;}
		ul#yy li#df {background-color:#fff; top:140px;} 
		li#ff {background-color:#eee; left:0;
			-webkit-border-top-left-radius:100px;
			-webkit-border-bottom-left-radius:100px; }
			li#ff div {background-color:#000;
			-webkit-border-top-left-radius:50px; -webkit-border-bottom-left-radius:50px; bottom:0; right:0; }
		li#oo {background-color:#000;
			-webkit-border-top-right-radius:100px;
			-webkit-border-bottom-right-radius: 100px; right:0;}
			li#oo div {background-color:#eee; 
			-webkit-border-top-right-radius:50px;
			-webkit-border-bottom-right-radius:50px; top:0; left:0; }
			
/*// GALERIA //*/
.galeria { height:374px;overflow:hidden; width:515px; margin-right:5px;}
	.galeria h4 { height:20px; text-align:center;}
/*	#imgcentral {
		display:block; width:515px; height:290px; line-height:290px;}
		#img {display:block; max-width:515px; max-height:290px; vertical-align:middle; margin:auto;}
	.marco {
		position:relative; margin:5px auto;	width:505px; height:60px; overflow:hidden;}
	.boton {
		position:absolute; top:0px; z-index:3; display:block;
		height:60px; width:12px; background:#fff url(../img/fl_gal.gif) no-repeat left center;}
		.iz{left:0px; background-position:left center;}
			.iz:hover {background-position:-12px center;}
		.dr{right:0px;background-position:right center; z-index:2;} 
			.dr:hover {background-position:-24px center;}
	#tira {position:absolute; top:0px; left:0px; z-index:1;
		white-space:nowrap; padding:0 18px; text-align:left; line-height:60px;}
	#tira img {
		max-height:60px; margin-right:9px; vertical-align:middle;
		cursor:pointer; display:inline}*/