@import url(reset.css);
@import url(text.css);
@import url(960.css);
/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}*/

/*Debug styles*/
/*body{background:url('../img/layout/12_col.gif') repeat-y center;}
*//*p{border:1px solid black;}*/
/*.container_12{border:1px solid red;}*/


/*Header styles*/
a{outline:none;}
html { overflow-x:hidden;}
body{position:relative; z-index:0;}
#header {position:fixed; z-index:500; width:100%; height:135px;  top:0; left:0;}
#header div {position:relative; z-index:550; margin-left:88px;}
#header h1 {position:relative; float:left; display:block; width:393px; height:26px; padding:19px 0 0 11px; margin-left:177px; }
#header h1#logo{ width:134px; height:45px; margin:0; padding:0;	}
#header h1#logo a{ width:134px; height:45px; display:block; }
#header ul {width:713px; height:41px; float:left; margin:26px 0 0 0;}
#header ul li {display:block; float:left; margin:0; height:42px;}
#header ul li a {margin:10px 0 0 0; width:133px;  /*padding-bottom:8px;*/  height:30px; padding-right:1px; display:block; float:left; }
#header ul li.play_all {float:right; display:none; margin-right:0px;}
body#proyectos #header ul li.play_all {display:none; list-style-type:none;}
#header ul li.play_all a{ padding-right:45px; padding-bottom:10px; display:block;}
#header h1 span{display:block; position:absolute; width:50px; height:35px; text-indent:-99999px; right:10px; top:8px;}


/*Proyectos*/

#content {float:left; /*position:relative; */margin-left:88px; width:713px; margin-top:135px; padding-bottom:30px;}
#content div.container_12 { float:left;  }
#content h2{ padding:15px 0 10px 0px; margin:0px; width:150px;}
#content ul {width:640px; float:left; margin:25px 0 0 35px; list-style:none;}
#content ul li {float:left; position:relative; width:640px; margin:0; padding-bottom:20px;}
#content a.anchor { position:absolute;top:-155px;}
#content ul li h3 {padding:3px 0 3px 0;}
#content div {margin:0;}
#content .video_player { position:relative; float:left; z-index:10; height:480px; display:block;}
#content ul li div p, #content ul li div div {margin-top:10px; padding-top:10px;}
#content ul li div#video_container {height:480px;}
 #content ul li div#video_container  a { margin:0; position:relative; float:none;}
#content ul li div#video_container p , #content ul li div#video_container a {border:none;}
#content ul li div div {float:left; width:252px;}
h4 {width:115px; float:left; padding-right:10px; margin:0;}
#content ul li div div a {float:left; margin-left:125px;}
#info{ position:fixed; display:block; width:155px; padding:5px 0 25px 22px; left:801px; top:225px;}
#info h3, #info p {margin:0; width:130px;}
#info h3 {padding-top:15px; margin-bottom:2px;}
#info span.arrow {position:absolute; width:11px; height:17px; display:block; left:-11px; top:20px; background:url('../img/layout/arrow.jpg') no-repeat;}

#menu_alumnos{ position:fixed; left:88px; top:134px; width:713px; height:10px; display:block; z-index:200; overflow:hidden;}
#content div#menu_alumnos_main{ float:left; margin:0; width:675px; min-height:200px; display:block; z-index:200; overflow:hidden;}




/*Inicio*/

#inicio #content #slider {float:left; height:320px; width:713px;}
#inicio #content h6, #inicio #content h2, #inicio #content p, #creditos #content h6, #creditos #content h2, #creditos #content div.grid_4{margin-left:30px;}
#inicio #content h2, #creditos #content h2 { width:650px;  margin-top:25px;}
#inicio #content h2 , #inicio #content p, #creditos #content h2 {padding:20px 0 0 0;}
#inicio #content p {margin-bottom:10px;}

/*creditos    -    es Inicio tambien hay estilos de creditos*/ 

#creditos #content #video_creditos {float:left;  width:713px;}
#creditos #content div.grid_4 p,  #creditos #content div.grid_4 h2,  #creditos #content div.grid_4 h6 {margin-left:0;}
#creditos #content div.grid_4 { padding-top:5px; width:300px;}
#creditos #content div.grid_4 p, #creditos #content div.grid_4 h6 {margin:0;}
#creditos #content div.grid_4 h6 {padding-top:10px}
#creditos #logos {clear:both;}
#creditos img {float:left; margin-left:30px;}

/*Footer*/

