/* CSS Document */

* {margin:0; padding:0;}

@import url(http://fonts.googleapis.com/css?family=Rosario:400,700,400italic,700italic);




body {font-family: Arial, Helvetica, sans-serif;background: #FFC;}
div {max-width:960px; position:relative; margin: 0px auto 0px auto;}
header { width:100%; height: 50px; background:rgba(102,102,102,.9); margin-bottom: 15px;}
header img {width: 8%;height: auto;border: 4px solid #000;margin: 1% 0px 5px 5%;}
header nav {float: right;margin: 13px 18px 0 0;}
header nav ul li {float: left;list-style-type: none;background: none;}
header nav ul li a {font-size: 10px;text-decoration: none;margin: 10px;padding: 5px;color: #FFF;}

h1 { max-width: 755px;width: 96%;float: left;height: auto;font-family:Arial; font-weight:400; font-size:20px;margin:1% 0 1% 1%;line-height: 100%; color:#FFF; position:relative;}
h2 { max-width: 150px;width: 91%;float: left;height: auto;font-family:'Rosario'; font-weight:700; font-size:22px;margin:1% 0 2% 0; padding:0 0 2% 0; line-height: 100%; color:#000000;position:relative;}
h3 { max-width: 150px;width: 91%;float: left;height: auto;font-family:'Rosario'; font-weight:700; font-size:22px;margin:1% 0 2% 0; padding:0 0 2% 0; line-height: 100%; color:#000000;}
h4 { max-width: 150px;width: 91%;float: left;height: auto;font-family:'Rosario'; font-weight:700; font-size:22px;margin:1% 0 2% 0; padding:0 0 2% 0; line-height: 100%; color:#000000;}
h5 { max-width: 90px;width: 91%;float: left;height: auto;font-family:'Rosario'; font-weight:700; font-size:22px;margin:3% 0 2% 0; padding:0 0 2% 0; line-height: 100%; color:#000000;}
h6 { max-width: 30px;width: 96%;float: left;height: auto;font-family:Arial; font-weight:600; font-size:15px;margin:1% 0 1% 14.5%;line-height: 100%; color:#FFF; position:absolute; color:#000000; top:44px;}
h7 { max-width: 90px;width: 91%;float: left;height: auto;font-family:Arial; font-weight:200; font-style:italic; font-size:10px;margin:5% 0 12% 34.7%; padding:0 0 2% 0; line-height: 100%; color:#000000;}
h8 {max-width: 500px;width: 91%;float: left;height: auto;font-family:'Rosario'; font-style:italic; font-weight:200; font-size:14px;margin:0 10% 12% 0; line-height: 120%; color:#000000;}

p { font-family:'Rosario'; font-weight:400; font-size:14px;}

.encabezado {max-width: 755px;width: 100%;height: 120px;float: left;position: relative;margin-top: 60px;margin-bottom: 15px;}
.encabezado img {width: 25%;height: auto;float: right;position: absolute;left: 567px;top: -69px;z-index: 2;}
.encabezado article {width: 94.1%;float: left;height: 64px;padding: 3%;background: rgba(255,153,0,.2);word-wrap: break-word;position: relative;
top: 11px;z-index: 1;}

.barra {max-width: 180px;width: 98%;height: auto;float: right;position: relative;margin: 1% 0 1% 1%;}
.plantel {width: 94%;float: right;height: auto;padding: 3%;background: rgba(152,203,50,.4);border-radius: 0px;word-wrap: break-word;}
.plantel div img {max-width: 40px;width: 93%;float: left;height: auto;padding: 2%; margin: 2% 0 0 12%;position: relative;}
.docentes {width: 94%;float: right;height: auto;padding: 3%;padding-top: 25px;background: rgba(102,102,102,.2);border-radius: 0px;word-wrap: break-word;list-style-type:none;}
.docentes ul li {list-style-type:none;}
.docentes ul li a img {width: 66%;height: auto; float:right; margin: 0 16% 5px 15%; border: 2px solid #000;list-style-type:none;}
.docentes ul li p {font-size: 10px;text-decoration: none;margin: 2px 10px 10px 10px;padding: 5px;color:#000;text-align: center; list-style-type:none;}
.vmas {width: 94%;float: right;height: auto;padding: 3% 3% 13% 3%;background: rgba(102,102,102,.2);border-radius: 0px;word-wrap: break-word;}

.tpejemplo {max-width: 755px;width: 100%;max-height: 470px;height: auto;float: left;position:relative;color: #FFF;background-color:#FFF;margin-bottom:15px;}
.tpejemplo img {max-width: 755px;width: 100%;max-height: 470px;height: auto;float: left;position: relative;}
.tpejemplo article {max-width:755px;width:100%; max-height:220px; float:left; height:auto;position:absolute;background-color: rgba(152,203,50,.5);margin-top: 380px;}
.tpejemplo article p { max-width: 755px;width: 99%;float:left;height: auto;font-family:Arial; font-weight:400; font-size:14px;margin:1% 0 0 1%; line-height: 100%; color:#FFF; position:relative;}
.tpejemplo article .comision { max-width: 755px;width: 99%;float:left;height: auto;font-family:Arial; font-weight:400; font-size:14px;margin:1% 0 0 1%; line-height: 100%; color:#FFF; position:relative; margin-bottom: 10px;}

.bloques-3 {max-width: 755px;width: 100%;height: auto;color: #FFF;float: left;position: relative;margin-top: 15px;}
.b1 {max-width: 211px;width: 95%;float: left;height: auto;margin: 0 1% 0 0;padding: 2%;background: rgba(152,203,50,.7);}
.b1 img {max-width: 211px;width: 95%;float: left;height: auto;margin: 0 1% 0 0;padding: 2%;}
.b1 div img {max-width: 40px;width: 95%;float: left;height: auto;padding: 2%; position: relative;}
.b1 p { font-family:'Rosario'; font-weight:400; font-size:14px;position:relative;color:#000;margin-left:6px;text-align:justify;
text-justify:inter-word;max-width:199px;float: left;}
/**/
.b2 {max-width: 212px;width: 95%;float: left;height: auto;margin: 0 1% 0 1%;padding: 2%;background: rgba(152,203,50,.7);}
.b2 img {max-width: 211px;width: 95%;float: left;height: auto;margin: 0 1% 0 1%;padding: 2%;}
.b2 div img {max-width: 40px;width: 95%;float: left;height: auto;padding: 2%;position: relative;}
.b2 p { font-family:'Rosario'; font-weight:400; font-size:14px;position:relative;color:#000;margin-left:6px;text-align:justify;
text-justify:inter-word;max-width:199px;float: left;}
/**/
.b3 {max-width: 211px;width: 95%;float: left;height: auto;margin: 0 0 0 1%;padding: 2%;background: rgba(152,203,50,.7);}
.b3 img {max-width: 211px;width: 95%;float: left;height: auto;margin: 0 0 0 1%;padding: 2%;}
.b3 div img {max-width: 40px;width: 95%;float: left;height: auto;padding: 2%;position: relative;}
.b3 p { font-family:'Rosario'; font-weight:400; font-size:14px;position:relative; color:#000;margin-left:6px;text-align:justify;
text-justify:inter-word;max-width:199px;float: left;}



footer { max-widht:960px; width:95%; float:left; position:relative; display:table;margin: 5% 0 0 0;}
footer p {text-align: center; color:#333333;font-size:10px;}
section article p { margin-top: 20px; max-width: 80%;}




/*LINK CORRECCIONES*/

.correccion-ventana {max-width: 755px;width: 97%;max-height: 470px;height: auto;float: left;position:relative;color: #FFF;background-color:rgba(152,203,50,.7); margin: 4% 1% 0 0;}
.cv1 { max-width: 755px;width: 98%;height: auto;float: left;position:relative;color: #FFF;margin: 1% 1% 0 1%;border-bottom-style:solid; border-width:2px; border-bottom-color:#000;}
h9 { max-width: 500px;width: 91%;float: left;height: auto;font-family:Arial; font-weight:500; font-style:italic; font-size:20px;line-height: 100%; color:#000000; margin:2%;}
.cv1 p {max-width: 500px;width: 91%;float: left; position: relative; height: auto;font-family:'Rosario'; font-weight:400; font-size:14px; line-height: 100%; margin-top: 8px; color:#000000; margin: 2%;}

.cv2 { max-width: 755px;width: 98%;height: auto;float: left;position:relative;color: #FFF; margin: 1%;}
h10 { max-width: 15px;width: 91%;float: left;font-family:Arial; font-weight:300; font-size:16px;line-height: 100%; color:#000000; margin:0 2% 0 2%;}
h11 { max-width: 15px;width: 91%;float: left;font-family:Arial; font-weight:600; font-size:16px;line-height: 100%; color:#FFF; margin:0 2% 0 2%;}
.cv2 div {max-width: 755px;width: 98%; maxfloat: right;margin: 13px 18px 0 0;}
.cv2 ul li {float: left;list-style-type: none;background: none;}
.cv2 ul li img {max-width: 148px; width: 94%;height: auto; float:left; margin:0 3% 3% 3%;list-style-type:none; margin-left:15px;}



.barra-años {max-width: 180px;width: 98%;height: auto;float: right;position: relative;margin: 4% 0 1% 1%;}
.año-actual {width: 98%;float: right;height: auto;padding: 1%;background: rgba(152,203,50,.4);border-radius: 0px;word-wrap: break-word;}
.año-actual p {font-size: 18px;text-decoration: none;margin: 0 10px 5px 10px;padding: 5px;color:#000;text-align: center;list-style-type:none;list-style-type:none;border-bottom-style:solid; border-width:1px; border-bottom-color:#666;}
.años {width: 100%;float: right;height: auto;padding: 0%;background: rgba(102,102,102,.2);border-radius:0px;word-wrap:break-word;list-style-type:none;}
.años ul li {list-style-type:none;}
.años ul li p {font-size: 12px;text-decoration: none;margin: 0 10px 5px 10px;padding: 5px;color:#000;text-align: center;list-style-type:none;border-bottom-style:solid; border-width:1px; border-bottom-color:#666;}