body{
background-color: rgb(202,202,146);
font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-image: url("fondo.jpg");
}
#fondo1
{
    background-image: url("fondo1.jpg");
    background-attachment: fixed;
    min-height:100%;
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    left:0; 
	right:0;
	top:0;
	

}
#fondo2
{
 background-image: url("fondo3.jpg");
  background-attachment: fixed;
    min-height:100%;
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    left:0; 
	right:0;
	top:0;
	
}


form{border:0; margin:0; padding:0;}


/*formulario docente entrada*/

/*el div antes del formulario */
#stylized001{
border:solid 2px #b7ddf2;
border-radius:7px;
box-shadow: 8px 8px 7px #888888;
behavior: url (pie.htc);
margin:0 auto;
width:430px;
padding:14px;
}


#form001{
border:0; margin:0; padding:0;
background:#0D200C;
border-radius:7px;
box-shadow: 8px 8px 7px #313131;
background: -webkit-linear-gradient(#686825,#0D200C ); /* For Safari */
background: -o-linear-gradient(#686825, #0D200C); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#686825, #0D200C); /* For Firefox 3.6 to 15 */
background: linear-gradient(#686825, #0D200C); /* Standard syntax (must be last) */
behavior: url (pie.htc);
width:380px;
padding:16px;
margin-top: 80px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}



#form001 h1 {
font-size:13px;
font-weight:bold;
margin-bottom:8px;
color:#CFCFCF;
}
#form001 p{
font-size:11px;
color:#CFCFCF;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#form001 label{
display:block;
//font-weight:bold;
color:#CFCFCF;
font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
width:200px;
float:left;
margin:0px 40px 0px 40px;
}


#form001 input{
display:block;
float:left;
font-size:12px;
border: 1px solid black;
width:300px;
height:30px;
margin:0px 40px 15px 40px;
/margin-left: auto ;
/margin-right:auto;

}

#form001 input.button999{
	float:left;
	font-size:12px;
	padding:4px 2px;
	
	width:170px;
	height:40px;
	margin:0px 0 10px 130px;
	
	}
	
#form001 .button001
{
  
    float:left;
    border: 1px solid black;
	width:160px;
	height:40px;
	margin:20px 110px 15px 110px;
	
   
    background: #0CB903;
    -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   color: white;
   font-size: 15px;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   vertical-align: middle;
   
}


#form001 .button001:hover {
   border-top-color: #3275a1;
   background: #55D54E;
   color: #FFFFF;
   
  
   }
#form001 .button001:active {
   1border-top-color: #66b4e8;
   1background: #66b4e8;
   }

/*-----------------  formulario entrada----------------*/
#form002{
border:0; margin:0; padding:0;
background:#0D200C;
border-radius:7px;
box-shadow: 8px 8px 7px #313131;
background: -webkit-linear-gradient(#686825,#0D200C ); /* For Safari */
background: -o-linear-gradient(#686825, #0D200C); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#686825, #0D200C); /* For Firefox 3.6 to 15 */
background: linear-gradient(#686825, #0D200C); /* Standard syntax (must be last) */
behavior: url (pie.htc);
width:420px;
padding:5px;
margin-top: 3px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}

#form002 h1 {
font-size:16px;
font-weight:bold;
margin-bottom:8px;
color:#CFCFCF;
}
#form002 p{
font-size:11px;
color:#CFCFCF;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}

#form002 label{
display:block;
//font-weight:bold;
color:#CFCFCF;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
width:200px;
float:left;
margin:0px 60px 0px 60px;
}


#form002 input{
display:block;
float:left;
font-size:12px;
border: 1px solid black;
width:300px;
height:20px;
margin:0px 60px 5px 60px;
/margin-left: auto ;
/margin-right:auto;

}
#form002 .button001
{
  
    float:left;
    border: 1px solid black;
	width:160px;
	height:40px;
	margin:5px 130px 5px 130px;
	
   
    background: #0CB903;
    -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   color: white;
   font-size: 15px;
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   vertical-align: middle;
   
}


#form002 .button001:hover {
   border-top-color: #3275a1;
   background: #55D54E;
   color: #FFFFF;
   
  
   }



/*----------------- fin formulario entrada----------------*/
#botomx32
{
margin-left: auto ;
margin-right:auto;
height:70px;
width:400px;
margin-top: 20px;

}

