/*basico*/

h2, h3, h4, h5{ margin:0.8em ; }

h2{ margin-left:0.3em; }

#logoprint, #infoprint { display:none;}

/*espaciadores*/
.spacer {
height:20px;
}


/*letras grandes al inicio de un p*/
.dropcap {
float:left;
color:#FC9FCF;
font-size:70px;
line-height:50px;
padding-top:2px;
font-family: Times, serif, Georgia;
font-weight:bold;
} 


/* un cuadro destacado flotante dentro de un parrafo 2 variantes*/

p.flotaquotes {
float:right;
width:45%;
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
border:0;
font-size:1em;
font-weight:bold;
margin:10px;
background-image:url(../imagenes/quote.gif);
background-repeat:no-repeat;
text-align:left;
color:#666666;

}


p.flotaquotes2 {
float:left;
width:45%;
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
border:0;
font-size:1em;
font-weight:bold;
margin:0;
background-image:url(../imagenes/quote.gif);
background-position:right;
background-repeat:no-repeat;
text-align:left;
color:#666666;

}


/*parrafos encerrados entre comillas grandes para destacar (blockquote) en este caso las comillas son imagenes) */

blockquote {
font-weight:bold;

} 

blockquote.withquote {
background:url(../quotes/quote.gif) no-repeat;
background-position:top left;
padding-left:20px;
text-align:left;
margin-top:15px;
} 

p.withunquote {
background: url(../quotes/unquote.gif) no-repeat;
background-position:bottom right;
padding-right:5px;
margin-bottom:15px;
}

/*comportamiento de imagenes dentro de parrafos*/

.thinborder{
  float:left;
  border:solid 1px #CCCCCC;
  padding:5px;
  margin-right:5px;
  
}


/*imagenes con caption*/
.polaroid {
     padding:15px 15px 55px 15px;
     border:1px solid black;
     background:white;
     text-align:center;
}
.polaroidtext {
    color:black;
    position:relative;
    top: -50px;
}


/*ahora vamos a definir los header*/

h1
{
	font: 25px/1.2em Georgia, Times, "Times New Roman", serif; display: block;
	color: #FB88C4;	
	font-weight:normal;
	background-image:url(../imagenes/bulleth1.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:34px;
	text-align:left;
	margin-left:6px;
	margin-bottom:20px;
	height:35px;
	margin-top:10px;
}



h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
font-weight: normal;
color:#666666;
background-image:url(../imagenes/bulleth2.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:17px;
text-align:left;
margin-left:10px;
}

h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: normal;
color:#8F8F8F;
text-align:left;
}

/* los divisores de parrafos*/

.hravanti {
	margin: 1em 0;
	height: 19px;
	background: transparent url(../imagenes/hr/rosita.gif) no-repeat center;
	
}

.hrpie {
	height: 24px;
	background: transparent url(../imagenes/hr/hrpie.gif) no-repeat center;	
	margin-top:98px;
	}


.hrsimple {
	margin: 1em 0;
	height: 19px;
	background: transparent url(../imagenes/hr/simple.gif) no-repeat center;
	display:block;
	clear:both;
	
}

.hravanti hr, .hrsimple hr, .hrpie hr {
	display: none;
}

/* definiendo las listas*/

.listasimple
{
position:relative;
margin: 12px 0 12px 0 ;
padding-left: 0px;
list-style: none;
padding-right:8px;
text-align:left;
}

