/*Documento Hoja de estilo en cacada - Webmaster Luis Cárdenas - sudhosting.com*/

/*general para todos las etiquetas dentro de mainconten*/
* html #mainconten{width: expression(document.body.clientWidth < 742? "740px" : document.body.clientWidth > 1202? "1024px" : "auto")}
*{margin:0; padding:0}
body {font-family:Arial, Helvetica, sans-serif;	font-size: 0.9em; background-color:#f2f2f2;
	margin:0 auto;	text-align:center;	min-width:769px; max-width:1024px; color:#333333}
	
p { font-size:0.9em; text-indent:1em}

h1 { font-size: 2.5em;}
h2 { font-size: 1.8em;}
h3 { font-size: 1.5em;}
h4 { font-size: 1.3em;}
h5 {font-size: 1.2em;}
h1,h2,h3,h4,h5 {padding:2px;}


#mainconten {min-width:769px; max-width:1024px;	height:100%; text-align:left;	margin:0 auto;
	padding:0; background: #EEEEEE}

div#header { height:65px; color:white; border-bottom: 2px solid #000033; background:url(../../images/bg01.png) repeat-x; padding:5px}

div#header_titulo { float:left;}
div#header_titulo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:bolder; padding:5px 0 0 5px; margin:0}
/* --------------menu superior derecha-------------- */
#header_nav {width:20%; float:right; padding:3em 10px 0 0}
#header ul { margin:0; text-align: right; padding: 0;}
#header ul li { list-style-type:none; display:inline;}
#header ul li a:link, #header ul li a:visited { display:inline; padding-top: 4em; text-decoration:none; color:white;}
#header ul li a:hover { border-bottom: 1px solid gray; background: #EADCD7 url(../../images/arrow2.gif) center center no-repeat; color:#990000}

#logo-ipe {width:50px; margin-left:5px; height:50px; float:left}

div#cuerpo { margin-top: 5px; }
/*---------------------------------*/
	
a img{border:0;	}
img {margin:0; padding:0}
.img_izq {float:left; margin:0 10px 0 5px}
.img_der {float:right; padding:0 5px 0 5px;}
.img_izq_deco {float:left; padding:5px; border: 1px solid #000033; }
.img_der_deco {float:right; padding:5px; border: 1px solid #000033; }
.clear {clear:both}

/*----------links-----------*/
.decolink {	color: #000; text-decoration: none;}
.decolink:a { color: #000; text-decoration: none;}
.decolink:hover { color: #000; text-decoration: underline;  background-color:#f4f8fb;}
.decolink:active { color: #620000; text-decoration: none}
.decolink:visited {}
/*------------------fin---------------------*/


/*----------lateral izquierda-------*/
div#columna-izq { float:left; width:26%}
div#lateral_izq{background:#f2f2f2; float:left; width:98%; border-right: 1px solid #000033;  border-left: 1px solid #000033;}
div#lateral_izq p {margin-left: 10px;  }
/*div#lateral_izq img { float:left; padding: 3px; margin: 2px; margin-left:0; border: 1px solid #333366; }*/
div#lateral_izq p a:link, div#lateral_izq p a:visited { padding:0; color: #600; font-weight:bold; padding-bottom: 1px; text-decoration:none;}
div#lateral_izq p a:hover { text-decoration:underline;}

/* cajas */
#titulo_lateral_iz { width:99%; background: url(../images/bg6.jpg) repeat-x; padding: 15px 0 6px 0; color: #000033; text-transform:uppercase; font-weight:bold; margin-bottom: 10px;}
.box01 { width:99%; border-bottom: 1px solid #000033;}
.box01 h3 { font-size:1.1em; color: #000033; padding-top:5px}
.box02_iz {border-bottom: 1px solid #000033; border-right:1px solid #000033; width:49%; float:left}
/*-------fin lateral izquierda-----------*/

.box02_de {border-bottom: 1px solid #000033; border-right:1px solid #000033; width:49%; float:right}
.box_content {border-bottom: 1px solid #000033; width:98%; float:right; margin-left:5px;  margin-bottom:5px; padding:5px; background:url(../images/bg-container2.png) repeat-x; color:#FFFFFF;}
#div_mp3 {width:216px; height:100px; float:right; border: 1px solid #000033 ; padding-top:5px;}

.box_content p { font-family: Arial, Helvetica, sans-serif; /*font-size:1em;*/ color:#FFFFFF;}
.box_content h3 {font-size:1.2em; color:#FFFFFF;}

div#conten_der{float:right;width:73%}
div#conten_der p{/*line-height:1.4*/}
div#conten_der a:link, div#conten_der a:visited { padding:0; color:#600; text-decoration:none; border-bottom: 1px solid #69f; }
div#conten_der a:hover {background-color: #990; color:#fff; }
div#conten_der h1 {color:#600; margin-top: 0;  text-transform:uppercase; letter-spacing: 1px;}
div#conten_der h2 { color: #69f; line-height: 1.3em; letter-spacing: -1px;}
/*div#conten_der h3 { font-size: 1.2em; color: #494A5A;}*/
div#conten_der h4 {color: #000033;}
div#conten_der h5 {}
div#conten_der h1,h2,h3,h4,h5 {}
/*-----------------*/
/*----------------*/

/* TABLES */ 
table {}
td {padding:3px; top:}
.td01 {width:33%}
.td_40 {width:40%}
.td_60 {width:60%}


/*estilos de textos */
acronym {border-bottom: 1px dotted #966; cursor:help; } 
form,submit { padding:0; margin:0; } /* removes extraneous padding around the form */
code { border: 1px dotted #69f; background-color: #990; color:#fff; margin-left: 3ex;}
blockquote { border: 1px solid #69f; background-color: #990; color:#fff; margin: 3ex; font-style:italic;}

.skiplink a:link, .skiplink a:visited { visibility: hidden;}

/* ---------------caja imagen principal sobre content-----------------*/
#caja-img-principal {  height: 200px; border: 1px solid #000033 ; margin:5px; }
#caja-img-principal a:hover {color:#600; background-color:inherit; }
#img-principal { height: 200px; color:white;}
#caja-img-principal h2 { color:#fff; font-size: 2.75em; margin-top:0; padding-top: 2em; padding-left: 20px; margin-bottom:0; }
#caja-img-principal h3 { padding-left: 20px; color:#330;}
#caja-img-principal p, #caja-img-principalc a:link, #caja-img-principal a:visited { display:inline; margin:0; color:#fff; margin-left: 10px;font-weight:bold; font-size: 1.2em; text-decoration:none; }

/* ----------------Menu principal izquierda------------*/
#navigation {float:left;width:99%; margin-bottom: 15px; background-image:url(../images/bg7.jpg) }
#navigation ul { list-style-type:none; margin:0; padding:2px; }
#navigation ul li {/*line-height: 4px;*/ border-bottom: 1px solid gray; padding:1px 0 1px 10px}
#navigation ul li a:link,#navigation ul li a:visited { text-decoration:none; color:#000033; text-transform:uppercase; display:block; padding:1px 0 1px 10px; font-size:1.1em }
#navigation ul li a:hover { background: #9e0303 url(../images/flecha-blan2.gif) right center no-repeat; padding-left: 10px; font-weight:bold; color:#FFFFFF }
/*---prueba--------*/
#navigation .important {background: url(../images/flecha-rojo.png) no-repeat right;}
#navigation li {background: url(../images/flecha-blan.png) no-repeat right;}
/*-----fin-------*/
/*#navigation p{margin:0 10px 10px}*/

/*--------------------- Logobox ---------------*/
#logobox {background:url(../images/bg5.jpg) repeat-x;  width:99%; text-align:center;}
#logobox h1 { color: #000033; margin: 0; padding-top: 10px; font-size: 1.1em; text-transform: uppercase; }
#logobox h2 {color: #000033; margin: 0; padding-bottom:5px; font-size: 1.3em; border-bottom: 1px solid #000033;}


/* --------------sección pie de página--------------- */
div#footer{background:url(../../images/bg01.png) repeat-x; border-top: 2px solid #000033; color:#FFFFFF }
div#footer p{margin:0;padding:5px 10px}
div#footer{clear:both;width:100%}
div#footer ul { list-style-type:none; margin:0; padding:0; padding-top: 2px; text-align:center; font-size: 0.7em; color:#FFFFFF }
div#footer ul li { list-style-type:none; display:inline; border-left: 1px solid #999999; padding-left:2px}
div#footer  ul li a:link,#footer ul li a:visited { display:inline; text-decoration:none; color: #FFFFFF; padding:2px }
div#footer a:link, #footer a:visited { display:inline; text-decoration: underline; color: #FFFFFF; padding:2px }
div#footer a:hover {text-decoration:underline; color:#999999; text-decoration:underline}
div#footer ul li a:hover {text-decoration:underline; color:#999999}
div#footer p {text-align:center; margin-top: 5px;}
/*----------fin piede de pagina-----------------*/

/* sección general div#conten_der */
/*div#conten_der img { border: 1px solid #333366; padding: 2px; margin: 3px; margin-left: none; }*/
div#conten_der p {padding-left: 5px;}

/*----------- Más estilos varios------------ */
#cont_flash-01 {width:100%; height:270px; padding:10px 0 10px 0; text-align:center}
p.rightsidelink { text-align:right;}
.rightsidelink a:link, .rightsidelink a:visited { padding:0; color:#600; font-weight:bold; text-decoration:none;}
.rightsidelink a:hover {text-decoration:underline;}
.entrytext { margin-top: 0; font-size:1.2em; font-weight:bold; color:#FFFFFF}
.rojo {color: #9e0303}

/*-------------PAGINAS INTERIORES------------------------*/
.box_content_int {border-bottom: 1px solid #000033; width:98%; float:right; margin-left:5px;  margin-bottom:5px; padding:5px; background:url(../images/bg_box_int.gif) repeat; color:#FFFFFF;}
.box_content_int p { font-family: Tahoma; /*font-size:1em;*/ color:#FFFFFF;}

.box_contacto { font-size:1em; color: #000033; padding:5px; border: 1px solid #000033; background-color: #EAEAEA}

.box_celeste {border:1px solid #aac0dd; margin:0.2em; padding:0.2em; background: #f4f8fb;}

#content_int_full {padding:5px; border: 1px solid #000033; clear:both; background-color: #EAEAEA}
/*#content_int_full table, tr, td p {color: #004182; font-size:0.9em}*/

#conten_int_full h1 { font-size: 2.5em; color:#600;}
#conten_int_full h2 { font-size: 1.8em; color: #69f; }
#conten_int_full h3 { font-size: 1.5em; color: #000033;}
#conten_int_full h4 { font-size: 1.3em; color: #000033;}
#conten_int_full h5 {font-size: 1.1em; color: #000033;}
#conten_int_full h1,h2,h3,h4,h5 {padding:0 5px 0px;}

.capital { float: left; font-size: 300%; font-family: monospace; color: red; margin:-10px 0}
.borde_bajo {border-bottom: 1px solid #000033; padding:2px; padding:2px;}
.int_80 {width:80%; text-align:center}