/* 
    Document   : template.css
    Created on : 07-jul-2009, 10:46:40
    Author     : edgard
    Description: hoja de estilo para www.linkdepadres.com
*/
/*maquetacion*/
body{
    font-family: Verdana;
    font-size:11px;
    padding:0px;
    margin: 0 auto 0 auto;
    width: 800px;
}

#content_all{
    overflow:hidden;
    width:800px;
    margin-top: 0;
    margin-right: auto!important;
    margin-bottom: 0px;
    margin-left: auto!important;
    *position:relative;
    *left:50%;
    *margin-left:-400px;
}

#header{
    margin: 0px auto;
    width: 800px;
    padding:0px;
    overflow: hidden;
}

/*header*/
#top{
    background:url(images/background_top.png);
    background-repeat:no-repeat;
    height:74px;
    overflow:hidden;
    margin:0px;
    padding:0px;
}

#banner{
    width: 800px;
    height: 136px;
    background:url(images/separador_top.png);
    background-repeat:no-repeat;
    background-position:bottom;
    overflow:hidden;
    margin:0px;
    padding:0px;
}

/*top*/
#top_menu{
    margin: 53px 0px 0px 0px;
    width: 500px;
    height:20px;
    float: right;
    padding:0px;
}

/*top_menu*/
#top_menu ul{
    clear:both;
    list-style: none;
    padding:0px;
    margin:0px;
    width:500px;
    height:20px;
}

#top_menu ul li{
    float: right;
    padding:0px;
    margin-right:10px;
    margin-left:0px;
    margin-bottom:0px;
    margin-top:0px;
}

#top_menu ul li #contactenos{
    background:url(images/contactenos.png);
    background-repeat:no-repeat;
    background-position:left;
    text-indent:25px;
    display:block;
    padding:0px;
    margin:0px;
}

#top_menu ul li a{
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    padding:0px;
    margin:0px;
}

#top_menu ul li span{
    color: #FFFFFF;
    font-family: Arial;
    font-size: 12px;
    padding:0px;
    margin:0px;
}

#content_box{
    width: 800px;
    margin:0px auto;
    padding:0px;
    overflow:hidden;
}

#main_menu{
    height:24px;
    width:800px;
    margin:10px auto 0px auto;
    padding:0px;
}

#content{
    width:800px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    padding:0px;
    margin-bottom:0px;
}

/*comunes*/
form, input, textarea, table{
    margin:0px;
    padding:0px;
}

.div_clear{
    clear:both;
}

/*para cada contenido fondo superior e inferior*/
.background_c_top{
    width:800px;
    height:42px;
    overflow:hidden;
    padding:0px;
    margin:0px;
}

.background_c_bottom{
    width:800px;
    height:36px;
    padding:0px;
    margin:0px;
}

.background_c_midle{
    width:800px;
    overflow:hidden;
    padding:0px;
    margin:0px;
}

/*ahora pongo una por cada color*/
/*celeste*/
.b_c_top_celeste{
    background:url(images/top_content_celeste.png);
    background-repeat:no-repeat;
    background-position:left top;
}
.b_c_bottom_celeste{
    background:url(images/bottom_content_celeste.png);
    background-repeat:no-repeat;
    background-position: bottom;
}
.b_c_midle_celeste{
    background:url(images/midle_content_celeste.png);
    background-repeat:repeat-y;
}
/*morado*/
.b_c_top_morado{
    background:url(images/top_content_morado.png);
    background-repeat:no-repeat;
    background-position:top;
}
.b_c_bottom_morado{
    background:url(images/bottom_content_morado.png);
    background-repeat:no-repeat;
    background-position: bottom;
}
.b_c_midle_morado{
	background:url(images/midle_content_morado.png);
	background-repeat:repeat-y;
}
/*rojo*/
.b_c_top_rojo{
	background:url(images/top_content_rojo.png);
	background-repeat:no-repeat;
	background-position:top;
}
.b_c_bottom_rojo{
	background:url(images/bottom_content_rojo.png);
	background-repeat:no-repeat;
	background-position: bottom;
}
.b_c_midle_rojo{
	background:url(images/midle_content_rojo.png);
	background-repeat:repeat-y;
}
/*naranja*/
.b_c_top_naranja{
	background:url(images/top_content_naranja.png);
	background-repeat:no-repeat;
	background-position:top;
}
.b_c_bottom_naranja{
	background:url(images/bottom_content_naranja.png);
	background-repeat:no-repeat;
	background-position: bottom;
}
.b_c_midle_naranja{
	background:url(images/midle_content_naranja.png);
	background-repeat:repeat-y;
}