.listasimple li
{
padding-left: 40px;
background-image:url(../imagenes/bulletlist.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
margin: 0 0 10px 0;
	
}


* html .listasimple li
{
background-position: 0 .4em;
	
}

.listasimple a:link, .listasimple a:visited {
	color:#84BD0F;
		}
	
.listasimple a:hover {
	color:#FC84C2;
	text-decoration: none;
	}
	
.listasimple a:active {
	color:#FC84C2;
	}
	

/*definiendo los enlaces*/

a:link, a:visited {
	color:#84BD0F;	

	}
	
a:hover {
	color:#FC84C2;
	text-decoration: none;
	}
	
a:active {
	color:#FC84C2;
	
	}
	
/* enlaces pdf, word, zip...*/


.pdfLink { padding-right: 19px; background: url(../imagenes/links/pdf.gif) no-repeat 100% .5em; }
.docLink { padding-right: 19px; background: url(../imagenes/links/doc.gif) no-repeat 100% .5em; }
.zipLink { padding-right: 17px; background: url(../imagenes/links/zip.gif) no-repeat 100% .5em; }


/*enlaces a documentos de diversa indole*/

/* a.linkmedia  {
	color:#FC84C2;
	font-weight: bold;
			}*/

 a.linkmedia:link, a.linkmedia:visited, a.linkmedia:active {
	background-image:url(../imagenes/links/media.gif);
	background-position:center right !important;
	background-repeat:no-repeat;	
	padding-right: 17px;
	
		}
		
a.linkprint:link, a.linkprint:visited, a.linkprint:active {
	background-image:url(../imagenes/links/print.gif);
	background-position:center right !important;
	background-repeat:no-repeat;	
	padding-right: 17px;
	
		}
		
a.linkexterno:link, a.linkexterno:visited, a.linkexterno:active {
	background-image:url(../imagenes/links/externo.gif);
	background-position:center right !important;
	background-repeat:no-repeat;	
	padding-right: 17px;
	
		}
		
		
a.linkemail:link, a.linkemail:visited, a.linkemail:active {
	background-image:url(../imagenes/links/email.gif);
	background-position:center right !important;
	background-repeat:no-repeat;	
	padding-right: 17px;
	
		}


/* a.linkmedia:hover, a.linkmapa:hover, a.linkinfo:hover, a.linkexterno:hover {
	color:#CC3300;
	text-decoration: none;
	}*/
		
/* las tablas*/

.mytable  {
	width: 433px;
	padding: 0;
	margin: 0;
	margin-left:10px;
	font: 13px  "Trebuchet MS", Arial, sans-serif;
}


.mytable caption {
	padding: 0 0 5px 0;
	width: 433px;	 
	text-align: right;
}

.mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border-right: 1px solid #FBE4F3;
	border-bottom: 1px solid #FBE4F3;
	border-top: 1px solid #FBE4F3;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../imagenes/tablas/bg_header.jpg) no-repeat;	
}


.mytable th.esquina{
	border-left: 1px solid #FBE4F3;
	border-bottom: 1px solid #FBE4F3;
	}

.mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #FBE4F3;
	background: none;
}

.mytable td {
	border-right: 1px solid #FBE4F3;
	border-bottom: 1px solid #FBE4F3;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


.mytable td.alt {
	background: #FDF2F9;
	color: #797268;
}

.mytable th.spec {
	border-left: 1px solid #FBE4F3;
	border-top: 0;
	background: #fff url(../imagenes/tablas/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
}

.mytable th.specalt  {
	border-left: 1px solid #FBE4F3;
	border-top: 0;
	background: #FDF2F9 url(../imagenes/tablas/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
	
	
/*************** menu pie *********************/

#navpie { 
height:30px;
text-align:center;
padding-left:50px;
}

* html #navpie{
padding-left:235px;
}