#planilla
{
border:2px solid gray;
margin:0px;
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

margin-left: auto ;
margin-right:auto;
margin-top: 0px; 
width: 400px;
height: 180px;
font-family:Arial,Helvetica,sans-serif;font-size: 13px ;
background-color:#424242;
color:black;

border-radius:7px;
box-shadow: 8px 8px 7px #888888;
background: -webkit-linear-gradient(red, blue); /* For Safari */
background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(white, silver); /* Standard syntax (must be last) */
 }
 
 
  
 
#planilla label{
display:block;
font-weight:bold;
text-align:left;
width:220px;
float:left;
}

#planilla input{
float:left;
font-size:12px;
padding:1px 2px;
border:solid 1px #aacfe4;
width:140px;
margin:0px 0 5px 5px;}
 
#div01
{
background-color: #303030;
margin-left: 0px ;
height:50px;width: auto;
margin-top: 0px;
}



#div02
{
position:relative;
background-color:#FFFFFF;margin-left: auto ;height:50px;margin-top:0px;width: auto;
}


#div04
{
position:relative;
background-color:#FFFFFF;margin-left: auto ;height:50px;margin-top:0px;width: auto;
}
#div05
{
background-color: #303030;
margin-left: 0px ;
height:50px;width: auto;
margin-top: 0px;
line-height : 50px ;
}

#div07
{
Position:absolute;
top:128px;
left:25px;
width:200px;
background-color:#7AC97A;
border-radius:7px;
behavior: url (pie.htc);
}


#div07B
{
Position:absolute;
top:540px;
float:top;
left:25px;
width:200px;
background-color:#7AC97A;
border-radius:7px;
behavior: url (pie.htc);
}
#div07Bpro
{
Position:absolute;
top:300px;
float:top;
left:25px;
width:200px;
background-color:#7AC97A;
border-radius:7px;
behavior: url (pie.htc);
}

#titulo45A,#titulo45Ab
{
color: white;
width:120px;
margin-left: auto;
margin-right:auto;
}


#flotar01,#flotar02
{
float:left;
width:130px;
height:25px;
margin:2px;
}

#div06
{
margin-left: auto;
margin-right:auto;
margin-top: 20px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 10px;

font-size:12px;
color:#5B5C5B;
background-color: #7AC97A;

height:180px;width:515px;
border-radius:4px;
behavior: url (pie.htc);


}

.comentariox
{
margin-right:auto;
margin-left: auto;
margin-top: 5px;

padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 10px;
width:515px;
height:auto;
background-color:#C1C3C1;
font-family: Arial,Helvetica,sans-serif;
color:black;
font-size:13px;
font-weight:normal;
text-align:justify;
.border-radius:3px;
Position:relative;
 text-align: justify; 
top:20px;
word-wrap:break-word;

//behavior: url (pie.htc);
}

.comexb
{
margin-right:auto;
margin-left: auto;
margin-top: 5px;

padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 40px;



width:485px;
height:auto;
background-color:#DBDDDB;
font-family: Arial,Helvetica,sans-serif;
font-style: italic;
color:black;
font-size:13px;
font-weight:normal;
text-align:justify;
.border-radius:3px;
Position:relative;
 text-align: justify; 
top:20px;
word-wrap:break-word;

//behavior: url (pie.htc);
}


#div03
{
//background-color:#FFFFFF;height:50px;

margin-top: 10px;
margin-left: auto;
margin-right: auto ;
width:auto;
}
#div10
{
background-color:#FFFFFF;height:50px;margin-top: 10px;
margin-left: auto;
margin-right: auto ;
width:550px;
}
#img01
{
margin-left:20px; margin-top: 1px; width: 130px;height: 120px;margin-top:-50px; 
}
#img02
{
margin-right: -20px ;margin-top: -200px; width:200px;height: 200px;
float: right;
}


.spacer{clear:both; height:1px;}

.myform{
margin:0 auto;
width:430px;
padding:14px;
}

.myform2,.myform3{
margin:0 auto;
width:430px;
padding:14px;

margin-top: 80px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}

.myform25{
margin:0 auto;
width:635px;
padding:14px;
}

.myform25b{
margin:0 auto;
width:800px;
padding:14px;
}


.myformancho{
margin:0 auto;
width:430px;
padding:50px;
}

/* ----------- stylized -----------
echo "<div id='stylized9966' class='myform2566'>"; */

#stylized9966{
border:solid 2px #b7ddf2;
border-radius:0px;
background-image: url("fondo.jpg");
background-attachment: fixed;
behavior: url (pie.htc);
}

.myform2566{
margin:0 auto;
padding:14px;
}
#stylized99a{
border:solid 2px #b7ddf2;
background:yellow;
border-radius:0px;
background: -webkit-linear-gradient(red, blue); /* For Safari */
background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(white, silver); /* Standard syntax (must be last) */
behavior: url (pie.htc);
word-wrap: break-word;
}