/*main menu*/
#main_menu #nav{
	height:24px;
	padding:0px;
	list-style: none;
	margin:0px auto;;
	width:485px;
        *position:relative;
        *left:50%;
        *margin-left:-242px;
}

#main_menu #nav li{
	float:left;
        padding:0px;
        margin:0px 2px 0px 0px;

}

#main_menu #nav li a{
	display:block;
	height: 19px;
	width: 95px;
	text-decoration:none;
	color:#FFFFFF;
	font-family: Verdana;
	font-size: 11px;
	text-align:center;
        padding:5px 0px 0px 0px;
        margin:0px;
}
*html #main_menu #nav li a{
    height: 24px;
}

.b_rojo{
	background:url(images/b_rojo.png);
	background-repeat:no-repeat;
}

.b_morado{
	background:url(images/b_morado.png);
	background-repeat:no-repeat;
}

.b_celeste{
	background:url(images/b_celeste.png);
	background-repeat:no-repeat;
}

.b_naranja{
	background:url(images/b_naranja.png);
	background-repeat:no-repeat;
}

/* Submenu */
#nav .submenu {
    margin:0px!important;
    padding:2px 0px 0px 0px!important;
    position:absolute!important;
    list-style:none !important;
    background-color:#FFFFFF;
    width:150px !important;
    border-bottom:1px solid #FB9646 !important;
    height:auto !important;
}

#nav .submenu li {
    float:none !important;
    width:138px !important;
    margin:0px !important;
    padding:5px !important;
    height:auto !important;
    background-color:#FFFFFF;
    border-left:1px solid #FB9646 !important;
    border-right:1px solid #FB9646 !important;
    border-top:1px solid #FB9646 !important;
}

*html #nav .submenu li {
    width:150px !important;
}

#nav .submenu li a{
    color:#F97308 !important;
    display: block !important;
    font-family:Verdana !important;
    font-size:10px !important;
    height:15px !important;
    width:auto !important;
    text-decoration:none !important;
    text-align:left !important;
    padding:0px !important;
    margin:0px !important;
}
#nav .submenu li a:hover{
    font-weight:bold !important;
}
/*submenu reportes*/
#nav .submenu_reportes {
    margin:0px!important;
    padding:2px 0px 0px 0px!important;
    position:absolute!important;
    list-style:none !important;
    background-color:#FFFFFF;
    width:190px !important;
    border-bottom:1px solid #02A8CF !important;
    height:auto !important;
}

#nav .submenu_reportes li {
    float:none !important;
    width:178px !important;
    margin:0px !important;
    padding:5px !important;
    height:auto !important;
    background-color:#FFFFFF;
    border-left:1px solid #02A8CF !important;
    border-right:1px solid #02A8CF !important;
    border-top:1px solid #02A8CF !important;
}

*html #nav .submenu_reportes li {
    width:190px !important;
}

#nav .submenu_reportes li a{
    color:#02A8CF !important;
    display: block !important;
    font-family:Verdana !important;
    font-size:10px !important;
    height:15px !important;
    width:auto !important;
    text-decoration:none !important;
    text-align:left !important;
    padding:0px !important;
    margin:0px !important;
}
#nav .submenu_reportes li a:hover{
    font-weight:bold !important;
}

/*pub_5*/
#pub_5{
    margin-top:15px;
    width:800px;
    height:90px;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0px;
    padding:0px;
}

/*pub_5*/
.etiqueta_h{
    width:12px;
    height:90px;
    float:left;
    background:url(images/publicidad_h.png);
    background-position:left;
    background-repeat:no-repeat;
    margin:0px;
    padding:0px;
}

#pub_5 #banner_5{
    width: 787px;
    height: 88px;
    *width: 788px;
    *height: 90px;
    float:left;
    border-bottom: 1px solid #959390;
    border-right: 1px solid #959390;
    border-top: 1px solid #959390;
    margin:0px;
    padding:0px;
}

