﻿
/*general*/
.div_contenedormain { width:950px; height:auto; margin-left:auto; margin-right:auto; background-color:#3D69A6; margin-top:10px;}
.div_banner_top { width:950px; height:180px; background-image:url(images/graficos/banner_top.jpg); float:left;}
.div_pie_iframe { width:100%; height:100%; }
.div_columna_a {background-color:#93b336; float:left;}
.div_columna_a, .iframe_menumain { width:220px; height:auto; float:left;}/*height se determina en el html de cada pagina*/
.div_columna_b { width:730px; height:auto; min-height:750px; background-color:#ffffff; float:left;}
.div_columna_c { width:730px; height:540px; background-color:#ffffff; background-image:url(images/interiores/otros/administrador_login_fondo.jpg); background-position:bottom; float:left; margin-left:110px;}
.div_pie{ width:950px; height:50px; line-height:50px; text-align:center; vertical-align:middle; margin-left:auto; margin-right:auto;}

/*index*/
.div_01 { width:730px; height:350px; background-color:#93b336; float:left;}
.row_1 { width:730px; height:160px; float:left;}
.div_encuestabg { width:350px; height:160px; margin-right:20px; float:left; background-image:url(images/graficos/index_encuesta_bg.jpg);}

/*interiores*/
.div_titulo { width:730px; height:40px; line-height:40px;  background-image:url(images/graficos/titulos_bg.jpg); vertical-align:middle;}
.div_subtitulo { width:600px; height:auto; margin-left:80px; margin-top:30px; margin-bottom:20px; float:left;}
.div_subtitulo2 { width:600px; height:40px; line-height:40px; background-image:url(images/graficos/titulos_bg.jpg); vertical-align:middle;}
.div_interiorgral{ width:600px; position: relative; top: 55px; left: 65px;border-width : 1px; border-color:#CCC; border-style:solid;}

/*que es japami*/
.general { height:580px; background-image:url(images/interiores/general.jpg); overflow:auto;}
.generalr { height:auto; background-image:url(images/interiores/general.jpg); background-repeat:repeat-y}
.generalm { height:auto; background-image:url(images/graficos/general_mano.jpg); background-position:left center; background-repeat:no-repeat}

.valores { height:580px; background-image:url(images/interiores/queesjapami/valores.jpg);}
.mision { height:580px; background-image:url(images/interiores/queesjapami/mision.jpg);}
.funciones { height:580px; background-image:url(images/interiores/queesjapami/funciones.jpg);}
.objetivos{ height:580px; background-image:url(images/interiores/queesjapami/objetivos.jpg);}
.directorio{ height:580px; background-image:url(images/interiores/queesjapami/directorio.jpg);}
.div_historiapleca{ position: relative; top: 80px; width:100%; height:100px; background-image:url(images/interiores/queesjapami/historia_04.jpg); float:left; text-align:right;}
.div_historiapleca span{ margin-right:15px; display:block; margin-top:20px; color:#FFF;}

/*modulos de atencion y pagos*/
.ubicaciones { height:980px; background-image: url(images/interiores/moduloatencion/ubicaciones.jpg);}

/*formas de pago*/
.pagolinea_formulario{ width:600px; height:200px; background-image:url(images/interiores/opcionespago/pago_electronico_02.jpg); float:left;}
.pagolinea_formulariocampos{ width:200px; height:50px; margin-left:140px; margin-right:280px; margin-top:90px;  float:left; }
.clientes { height:580px; background-position: center bottom; background-image:url(images/interiores/general.jpg); overflow:auto;}
.pagolinea_seccion { height:580px; background-position: center; background-image:url(images/interiores/general.jpg); overflow:auto;}

/*infraestructura*/
.div_iframepresent { width:600px; height:445px; float:left;}

/*cultura de agua*/
.div_02 { width:600px; height:300px; float:left; overflow:auto; }



.div_interior { width:730px; height:auto; float:left;}
.div_pielogos { width:950px; height:60px; float:left;}


/*otros*/
/*bolsa de trabajo*/
.table_ficha{ width:500px; margin-left:auto; margin-right:auto; text-align:center; margin-top:10px; margin-bottom:10px; font-size:13px;}
.table_ficha td{ line-height:normal; vertical-align:middle;}
.table_ficha div{ margin:5px 10px 5px 10px;}
.table_formulario{ width:500px; margin-left:auto; margin-right:auto; text-align:center; margin-top:10px; margin-bottom:10px; font-size:13px; background-color:#deedf6;}
.table_formulario div {margin:5px 10px 5px 10px;}
.table_formulario a { text-decoration:underline;}
.table_formulario2{ width:460px; margin-left:auto; margin-right:auto; text-align:center; }
.div_campos { width:460px;}
.table_formulario2 input{ margin-left:0px; margin-right:0px;}
.table_formulario2 td{ text-align:left; padding:2px;}
/*sala de prensa*/
.div_sptitulo { width:300px; height:190px; text-align:center;  background-color:#d42e12; float:left;}
.div_sptitulo div { margin-top:60px;}
/*registro amigos*/
.div_rainterior1{ width:550px; height:auto; margin-left:auto; margin-right:auto; background-color:#ff8400;}
/*blog*/
.table_fichablog{ width:700px; margin-left:15px; text-align:left; margin-top:10px; margin-bottom:10px; font-size:13px; float:left;}
.table_fichablog2{ width:560px; margin-left:auto; margin-right:auto; text-align:left; margin-top:10px; margin-bottom:10px; font-size:13px;}
.table_fichablog td, .table_fichablog2 td{ padding:5px;}
.div_btnenviar{ width:700px; height:50px;  margin-left:15px; float:left; padding-top:100px;}
/*admin login*/
.div_foradminlogin{ width:360px; height:auto; margin-left:180px; margin-top:210px;}


/*divs auxiliares*/

.hide{display:none;}
.float { float:left;}
.float_right { float: right;}
.divcentrado{ width:600px; height:auto; margin-left:auto; margin-right:auto; text-align: justify;}
.geral { width:auto; height:auto;}


.width_30 { width:30px;}
.width_40 { width:40px;}
.width_50 { width:50px;}
.width_60 { width:60px;}
.width_70 { width:70px;}
.width_80 { width:80px;}
.width_90 { width:90px;}
.width_100 { width:100px;}
.width_110 { width:110px;}
.width_120 { width:120px;}
.width_130 { width:130px;}
.width_150 { width:150px;}
.width_160 { width:160px;}
.width_180 { width:180px;}
.width_200 { width:200px;}
.width_240 { width:240px;}
.width_250 { width:250px;}
.width_260 { width:260px;}
.width_300 { width:300px;}
.width_310 { width:310px;}
.width_330 { width:330px;}
.width_350 { width:350px;}
.width_360 { width:360px;}
.width_370 { width:370px;}
.width_380 { width:380px;}
.width_390 { width:390px;}
.width_400 { width:400px;}
.width_450 { width:450px;}
.width_500 { width:500px;}
.width_600 { width:600px;}
.width_700 { width:700px;}
.width_800 { width:800px;}

.height_130{ height:130px;}
.height_190{ height:190px;}
.height_800{ height:800px;}
.height_900{ height:900px;}
.height_1000{ height:1000px;}
.height_1100{ height:1100px;}
.height_1200{ height:1200px;}
.height_1300{ height:1300px;}
.height_1400{ height:1400px;}
.height_1500{ height:1500px;}
.height_1600{ height:1600px;}
.height_1700{ height:1700px;}
.height_1800{ height:1800px;}
.height_1900{ height:1900px;}
.height_2000{ height:2000px;}
.height_2100{ height:2100px;}
.height_2200{ height:2200px;}
.height_2300{ height:2300px;}
.height_2400{ height:2400px;}

.margingtop_10{ margin-top:10px;}
.margingtop_20{ margin-top:20px;}
.margingbottom_10{ margin-bottom:10px;}
.margingbottom_20{ margin-bottom:20px;}
.margingleft_20{ margin-left:20px;}
.margingleft_65{ margin-left:65px;}
.margingleft_165{ margin-left:165px;}
.margingleft_215{ margin-left:215px;}