#stylized99abc{
margin-top: 0x;
width:80%;
border:solid 2px #b7ddf2;
background:yellow;
border-radius:0px;
background: -webkit-linear-gradient(#F7EBED, #D2A3AB); /* For Safari */
background: -o-linear-gradient(#F7EBED, #D2A3AB); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#F7EBED, #D2A3AB); /* For Firefox 3.6 to 15 */
background: linear-gradient(#F7EBED, #D2A3AB); /* Standard syntax (must be last) */
behavior: url (pie.htc);
}


#stylized99aa{
margin-top: 60px;
width:90%;
border:solid 2px #b7ddf2;
background:yellow;
border-radius:0px;
background: -webkit-linear-gradient(#F7EBED, #D2A3AB); /* For Safari */
background: -o-linear-gradient(#F7EBED, #D2A3AB); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#F7EBED, #D2A3AB); /* For Firefox 3.6 to 15 */
background: linear-gradient(#F7EBED, #D2A3AB); /* Standard syntax (must be last) */
behavior: url (pie.htc);
}

#stylized99b{
border:solid 2px #b7ddf2;
background:white;
border-radius:0px;
behavior: url (pie.htc);
word-wrap: break-word;
}

#stylized99c{
border:solid 2px #b7ddf2;
background:white;
border-radius:0px;
 word-wrap: break-word;
behavior: url (pie.htc);
}




#stylized,#stylized2,#stylized3{
border:solid 2px #b7ddf2;
background:#F0F8EF;
border-radius:7px;
box-shadow: 8px 8px 7px #888888;
background: -webkit-linear-gradient(#F2F3F3, #719289); /* For Safari */
background: -o-linear-gradient(#F2F3F3, #719289); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#F2F3F3, #719289); /* For Firefox 3.6 to 15 */
background: linear-gradient(#F2F3F3, #719289); /* Standard syntax (must be last) */
behavior: url (pie.htc);
}




#stylized h1,#stylized2 h1 ,#stylized3 h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}

#stylized p,#stylized2 p,#stylized3 p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label,#stylized2 label,#stylized3 label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}


#stylized select,#stylized2 select,#stylized3 select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:0px 0 10px 10px;
}


#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}

#stylized input,#stylized2 input,#stylized3 input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:0px 0 10px 10px;
}



#stylized input.button99{
width:125px;
height:41px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}


#p1
{
margin-left: 65px; margin-top: -30px; width: auto;height: 30px;font-family:Arial,Helvetica,sans-serif;font-size: 13px ;
 }

#p2
{
margin-left:100px;margin-top: -20px; width:auto;height: 30px;font-family:Arial,Helvetica,sans-serif;font-size: 11px ;
}


#p3
{
margin: 0px auto; 
margin-top: 0px; 
text-align:center;
font-family:Georgia;
font:bold;
font-size: 17px;
color:#191970;
}

#p4
{

margin: 0px auto; 
margin-top: 0px; 
text-align:center;
font-family:Arial,Helvetica,sans-serif;
font-size: 11px
}
#p5
{

margin: 0px auto; 
margin-top: 0px; 
text-align:center;
font-family:Arial,Helvetica,sans-serif;
font-size: 11px
}




#stylized input.button, input.button{
  float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:170px;
height:40px;
margin:0px 0 10px 130px;

}


.button {


   border-top: 1px solid #96d1f8;
   background: #4F7C70;
   padding: 8.5px 29px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   color: white;
   font-size: 15px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
   
.button:hover {
   border-top-color: #3275a1;
   background: #C7D0CE;
   color: #FFFFF;
   
  
   }
.button:active {
   1border-top-color: #66b4e8;
   1background: #66b4e8;
   }
   

   
 /* Tablas */


#table_exemple td.top {vertical-align:top;width:1%;text-align:right;}
#table_exemple6 td.top {vertical-align:top;width:1%;text-align:right;}
#table_exemple th {background:#4F7C70;text-align: center; color:white;}
#table_exemple6 th {background:#4F7C70;text-align: center; color:white}

#table_exemple5 th {background:#4C706A;text-align: center; color:white;}
#table_exemple5 td  {}
#table_exemple {background-color:white;width:90%;margin:auto;border-spacing:1px; color:#000;}
#table_exemple6 {background-color:white;width:97%;margin:auto;border-spacing:1px; color:#000;}
 #listax
{
list-style-type:none;
}
.menux{display:block;
width:150px;
}
.menux:hover {background-color:#E0E0E0 ; width:130px;}
#aceptar,#cancelar{
margin: 10px auto; 
margin-top: 10px; 
display: block;
margin-left: auto;
margin-right: auto ;
   border-top: 1px solid #96d1f8;
   background: #072d47;
   padding: 14.5px 29px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   color: white;
   font-size: 15px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
}
/* MENU HORIZONTAL */



#ul2014
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
border-radius:7px;
}