#anuncios_google{
	width:728px;
	height:90px;
	margin:20px auto;
        padding:0px;
}

#bottom{
	width:800px;
        margin:0px;
        padding:0px;
}

/*bottom*/
#bottom_menu{	
	height:16px;
        margin:0px 0px 20px 0px;
        padding:0px;
}

/*bottom_menu*/
#bottom_menu ul{
	clear:both;
	padding:0px;
	list-style: none;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;		
	width:570px;
	height:16px;
}

#bottom_menu ul li{
	float:left;
	padding:0px;
	margin:0px;
	background: url(images/separador_bottom_menu.png);
	background-position:right;
	background-repeat:no-repeat;
}

/*para el ultimo*/
#bottom_menu ul li.last{
	background:none !important;
}

#bottom_menu ul li a{
	display:block;
	height: 13px;
	width: 95px;
        margin:0px;
	padding:3px 0px 0px 0px;
	text-decoration:none;
	color: #626469;
	font-family: Arial;
	font-size: 11px;
	text-align:center;
}

#footer{
	font-size:11px;
	font-family:Arial;
	text-align:center;
	color: #626469;
        margin:0px;
	padding:0px;
}

/**********************************************************/
/*home login*/
/**********************************************************/
#home_content{
    width:740px;
    margin:10px auto;
    padding:0px;
    height:300px;
}

.home{
    width:368px;
    height:300px;
    float:left;
    margin:0px;
    padding:0px;
}

#borde{
    border-left:1px solid #87e2f8;
}

#rotador_logos{
    width:200px;
    height:150px;
    margin:20px auto 20px auto;
    padding:0px;
    overflow:hidden;
    position:relative;
    *left:50%;
    *margin-left:-100px;
}

#rotador_logos img{
    margin:0px;
    padding:0px;
    border:0px;
}

#t_bienvenida{
    color:#0191b6;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    margin:0px 0px 20px 0px;
    padding:0px;
}

#bienvenida{
    font-size:12px;
    text-align:center;
    margin:0px;
    padding:0px;
}

/**********************************************************/
/*login*/
/**********************************************************/
#t_login{
    color:#0191b6;
    font-size:14px;
    font-weight:bold;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:20px;
    margin-right:0px;
    padding:0px;
}

#login{
    width:350px;
    font-size:12px;
    color:#000000;
    margin:0px 0px 0px 20px;
    padding:0px;
}

#login td{
    padding-bottom:20px;
}

#login input,
#login select{
    border:1px solid #87e2f8;
    color: #959390;
    width: 250px;
    margin:0px 0px 0px 10px;
    padding:0px;
    font-size:12px;
}

#login #o_contra{
    color: #02a8cf;
    text-decoration:none;
    margin:0px;
    padding:0px;
}

.botones{	
    height: 24px !important;
    width: 95px!important;
    color:#FFFFFF!important;
    font-family: Verdana!important;
    font-size: 12px!important;
    text-align:center!important;
    background:url(images/b_celeste.png)!important;
    background-repeat:no-repeat!important;
    border:0px!important;
    margin:0px!important;
    padding:0px!important;
}

.msj_login{
    color: #02a8cf;
    font-weight:bold;
    text-align:center;
    margin:0px 0px 0px 20px;
    padding:0px;
}

/**********************************************************/
/*para los titulos de cada caja*/
/**********************************************************/
.titulo{
	color:#FFFFFF;
	font-size:16px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:0px;
        margin-right:0px;
        padding:0px;
        float:left;
}

#usuarios{
    color:#FFFFFF;
    font-size:16px;
    margin-right:20px;
    margin-top:10px;
    margin-bottom:0px;
    margin-left:590px;
    padding:0px;
    background: url(images/usuarios.png);
    background-position:left top;
    background-repeat:no-repeat;
    text-indent:47px;
    height:22px;
}

.perfil_table{
    margin:0px 0px 0px 20px;
    padding:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}

.perfil_table .key{
    width:150px;
    color:#02a8cf;
    font-weight:bold;
    text-indent:5px;
}

/*botones que van en la tabla de administracion*/
.botones_admin{
    float:right;
    list-style:none;
    margin-top:12px;
    margin-left:0px;
    padding:0px;
    margin-right:0px;
    margin-bottom:0px;
}