#navlistp
{
list-style: none;
padding: 0;
margin: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

#navlistp li
{
display: inline;
padding: 0;
margin: 0;

}

#navlistp li:before { content: " | "; color: #84BD0F; margin: 0 5px 0 5px;}
#navlistp li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlistp li
{
border-left: 1px solid #84BD0F;
height:10px;
padding: 0 0.6em 0 0.6em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlistp { height: 1%; }
* html #navlistp li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlistp li:first-child { border-left: 0; }


#navlistp a:link, #navlistp a:visited
{
color: #84BD0F;
}

#navlistp a:hover  
{
color: #FC84C2;
}

/*************** menu vertical lateral *********************/

#navertical ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#navertical li { margin: 0 0 3px 0; }

#navertical a
{
display: block;
padding: 3px 2px 2px 24px;
border: 0;
width: 163px;
height:25px;
background-color: #FFFFFF;
background-image: url(../imagenes/menuvert/menuvert.gif);
}

#navertical a:link, #navlistvertical a:visited
{
color: #FB88C4;
text-decoration: none;
}

#navertical a:hover
{
border: 0;
background-color: #FFFFFF;
background-image: url(../imagenes/menuvert/menuvert.gif);
background-position: left 120px;
color:#66CC00;
}

#activevert a:link, #activevert a:visited, #activevert a:hover
{
border: 0;
background-color: #FFFFFF;
background-image: url(../imagenes/menuvert/menuvert.gif);
background-position: left 60px;
color:#66CC00;
}

#navertical a:active
{
border: 0;
background-color: #FFFFFF;
background-image:url(../imagenes/menuvert/l2_down.gif);
color:#66CC00;
}

/*************** menu horizontal superior *********************/

#navcontainerhori 
{
position:absolute;
top:20px;
left:30px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
padding-left:65px;
background-color: transparent;
height:66px;
}  



#navhori ul
{
margin: 0;
white-space: nowrap;
padding: 0;
}

#navhori li
{
display: inline;
list-style-type: none;
position:relative;

}

#navhori a
{
border-top: 6px solid #F0F0F0;
padding: 15px 12px 10px 8px;
margin:0;
background-color: transparent;
background-image: url(../imagenes/menuhori/menuhori.gif);
background-position:center right;
background-repeat:no-repeat;
}

#navhori a:link, #navhori a:visited
{
color:#999999;
text-decoration: none;
}

#navhori a:hover
{
border-top: 6px solid #f139a6;
background-color: transparent;
color: #f139a6;
}

#activehori a:link, #activehori a:visited, #activehori a:hover
{
border-top: 6px solid #84bd0f;
background-color: transparent;
color: #84bd0f;
}


/************** Interruptor *************************/

#interruptor {
position: absolute;
top:13px;
left:590px;
}


.textchico, .textmedio, .textgrande {
float:left;
width:26px;
height:30px;
border:0;
text-align:center;
color:#666666;
margin-left:5px;
}

a.textchico:link, a.textchico:visited, a.textchico:active {
color:#666666;
text-decoration:none;
background:#FFFFFF url(../imagenes/interruptor/a_chica.png) no-repeat 0 0px;
}
a.textchico:hover {
color:#000000;
background: url(../imagenes/interruptor/a_chica.png) no-repeat -27px 0px;
}

a.textmedio:link, a.textmedio:visited, a.textmedio:active {
color:#666666;
text-decoration:none;
background:#FFFFFF url(../imagenes/interruptor/a_media.png) no-repeat 0 -30px;
}
a.textmedio:hover {
color:#000000;
background: url(../imagenes/interruptor/a_media.png) no-repeat -27px 0px;
}

a.textgrande:link, a.textgrande:visited, a.textgrande:active {
color:#666666;
text-decoration:none;
background:#FFFFFF url(../imagenes/interruptor/a_grande.png) no-repeat 0 0px;
}
a.textgrande:hover {
color:#000000;
background: url(../imagenes/interruptor/a_grande.png) no-repeat -27px 0px;
}



/*****************BANNERS LEFT************************/

.banner-left {
margin-top:10px;
font-family:"Trebuchet MS", Arial, sans-serif;;
/*border:1px solid #FC9FCF;*/
width:164px;
margin-left:9px;
text-align:center;
background-image:url(../imagenes/banners/bannerdivide.gif);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:12px;
/*background-color:#FAE6F1;*/

}



.banner-left p {
color:#959595;
text-align:left;
padding: 0 2px 0 2px;
margin-top:4px;
font-size:11px;
}

.banner-left img {
border: 4px solid #FDDDEE;
margin-top:15px;
}


.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;

}


.titulo-x1 h4 {

font-size: 11px;
font-weight:100;
text-align:left;
padding: 0 2px 0 2px;
margin-top:5px;
margin-bottom:7px;
}



.titulo-x1 h4 a:link { color: #8CC01F; }
.titulo-x1 h4 a:visited { color: #8CC01F;  }
.titulo-x1 h4 a:active { color: #FFFF00; }
.titulo-x1 h4 a:hover { color: #FD89C5;  }