/*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:62.5%; background-color:#FFFFFF;
	margin:0 auto;	text-align:center;	min-width:769px; max-width:1024px; color:#333333}
	
p { font-size:1.2em; 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: url(../images/bg-container0.jpg) repeat; }

div#header { height:55px; color:white; border-bottom: 2px solid #000033; background:url(../images/bg01.png) repeat-x}
div#header_titulo { float:left;}
div#header_titulo p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:bolder; padding:5px 0 5px 5px; margin:0}

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

div#cuerpo { height:100%; margin-top: 5px; }
/*---------------------------------*/
	
a img{border:0;	}
img {margin:0; padding:0; border:none}
.img_izq0 {float:left; 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: #666666; text-decoration: none; font-weight:bold}
.decolink: a { color: #666666; text-decoration: none; font-weight:bold}
.decolink:hover { color: #000; text-decoration: none;  background-color:#CCCCCC;}
.decolink:active { color: #620000; text-decoration: none}
.decolink:visited {}
/*------------------------*/
.decolink_2 { color: #333333; text-decoration: none; background-color: #C6ECFF; font-weight:bold}
.decolink_2 a:link { color: #333333; text-decoration: none; background-color: #C6ECFF; font-weight:bold}
.decolink_2 a:hover { color: #000; text-decoration:underline;  background-color:#CCCCCC; font-weight:bold}
.decolink_2:active {}
.decolink_2:visited {}
/*------------------fin---------------------*/

.center {text-align:center;}
.center_deco { text-align:center; width:59%; margin-left:20%; margin-right:20%; padding:5px; border: 1px solid #000033; }

/*----------lateral izquierda-------*/
div#columna-izq { float:left; width:26%;}
div#lateral_izq{/*background:#f2f2f2;*/ float:left; width:98%;}
div#lateral_izq p {margin-left: 10px;  }
div#lateral_izq h3 { font-size:1.2em; color: #000033; padding-top:5px}
/*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-right:1px solid #000033; width:49%; float:left}
/*-------fin lateral izquierda-----------*/

.box02_de {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_der99 {float:right;width:99%; text-align:right}
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; padding:: 2px; margin:5px 80px 5px 80px; font-style:italic;}
.capital { float: left; font-size: 300%; font-family: monospace; color: red; margin:-10px 0}
.capital-b { float: left; font-size: 400%; font-family: monospace; color: white; margin:-15px 0}
.subrayado { text-decoration:underline}
.titulo-der{ float:right; font-family : Verdana, Arial, Helvetica, sans-serif; 	font-size : 1.3em; font-weight: bold; color: #CC0000; border: 1px solid #000033; text-decoration: none; 	line-height:1.5em; padding:20px 7px; width:40%}
.titulo-izq{ float:left; font-family : Verdana, Arial, Helvetica, sans-serif; 	font-size : 1.3em; font-weight: bold; color: #CC0000; border: 1px solid #000033; text-decoration: none; 	line-height:1.5em; padding:20px 7px; width:40%}

/* --------------menu superior derecha-------------- */
#header ul { margin:0; text-align: right; padding: 1.6em 0.7em 0 0;}
#header ul li { list-style-type:none; display:inline;}
#header ul li a:link, #header ul li a:visited { display:inline; padding-top: 3em; text-decoration:none; color:white; border-left: 2px solid gray; font-size:1.1em}
#header ul li a:hover { border-bottom: 1px solid gray; background: #EADCD7 url(../images/arrow2.gif) center center no-repeat; color:#990000}
.skiplink a:link, .skiplink a:visited { visibility: hidden;}

/* ---------------caja imagen principal sobre content-----------------*/
#caja-img-principal {  height: 200px; border: 1px solid #000033 ; margin:5px; text-align:center }
#caja-img-principal a:hover {color:#600; background-color:inherit; }
#img-principal { height: 200px; color:white; text-align:center}
#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; }
#caja-img-principal-ministry {  height: 300px; border: 1px solid #000033 ; margin:5px; text-align:center }
#img-principal-ministry { height: 300px; color:white; text-align:center}

#caja-img-principal-praise {  height: 340px; border: 1px solid #000033 ; margin:5px; text-align:center }

/* ----------------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 {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 }
#navigation .important {background: url(../images/flecha-rojo.png) no-repeat right;}
#navigation li {background: url(../images/flecha-blan.png) no-repeat right;}
*/
/*-----fin-------*/

#navigation {float:left;width:99%;}
#navigation ul { list-style-type:none; margin:0; padding:0; }
#navigation ul li { height:25px; padding:0;}
#navigation ul li a:link,#navigation ul li a:visited {height:25px; text-decoration:none; color:#000033; text-transform:uppercase; display:block; padding:0 0 1px 10px; font-size:1.1em }
#navigation ul li a:hover { height:25px; background: url(../images/menu01.gif) right center no-repeat; }
#navigation .important { height:25px; background: url(../images/menu01.gif) right no-repeat; }
#navigation li { height:25px; background: url(../images/menu.gif) no-repeat right;}

/*--------------------- 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.9em; 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 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}
.verde {color:#274d27}
.txt_1_3em {font-size:1.3em}

/*-------------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_int_gris {width:95%; background-color:#EAEAEA}
.box_contacto { font-size:1em; color: #000033; padding:5px; border: 1px solid #000033; background-color: #EAEAEA}

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

#content_int_full {width:100%; padding:5px 5px 5px 3%; border: 1px solid #000033; clear:both; background: url(../images/bg_verde.png) repeat;}
#content_int_full table, tr, td p { font-family:Verdana, Arial, Helvetica, sans-serif; color: #004182; font-size:1.1em; background-color: #EAEAEA}
#content_int_full table { width:95%}

#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;}

.borde_bajo {border-bottom: 1px solid #000033; padding:2px; padding:2px;}
.int_80 {width:80%; text-align:center}
/*---------------------------------------------------------
DIV PARA FLASH BANSUD A LA DERECHA-PIE
----------------------------------------------------------*/
.right_sud {float: right; width: 30%; margin-right:0px;
	/*height:40px;*/
	/*background-image:url(../images/fdobar3.jpg);
	background-repeat:repeat-x;
	border-top: 1px solid #ccc;*/
	text-align:center;
}
/*-----------------------------------------------------------------------
DIV PARA INSERTAR CODIGO 3WC A LA DERECHA-PIE, DENTRO DE DIV BANSUD
-----------------------------------------------------------------------*/
.left_3wc { float: left; width: 110px; margin-right:0px;}
/*-----------------------------*/
.borde_bottom {margin: 0px; padding: 0px 7px 7px 0px;  background-image:url(../images/borde1.gif); background-repeat:repeat-x; background-position:bottom;}
.borde_derecho {margin: 0; padding: 0px 7px 0px 0px; background: #f2f2f2 url(../images/borde3.png); background-position:right bottom; background-repeat:no-repeat; border-top: 1px solid #000033}