.botones_admin li{
    float:left;
    color:#FFFFFF;
}

.botones_admin li a{
    color:#FFFFFF;
    margin-right:10px;
    text-decoration:none;
    display:block;
    text-align:center;
    font-size:11px;
}

.botones_admin li a:hover{}

/*formato para la tabla de filtros*/
.filter_table{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    width:750px;
    margin:0px auto;
    padding:0px;
    *position:relative;
    *left:50%;
    *margin-left:-375px;
}

.filter_table input,
.filter_table input,
.filter_table select{
    color:#868B8F;
    border:1px solid #868B8F;
    font-size:11px;
    margin:0px;
    padding:0px;
}

/*formato para una tabla de administracion*/
.admin_table{	
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    width:750px;
    margin:0px auto;
    padding:0px;
    background-color:#E7E7E7;
    border-spacing:1px;
    color:#666666;
    *position:relative;
    *left:50%;
    *margin-left:-375px;
}

.admin_table thead th{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    margin:0px;
    padding:5px;
    background-color:#F0F0F0;
    border-bottom:1px solid #999999;
    border-left:1px solid #FFFFFF;
}

.admin_table th,
.admin_table td{
    padding:4px;
}

.admin_table tbody td{
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #FFFFFF;
    height:25px;
}
.admin_table .preview{
    text-decoration:none;
}
.admin_table .preview img{
    width:20px;
    border:0px;
    margin:0px;
    padding:0px;
}
.admin_table tbody tr.fila1 td{
    background-color:#FFFFFF;

}
.admin_table tbody tr.fila1:hover td{
    background-color: #FFFFDD !important;
}

.admin_table tbody tr.fila0 td{
    background:#F9F9F9 none repeat scroll 0 0;
}
.admin_table tbody tr.fila0:hover td{
    background-color: #FFFFDD;
}

.admin_table ul{
    list-style:none;
    list-style-type:none;
    margin:0px 20px 10px 0px;
    padding:0px;
    border-bottom:1px solid #666666;
}
.admin_table ul li{
    padding:5px;
    margin:0px;
}

/*agregar instituciones*/
.form_table{
    margin:0px 0px 20px 40px;
    padding:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#959390;
}

label.error{
    display:block;
    margin-left:10px;
    color:#CB120E;
    font-size:11px;
    font-family:Verdana;
}

.form_table td{
    margin:0px;
    padding:5px 0px;
}

.form_table .key{
    width:250px;
    color:#6F6F6F;
    font-weight:bold;
    vertical-align:top;
    margin:0px;
    padding:0px;
}

/*estilo para las cajas de formularios*/
.form_table input,
.form_table input,
.form_table select,
.form_table textarea{
    border:1px solid #6F6F6F;
    color: #959390;
    font-size:11px;
}

.no_required{
    margin-left:11px !important;
}

/*estilo para los subseccion de formularios*/
.sub_seccion_form{
    font-family:verdana;
    font-size:12px;
    margin:0px 0px 5px 40px;
    padding:0px;
    width:450px;
}
/*estilo para los subseccion de formularios para cada color*/
/*celeste*/
.b_c_midle_celeste .sub_seccion_form{
    color: #02A8CF;
}
/*morado*/
.b_c_midle_morado .sub_seccion_form{
    color: #7546AB;
}
/*rojo*/
.b_c_midle_rojo .sub_seccion_form{
    color: #CB120E;
}
/*naranja*/
.b_c_midle_naranja .sub_seccion_form{
    color: #F97308;
}

/*estilo para el div de msj*/
#msj{
    width:auto;    
    text-indent:50px;
    font-weight:bold;
    display:none;
    margin:0px;
    padding:0px;
}
/*estilo para los subseccion de formularios para cada color*/
/*celeste*/
.b_c_midle_celeste #msj{
    color: #02A8CF;
}
/*morado*/
.b_c_midle_morado #msj{
    color: #7546AB;
}
/*rojo*/
.b_c_midle_rojo #msj{
    color: #CB120E;
}
/*naranja*/
.b_c_midle_naranja #msj{
    color: #F97308;
}

/*clase para tr del formulario agregar banner*/
.tr_tp{
    display: none;
    margin:0px;
    padding:0px;
}

