/* CSS de la web del Insituto de Infraestructura Fisica Educativa*/
/* Reset */
*{margin:0; padding:0; font-size:100%;}

body,th,p,span,a,ul,ol,dl,li,select,input,textarea{
        font-size:12px;
        color: #546470; 
        font-family:Arial,Helvetica,FreeSans,"Luxi-sans","Nimbus Sans L",sans-serif; 
}

h1,h2,h3,h4{color: #FF6600;}

h1{font-size:12px;}
h2{font-size:14px;}
h3{font-size:15px;font-weight:bolder;}
h4{font-size:24px;}
h6{color:#FFFFFF;font-size:12px;}

html,body{ background-color:#f3f3f3; text-align:center; }
body:nth-of-type(1) html,body{ background-color:#f3f3f3; text-align:center; }
.fondo{ position: relative; left:0px; top:20px; bottom: 23px;}
.cuerpo{ width:820px; text-align:left; margin-left:auto; margin-right:auto;}
body:nth-of-type(1) .cuerpo{ width:820px; text-align:left; margin-left:auto; margin-right:auto;}

#sombraarriba{width:100%; height:25px; background:url(sombraarriba.jpg) no-repeat;}
#sombraabajo{width:100%; height:20px; float:left; background:url(sombraabajo.jpg);}
#sombracentro{width:840px; float:left; background:url(sombracentro.jpg) repeat-y;}
#contenido{width:800px; text-align:left; float:left; position:relative; padding-left:20px; }
body:nth-of-type(1) #contenido{width:800px; text-align:left; float:left; position:relative; padding-left:20px;}
html>/**/body #contenido{width:800px; text-align:left; float:left; position:relative; padding-left:20px;}
#barrausuario{width:100%; height:20px; float:left; background-color: #C7C7C7;}
#obrastitulo{width:480px; height:20px; float:left; background-color: #CCCCCC; margin-bottom:5px;}
#obrasarea{width:100%; height:auto; border: 1px solid #cccccc; margin-bottom:10px; float:left;}
#obrastexto{width:50%; height:auto; float: left;  margin-bottom:10px; padding:7px 40px 0px 30px;}
#obrasimg{width:auto;  float:left; border: #cccccc solid 2px; }
.Estilo1{color: #5F5F5F; font-size:15px;}
.Estilo2{color: #5F5F5F; font-size:14px;}
.linea2{width:100%; height:1px; float:left; background-color: #999999; margin-bottom:5px;}
.linea3{width:60px; height:1px; float:none; position:static; background-color: #999999; margin-bottom:3px;}
.linea4{width:60px; height:1px; float:none; position:static; background-color: #999999; margin-bottom:3px;}
.linea5{width:150px; height:1px; margin-bottom:1px; float:none; position:static; background-color: #999999; }

.departamento{font-size:11px; color:#546470; font-style:italic; font-weight:bold;}
.departamentotd{font-size:11px; color:#546470;}
.banner{width:auto; height:auto; border: #CCCCCC double 0px; margin-bottom:10px;}
#header{width:800px; height:110px; background:url(header.jpg) top no-repeat;}
#organigrama{width:800px; text-align:left; padding-top:30px; padding-left:10px; float: none; position: static; font-size: 12px; background-color: #f3f3f3; }
html> body #organigrama{width:770px; text-align:left; padding-top:30px; padding-left:10px; float: none; position: static; font-size: 12px; background-color: #f3f3f3;}
body:nth-of-type(1) #organigrama{width:770px; text-align:left; padding-top:30px; padding-left:10px; float: none; position: static; font-size: 12px; background-color: #f3f3f3;}
.video1{width:352px; height:240px; margin-top:100px; margin-left:auto; margin-right:auto; border: #666666 double 3px;}
.video2{width:410px; height:279px; margin-top:20px; margin-left:auto; margin-right:auto;}
.des{float: right}

.xx a:hover{color: #FF9900; }
.botonesder{ width:120px; height:auto; float:right; background-color: #0033FF;}
.areaflash{ width:400px; height:300px; text-align:left; padding-top:10px; padding-left:20px; float: none; position: static; font-size: 12px; background-color: #33CC00;}

#areaadmon{ width:760px; height:auto; text-align:left; padding-top:10px; padding-left:20px; float: none; position: static; font-size: 12px;}
/*#areaadmon{margin-left:auto; margin-right:auto; width:auto; height:auto; } */
#banners{ width:150px; text-align:left; margin-left:630px; margin-right:20px; float:right; margin-top:20px; }
#banners2{ width:150px; text-align:left; margin-right:20px; float:right; }
#area{ width:600px; text-align:left; padding-left:10px; margin-top:22px; margin-right: -682px; float:left; } 

#areaprincipal{ width:800px; text-align:left; background-color: #f3f3f3; height:auto;  float:left; }
html>/**/body #areaprincipal{ width:800px; text-align:left; background-color: #f3f3f3; height:auto;  float:left; }
body:nth-of-type(1) #areaprincipal{ width:800px; text-align:left; background-color:#f3f3f3; height:auto;  float:left; }

#anim1{width:400px; height:auto; margin-left:auto; margin-right:auto;}
html>/**/body #anim1{width:400px; height:auto; margin-left:auto; margin-right:auto;}
body:nth-of-type(1) #anim1{width:400px; height:auto; margin-left:auto; margin-right:auto;}

#anim2{width:165px; height:164px; margin-left:auto; margin-right:auto; margin-top:15px;}
html>/**/body #anim2{width:165px; height:164px; margin-left:auto; margin-right:auto; margin-top:15px;}
body:nth-of-type(1) #anim2{width:165px; height:164px; margin-left:auto; margin-right:auto; margin-top:15px;}

#area2{width:588px; text-align:left; background:#FFFFFF; float:none; position:static; font-size:12px; background-color:#f3f3f3; margin-left:auto; margin-right:auto;}
.separador{width:800px; height:20px; float:left; background:url(separador.jpg);}
html>/**/body .separador{width:800px; height:20px; float:left; background:url(separador.jpg);}
body:nth-of-type(1) .separador{width:800px; height:20px; float:left; background:url(separador.jpg);}

#barramenu{width:800px; height:auto; float:left; background-color: #EEE;}
html>/**/body #barramenu{width:800px; height:auto; float:left; background-color:#EEE;}
body:nth-of-type(1) #barramenu{width:800px; height:auto; float:left; background-color: #EEE;}

.descarga{width:auto; height:auto; background-color:#f3f3f3; padding-left:20px;}

#directorio{width:800px; text-align:left; padding-top:10px; float: none; position: static; font-size: 12px; background-color:#f3f3f3;}
html> body #directorio{width:780px; text-align:left; padding-top:10px; float: none; position: static; font-size: 12px; background-color:#f3f3f3;}
body:nth-of-type(1) #directorio{width:780px; text-align:left; padding-top:10px; float: none; position: static; font-size: 12px; background-color:#f3f3f3;}

.navegadores{color: #546470; font-size:10px; padding-left:20px;}

#footer{width:800px; color: #546470; font-size:10px; float:left; padding-bottom: 26px; text-align: left !important; padding-left:20px;}
html> body #footer{width:800px; color: #546470; font-size:10px; float:left; padding-bottom: 26px; text-align: left !important; padding-left:20px;}
body:nth-of-type(1) #footer{width:800px; color: #546470; font-size:10px; float:left; padding-bottom: 26px; text-align: left !important; padding-left:20px;}

#tituloinifech{ width:66.7%; height: 77px; float: left; padding-right:6px; background-color: #FF8306; color: #FFFFFF; font-size: 35px; }
#escudohecho{width:127px; height: 77px; float: right; padding-right:6px;}
#barra{width:800px; height:17px; background:url(im/barrapie.gif);}
#escudo{width:34px; height: 38px; float:left; padding-left:6px; background-image:url(../images/escudo.gif)}
#gobierno{width:400px; height:30px; float:left; padding:7px 0px 0px 5px;} 

.inifech{text-align:right; padding:7px 30px 0px 0px;}
html>/**/body .inifech{text-align:right; padding:7px 30px 0px 0px;}
body:nth-of-type(1) .inifech{text-align:right; padding:7px 30px 0px 0px;}
/*********Esquinas Redondas***************/
.curved{ -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior:url(border-radius.htc); }
#alert02{ width: 600px; background-color: #CCCCCC; margin-top: 20px; border: #CCCCCC solid 1px; clear: both; float: left; border:#999999 solid 2px; padding-left:10px; padding-right:10px; padding-top:5px; }
html>/**/body #alert02{ width: 570px; background-color: #CCCCCC; margin-top: 20px; border: #CCCCCC solid 1px; clear: both; float: left; border:#999999 solid 2px; padding-left:10px; padding-right:10px; padding-top:5px; }
.curved p{	margin: 20px; }
/*******************/
.naranja{
	color:#FF6600;
	font-style:oblique;
}

.linea_nota{
	border-top: 1px solid #999999;
}
/**********************/
.imagen{border:#999999 solid 2px; }

.thumbnail{ padding: 3px 3px 8px 3px; background-color:#ffffff; border: 1px solid #999999; float: left; margin-right: 10px; margin-bottom: 10px; }        
.thumbnail img{width:96px; height:70px;}
.thumbnail a:hover img{border: none;}
.thumbnail a:link img{border: none;}
.thumbnail a:active img{border: none;}
.thumbnail a:visited img{border: none;}

.imagenboletin {float:right;}
.imagenboletin a:hover img{border: none;}
.imagenboletin a:link img{border: none;}
.imagenboletin a:active img{border: none;}
.imagenboletin a:visited img{border: none;}

.atras{ padding-left:20px;}
.atras a:hover img{border: none;}
.atras a:link img{border: none;}
.atras a:active img{border: none;}
.atras a:visited img{border: none;}

.barra_movi{float:left; width:100%; padding-bottom:15px; padding-top:5px;}
.barra_movi a:hover{text-decoration:none;}
.barra_movi a:link{text-decoration:none;}
.barra_movi a:active{text-decoration:none;}
.barra_movi a:visited{text-decoration:none;}

.notas td{ border-top: 1px dotted #416D89;
	border-right: 1px dotted #416D89;
	border-left:1px dotted #416D89;
	border-bottom: 1px dotted #416D89;
}
	
.notas a:hover{text-decoration:none;}
.notas a:link{text-decoration:none;}
.notas a:active{text-decoration:none;}
.notas a:visited{text-decoration:none;}

#mas_notas{ float: right; margin-bottom:20px;}

#anim2 a:hover img{border: none;}
#anim2 a:link img{border: none;}
#anim2 a:active img{border: none;}
#anim2 a:visited img{border: none;}
/**********************/
#logos{ width:800px; height:auto; border:#FF0000; }
#fecha{ position: absolute; top: -20px; right: 1px; width: auto; height: 20px; text-align: right; color: #546470; font-size:11px; }
#bannersizq{ width:120px; height:auto; float:left; }
#escudoinifech{ width:127px; height: 77px; float: left; padding-left:6px;}

/********************************LOGIN FROM**********************************/

form {
    margin: 0px;
}

.button {    /*****Los puntos indican que son selectores de clases*******/
        border : solid 1px #cccccc;
        background: #E9ECEF;
        color : #666666;
        font-weight : bold;
        font-size : 11px;
        padding: 4px;
}

.login {
        margin-top:28px;        
        border: 1px solid #cccccc;
        width: 429px;
        background: #F1F3F5;
}
        
.login h1 {
        background: url(../images/login_header.png) no-repeat;
        background-position: left top;
        color: #333;
        margin: 0px;
        height: 50px;
        padding: 15px 4px 0 50px;
        text-align: left;
        font-size: 1.5em;
}

.login p {
        padding: 0 1em 0 1em;
        }
        
.form-block {
        border: 1px solid #cccccc;
        background: #E9ECEF;
        padding-top: 15px;
        padding-left: 10px;
        padding-bottom: 10px;
        padding-right: 10px;
}

.login-form {
        text-align: left;
        float: right;
        width: 60%;
}

.login-text {
        text-align: left;
        width: 40%;
        float: left;
}

.inputlabel {
        font-weight: bold;
        text-align: left;
        }

.inputbox {
        width: 150px;
        margin: 0 0 1em 0;
        border: 1px solid #cccccc;
        }

.clr {
    clear:both;
    }

.ctr {
        text-align: center;
        margin:auto;
}

.version {
        font-size: 0.8em;
}

.error{
        color:#FF0000;
}

.editor{
        border: 1px solid #cccccc;
        width:730px;
        padding: 10px;
}
        
.editor-block{
        border: 1px double #cccccc;
        background: #f3f3f3;
        padding-top: 15px;
        padding-bottom: 20px;
}

/******************************** FROM GENERAL**********************************/
.button {    /*****Los puntos indican que son selectores de clases*******/
        border: solid 1px #cccccc;
        background: #cccccc;
        color: #666666;
        font-weight: bold;
        font-size: 11px;
        padding: 4px;
}

.form_gris{
        border: 1px solid #cccccc;
        width: auto;
        padding: 10px;
}
        
.form_gris-block{
        border: 1px #cccccc;
        background: #f3f3f3;
      padding-left:20px;
        padding-top: 15px;
        padding-bottom: 20px;
}

.login_gris-form {
        text-align: left;
        float: right;
        width: 60%;
}

/******************IMAGEN******************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
/*position: relative;*/
z-index: 0;
}

.thumbnail:hover{
/*background-color: transparent;*/
z-index: 0;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}
/**********livelaidation**********/

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#546470;
}
	
.LV_invalid {
    color: #FF9900;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #546470;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #FF9900;
}