#footer {position:relative;  margin-left:88px; width:713px; margin-top:80px; margin-right:2050px; float:left;}
#footer div.container_12 {float:left; position:relative;}
#footer h2{position:absolute; display:block; margin:0; top:-40px; left:0px; width:712px; height:44px;}
#footer ul {height:200px; list-style:none; padding-top:30px;}
#footer ul li {width:120px; height:20px; display:block; overflow:hidden; float:left; line-height:1.4em;}
#footer #logos_footer {float:left; display:block;  margin-left:11px; margin-top:20px; width:177px; height:183px;} 
#logos_footer p { width:175px; height:30px; margin-top:0px; text-indent:-99999px;}
#logos_footer h5 {float:left; width:80px; text-indent:-99999px; display:block; height:30px; }
#logos_footer h5 a, #logos_footer p a { position:relative; float:left; width:100%; height:100%; display:block;}
h5.first {padding-right:10px;}
#footer #legals {float:left; margin-left:40px; width:713px;}
#legals p.grid_6 {text-align:right;  width:350px; float:right; margin-right:85px;}


/*Menu styles*/
body#inicio #header ul li.inicio, body#proyectos #header ul li.proyectos, body#proyectos_main #header ul li.proyectos, body#creditos #header ul li.creditos{background:#000; }
body#inicio #header ul li.inicio a, body#proyectos #header ul li.proyectos a, body#creditos #header ul li.creditos a{ color:#ffec00; font-weight:bold;}


/*Color & backgrounds*/
/*|||| 	 #ffec00  ->  Yellow  */
/*|||| 	 #707173  ->  grey    */
/*|||| 	 #e00079  ->  magenta */

body,a{color:#FFF;}
body{background:url('../img/layout/bg.gif') fixed repeat top left;}
#header {background:url('../img/layout/bg_header.gif') repeat-x left bottom;}
#header h1 {background: #000; }
#header h1 span{background: #000 url('../img/layout/logo_IED.jpg') no-repeat; }
#header h1#logo {background:#000 url('../img/layout/logo.jpg') no-repeat left bottom; text-indent:-99999px;}
#header ul li a:hover {border-bottom:2px solid #ffec00;}
#header ul li.play_all a{background:url('../img/layout/play_all.png') no-repeat 145px 3px;}
#header ul li.play_all.active {background:#000;}
#header ul li.play_all a:hover {border-bottom:2px solid #e00079;}
#content, #footer {background:#000;}
#content ul {border-top:1px solid #ffec00;}
#content ul li h3 {border-bottom:1px solid #ffec00; color:#ffec00;}
#content ul li {border-bottom:1px solid #ffec00;}
#content ul li div p, #content ul li div div {border-top:1px solid #ffec00;}
#content ul li div#video_container {background:url('../img/content/favicon.gif') no-repeat 310px center;}
#footer h2 {background:url('../img/layout/footer_alumnos.png') no-repeat; text-indent:-99999px;}
#footer #logos_footer {background:url('../img/layout/footer_logos_06.jpg') no-repeat top left;}
#footer #legals {color:#707173;}
#info, #info a {background:#ffec00; color:#000;}
#info h3 {border-bottom:1px solid #000;}



#inicio #content h6, #inicio #content div.grid_4 p, #creditos #content h6  {color:#ffec00;}
#inicio #content p, #creditos #content div.grid_4  {border-top: 1px solid #ffec00;}
#inicio #content a:hover {color:#ffec00;}

#menu_alumnos{background:#000;}



/*Typography styles*/

body{font-family:Helvetica, Arial, sans-serif;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

#header h1 {font-size:1em; font-weight:normal;}
#header ul li a{ font-size:1.2em; font-weight:normal; text-align:center;}
#header ul li a:hover {text-decoration:none;}
#header ul li.play_all a {font-size:1.1em;}
h2{font-size:2.5em;}
#info h2{font-size:1.2em; line-height:1.1em;}
h3{font-weight:normal; font-size:1.1em;}
#content ul li div {font-size:0.9em; }
h4{font-size:1.2em;}
#content ul li div a {font-size:1.1em;}
#info h3 {font-size:1em; font-weight:bold;}
#info p {font-size:0.8em;}
#inicio #content a {text-decoration:underline;}



#inicio #content h2 {font-weight:normal; font-size:1.8em; line-height:1.2em;}
#inicio #content h6 {font-weight:normal; font-size:1em;}
#inicio #content div.grid_4 p {font-size:1.2em; line-height:1.4em;}