.li2014
{
float:right;
}

a:link,a:visited
{
display:block;
width:80px;
font-weight:boldx;
color:#D8D8D8;
background-color:black;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
border-right:1px solid white;
}
a:hover,a:active
{
background-color:#686868;
}

#menux
{
vertical-align : media ;
background-color:black;
margin-right: 0px ;
height:50px;width: auto;
margin-top: 0px;
}

#lateral
{margin-top:0px;width:200px;height:500px;margin-left:120px;
background-color:white;
border-radius:7px;
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

/* Ventana modal*/


#p6
{

border:1; margin:0; padding:0;
border:solid 1px black;

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background:#BB0A0A;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(background:#BB0A0A;), to(#3C0D28));
background: -webkit-linear-gradient(#BB0A0A, #3C0D28);
background: -moz-linear-gradient(#BB0A0A, #3C0D28);
background: -ms-linear-gradient(#BB0A0A, #3C0D28);
background: -o-linear-gradient(#BB0A0A, #3C0D28);
background: linear-gradient(#BB0A0A, #3C0D28);
-pie-background: linear-gradient(#BB0A0A, #3C0D28);

behavior: url(pie.htc);
width:300px;
padding:5px;
margin-top: 70px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
color:white;
text-align: center;
position:relative;
z-index:100;

}

#p7
{
border:1; margin:0 auto; padding:0;
border:solid 1px black;


-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;

background:#C2BE64;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C2BE64), to(#E9E69E));
background: -webkit-linear-gradient(#C2BE64, #E9E69E); /* For Safari */
background: -moz-linear-gradient(#C2BE64, #E9E69E); /* For Firefox 3.6 to 15 */
background: -ms-linear-gradient(#C2BE64, #E9E69E);
background: -o-linear-gradient(#C2BE64, #E9E69E); /* For Opera 11.1 to 12.0 */
background: linear-gradient(#C2BE64, #E9E69E); /* Standard syntax (must be last) */
-pie-background: linear-gradient(#C2BE64, #E9E69E);
behavior: url(pie.htc);
width:300px;
padding:5px;
margin-top: 70px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
text-align: center;
position:relative;
z-index:100;
}

#boton444{
	display:none;
}



.botonX9{
	padding:5px 10px 5px 8px;
	background-color:#533948;
	color:white;
	border:2px outset #fff;
	float:right;
	margin-right:3px;
	cursor:pointer;
    margin-top: 0px;
   
}
.botonX9:active{

	border:2px inset #fff;

}
	

#elemento{
	width:200px;
	height:200px;
	background-color:yellow;
	color:#fff;
	margin-top:50px;
	
}

.clear{clear:both;}


#boton444:checked ~ #p7{
    z-index:0;
 	opacity:0;
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
}
#boton444:checked ~ #p6{
    z-index:0;
 	opacity:0;
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
}

#boton444:checked ~ .botonX9{
 	opacity:0;
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;
}

//////////////////////////////////////////////////////////////

input[id^="spoiler"]
{
display: none;
visibility: hidden;
}
input[type="checkbox"] {
    display:none;
}

input[id^='spoiler'] + label {
 display:inline-block;
    width:50px;
    height:50px;
	margin-left:10px;
    background:url(toggle-small-expand.png)  left top no-repeat;  
	background-size:     20px, 20px;

    cursor:pointer;
}

input[id^='spoiler']:checked + label {
 background:url(toggle-small.png) left top no-repeat;
 background-size:20px, 20px;
 margin-left:10px;
}
input[id^='spoiler'] + label  ~.spoiler{
xdisplay:inline-block;
width: 90%;
height: 0;
overflow: hidden;
opacity: 0;
margin: 10px auto 0; 
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
cursor:pointer;
   
}

input[id^='spoiler']:checked + label   +.spoiler{
xdisplay:inline-block;
  xoverflow:visible;
height: auto;
opacity: 1;
filter:alpha(opacity=1);
-moz-opacity:1;
-khtml-opacity: 1;
background:url(toggle-small.png) left top no-repeat;
margin: 10px auto 0; 
}