.img_institucion {
    border:4px solid #6F6F6F;
    width:150px;
}

/*lo de anunciantes*/
#a_col1{
    float:left;
    width:400px;
    color:#FFFFFF;
}

#a_col2{
    float:left;
    width:400px;
    color:#FFFFFF;
}

#que_es{
    background-color:#C1514E;
    margin-bottom:10px;
}

#que_es h1{
    background-image:url(images/que_es.jpg);
    background-repeat:no-repeat;
    color:#C1514E;
    font-family:Verdana;
    font-size:18px;
    height:31px;
    margin:0 auto 10px 20px;
    padding-top:10px;
    text-align:center;
    width:300px;
}

*html #que_es h1{
    height:41px;
}

#que_es p{
    font-family:Verdana;
    font-size:12px;
    padding:0 20px 10px 20px;
    margin:0px;
    text-align:justify;
}

#grupo{
    background-color:#f69d55;
    margin-bottom:10px;
}

#grupo h1{
    background-image:url(images/grupos.jpg);
    background-repeat:no-repeat;
    color:#f69d55;
    font-family:Verdana;
    font-size:18px;
    height:31px;
    margin:0 auto 10px 20px;
    padding-top:10px;
    text-align:center;
    width:300px;
}

*html #grupo h1{
    height:41px;
}

#grupo p{
    font-family:Verdana;
    font-size:12px;
    padding:0 20px 10px 20px;
    margin:0px;
    text-align:justify;
}

#kinders{
    background-color:#4bacc6;
}

#kinders h1{
    background-image:url(images/kinders.jpg);
    background-repeat:no-repeat;
    color:#4bacc6;
    font-family:Verdana;
    font-size:18px;
    height:31px;
    margin:0 auto 10px 20px;
    padding-top:10px;
    text-align:center;
    width:300px;
}

*html #kinders h1{
    height:41px;
}

#kinders #lista_instituciones{
    padding:0 20px 10px 30px;
    margin:0px;
    font-family:Verdana;
    font-size:12px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

#kinders #lista_instituciones span{
    margin-left:15px;
}

#precios{
    background-color:#8165a2;
    margin-bottom:10px;
}

#precios h1{
    background-image:url(images/precios.jpg);
    background-repeat:no-repeat;
    color:#8165a2;
    font-family:Verdana;
    font-size:18px;
    height:31px;
    margin:0 auto 10px 20px;
    padding-top:10px;
    text-align:center;
    width:300px;
}

*html #precios h1{
    height:41px;
}

#precios table{
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    color:#FFFFFF;
    padding:0 20px 10px 20px;
    margin:0px;
}

#precios p{
    font-family:Verdana;
    font-size:12px;
    font-weight:bold;
    padding:0 20px 10px 20px;
    margin:0px;
}

#posiciones{
    width:400px;
    margin:0px 0px 10px 0px;
}

#a_imagen{
    width:400px;
    margin:0px 0px 10px 0px;
}

#grafico{
    width:760px;
    margin:10px auto 20px auto;
    *position:relative;
    *left:50%;
    *margin-left:-380px;
}

#rb_tablas_detalle{
    width:760px;
}

#tabla_detalle_meses{
    width:375px;
    float:left;
    margin-right:10px;
}

#tabla_detalle_instituciones{
    width:375px;
    float:left;
}

/*para el detalle del grafico*/
.titulo_rb{
    font-weight:bold;
    font-size: 12px;
    font-family:Verdana;
    margin:0px auto 0px 0px;
    width:375px;
    color:#666666;
}
.rb {
  width:375px;
  margin:10px auto 10px 0px;
  *position:relative;
  *left:50%;
  *margin-left:-250px;
}

.rb a{
    color:#666666;
    text-decoration:none;
    font-weight:bold;
}
.rb a:hover{
    text-decoration:underline;
}

.rbg {
  width:350px;
  margin:10px auto 10px auto;
  *position:relative;
  *left:50%;
  *margin-left:-175px;
}

.rhp {
  width:325px;
  margin:10px auto 10px auto;
  *position:relative;
  *left:50%;
  *margin-left:-162.5px;
}
.botones_admin .imprimir{
    background:url(images/printer.jpg);
    background-position:left;
    background-repeat:no-repeat;
    padding-left:20px;
    font-weight:bold;
}