/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,500,700,700italic,900,900italic);

/////////////* general */////////////////////


*{ margin:15; padding:10;}
body{ background-image: url(img/fondobody.png);
      font-family: Rosario sans-serif;
	width: 100%;
	  }
#cambio{ background-image: url(img/fondobodyverde.png);
      font-family: Rosario sans-serif;
	width: 100%}
#otro{background-image:url(img/fondobodynaranja.png); width: 100%}	  
div{
	width:960px;
	background: #000;
	float: none;
	position: relative;
	margin: 0px auto 0px auto;
	height:auto;
}


/////////////* header */////////////////////

header
#logo {
	   margin-left:15px; 
       margin-top:10px; 
	   margin-bottom:10px; 
	   position: relative;}
	   
#pielogo {
	      color:#98CB00; 
          margin-top:-55px; 
		  font-size:14px; 
		  position:absolute;}



#datos {
	    color:#F00;}

#justificado { 
              text-align:justify;}

.seleccionado {
	           color:#F90; border:#FFF; 
               border-style:solid; 
			   border-width:thin; 
			   border-color:#F90; 
			   padding:5px;}


header{ 
       width:960px;
       margin:auto;}

header p{
	     margin-left:135px; 
         margin-top:15px; 
		 color:#F60; 
		 font-family:"rosario"; 
		 width:150px;}

header nav{ 
           border:solid; 
           float:right; 
		   margin: 65px 20px auto 70px}

header nav ul li{ 
                  display:inline; 
                  font-family: Rosario; 
				  font-size:12px; 
				  letter-spacing: 2px; 
				  margin-left:1px; 
				  width:960px;}

header nav ul li a{ 
                    color: #CCC; 
                    text-decoration:none; 
					width:960px;}

nav a:hover{
	         color:#98CB00;}

#presentacion{
               width:960px; 
			   float: none;}


/* aca empieza el slider */
	
:focus { 
        outline:0; }
a:active { 
          outline:none; }
ol,ul { 
       list-style:none; }
table { 
       border-collapse:separate; border-spacing:0; }
caption,th,td {
	           text-align:right;
	           font-weight:normal;
}
blockquote:before,blockquote:after,q:before,q:after { 
                                                     content:""; }
blockquote,q { 
              quotes:"" ""; }

#container {
	width:160px;
	margin:70px 0px auto 160px;
	position: relative;
	z-index:0;
}

#example {
	width:360px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-48px;
	left:-118px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:632px;
	height:592px;
	top:-3px;
	left:-80px;
}


#slides {
	float: none ;
	position: relative; 
	margin:0px 0px 0px 0px;
	height: none;
}


.slides_container {
	width:700px;
	overflow: scroll;
	position:relative;
	display:none;
	box-shadow:0 8px 10px #000000;
	-moz-box-shadow: 0 8px 10px #000000;
	-webkit-box-shadow:0 8px 10px #000000; 
	float: left; 
	margin: 5px 0px 35px 1px;
}


.slides_container a {
	width:770px;
	height:370px;
	display:block;
}

.slides_container a img {
	   display: table-footer-group;
}


#slides .next,#slides .prev {
	position:absolute;
	top:113px;
	left:-37px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:655px;
	font-family: "Rosario sans-serif";
}


.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(..tpfinal/img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}


a:link,a:visited {
	text-decoration:none;
	margin: auto 0px 0px 15px;
}

a:hover,a:active { color:#599100;
	               text-decoration:underline;
}

/* aca termina el slider */





/* index */

.fondo{ width:960px;
        background: #000; 
		height:auto; 
		margin: 0px auto 0px auto ;
		float:left; 
		position: relative; 
		padding: 0px 0px 50px 0px;
		
		
}

#presen{ width: 50%; position: relative; height: auto;
}

#presentacionn{
	width:960px;
	float:left; 
	margin:0px 0px auto 10px;
	border: none; 
	height:auto;
		
	
}
#ing{ font-family: Rosario; 
      font-size:145px; 
	  color: #FFF; 
	  margin: 0px 0px 5px 5px;
}
#in{font-family: Rosario; 
    font-size:80px; 
	margin: -78px 20px 0px 250px; 
	color: #B2C448;
	position:absolute;
}
#tubusqueda{ font-family: Rosario; 
             float: none; 
			 font-size:18px; 
			 text-align: left; 
			 color: #FFB062; 
			 margin: 15px 35px 5px 360px;
}
#ledamos{ font-family: Rosario; 
          float: none; 
		  text-align: left; 
		  color: #FFB062; 
		  margin: 5px 25px 15px 360px;
}
#onli{ 
    float: left;
	position: absolute; margin: -160px auto 0px 1px;
}

/* fin index */



/* cátedra */

.trescolumnasx{
	position: relative;
    width: 100%;
	float: left;
	height: auto;
    margin: 0px 0px 0px auto;
    background: #000;
	padding: 0px;
}

#imagenl{ position:absolute, border: none; width: 25%; float: left; margin:0px 220px 0px -30px;}

#texto1{ border: none; width: 28%; float: left; padding: 3%;}
#t{font-size:20x; color:#B2C448; margin:1px 0px 0px 20px;}
#aa{ color: #FFF; font-size:14px;}
#aaa{ position: relative; float: left; margin: 1px 0px 0px 20px;}
#fot{ margin: 0px 0px 0px 0px;} 

#texto2{border: none; width: 28%; float: left; padding: 3%;}
#n{ font-size: 20px; color:#B2C448; margin: 1px 0px 0px 20px;}
#ee{ color: #FFF; font-size:14px;}
#foto{ margin: 0px auto 0px  auto}
#cat{ position: relative; float: none;}


#texto3{border: none; width: 24%; float: left; margin:0px auto 0px auto; padding:3%; position: relative;}

#creo{ background: #FFF; width: 25%; margin: 75px 0px   auto - 555px}
#m{ font-size:20px; color: #FFF; margin: 45px 10px 10px 5px; position: absolute;}
#i{ font-size:12px; color: #B2C448; margin:75px 0px 0px 0px; position: absolute;}

#x{font-size:18px; color: #FFF;margin: 210px 10px 10px 0px; position: absolute;}
#o{font-size:12px;  color: #B2C448; margin: 235px 10px 20px 5px; position: absolute;}

#y{ font-size:20px; color: #FFF;margin: 325px 10px 20px 5px;position: absolute;}
#u{font-size:12px; color: #B2C448;margin: 355px 10px 20px 5px;position: absolute;}

.nivel{
	position: relative;
    width: 960px;
	height: auto;
    float: left;
    margin: 0px 0px 0px 0px;
    background: #B2C448;
	padding: 0px;
}

#ne{font-size:24px; font: rosario; color: #000; padding: 15px; margin: 10px 30px 0px 30px; border-style: solid; border-width: thin;}

#na{ border: none; background:none; width:28%;margin:0px auto 0px 20px; padding:1%; float: left;}
#ni{ font-size:22px; color:#000; background:none; margin: 0px auto 0px auto; padding: 0px;}
#no{font-size:14px; color:#000; background:none; margin: 0px auto 0px auto; padding: 0px;}


#la{ background:none; width:28%; border: none; margin:0px auto 0px 40px; padding:1%; float:left;}
#le{ font-size:22px; color: #000; margin: 0px auto 0px auto;}
#li{font-size:14px; color: #000; margin: 0px auto 0px auto; padding: 0px;}

#pa{ background: none; width:28%; border: none; margin: 0px 0px 0px 20px ; padding: 1%;}

#gm{ background: none; border: none; margin: 0px 0px 20px 0px; padding: 0px; float:left; width: 28%; position: absolute;}


/* fin cátedra*/



///* Galería*/

.tipos{ float: left; 
        position: relative; 
		width: 100%; 
		height: auto; 
		background: #000; 
		margin: 0px auto 0px auto;
		padding: 0px 0px 5550px 0px; 
		
}
#tipo{border-color:#FF062; 
      border-top:thick; 
	  border-top-color:#CC9; 
	  width:960px;
	  float:left; 
	  margin: 0px 10px 0px 25px; 
	  color: #FFB062; 
	  font-family: Rosario;
	  font-size: 46px;}

#tipo2{ position:relative; 
        font-family: rosario; 
		font-size:16px; 
		font-style:oblique; 
		color: #C60; 
		margin: 5px 5px 0px 25px;}


#nombrealumno{ font-family: Tahoma, Geneva, sans-serif;
               font-size:15px; 
			   font-style:oblique; 
			   color: #999; 
			   margin: 15px 0px 1px 0px}






.trescolumnasunagaleria{ 
    position: relative;
    width: 960px;
	height: auto;
    float: left;
    margin: 0px auto 0px auto;
    background: #000;
	
		  
		
}

#art{ width: 80px;
      float: left;
	  margin:20px 20px auto 30px;
	  position: relative;
}

.trescolumnasdosgaleria{
	position: relative;
    width: 960px;
	height: auto;
    float: left;
    margin: 0px 0px 0px 0px;
    background: #000;
	
}

#recuu{ position: relative; float: left; margin: 20px auto 0px 33px;}
#recuu2{ position: relative; float: left;  margin: 20px auto 0px 33px;}

#tp{ font-family: Tahoma, Geneva, sans-serif;
     font-size:15px; 
	 font-style: normal;
	 color: #B2C448; 
	 margin:-18px 0px 1px 0px;
	 position: absolute;}


#año{ font-family: Tahoma, Geneva, sans-serif;font-size:15px; font-style: normal;color: #B2C448; margin: 1px 0px 1px 0px;}
#tpp{font-family: Tahoma, Geneva, sans-serif;
     font-size:53px; 
	 font-style: normal;
	 color: #f60; 
	 margin:44px 0px 1px 699px;
	 position: absolute;}
	 
#tps{font-family: Tahoma, Geneva, sans-serif;
     font-size:45px; 
	 font-style: normal;
	 color: #000; 
	 margin:108px 0px 1px 699px;
	 position: absolute;}

#tppp{font-family: Tahoma, Geneva, sans-serif;
     font-size:53px; 
	 font-style: normal;
	 color: #f60; 
	 margin:48px 0px 1px 720px;
	 position: absolute;}
	 
#tpps{font-family: Tahoma, Geneva, sans-serif;
     font-size:45px; 
	 font-style: normal;
	 color: #000; 
	 margin:108px 0px 1px 749px;
	 position: absolute;}
	 
#nii{font-family: Tahoma, Geneva, sans-serif;
     font-size:75px; 
	 font-style: normal;
	 color:#B2C448; 
	 margin:222px 0px 1px 681px;
	 position: absolute; font-family: Rosario;}	

#niii{font-family: Tahoma, Geneva, sans-serif;
     font-size:75px; 
	 font-style: normal;
	 color: #B2C448; 
	 margin:235px 0px 1px 679px;
	 position: absolute;
	 font-family: Rosario;}	 

/*fin Galería/



/*correccioón online*/

.total{ position:relative;
        width: 960px; 
		float: left; 
		margin: 0px auto 0px auto; 
		padding: 0px; 
		background-color: #000;}


#too{ border:none; width: 960px; background: none; margin:0px auto 0px auto; float: left;}


#tit{position:relative; font-size:60px; font-family: Rosario; font-style:oblique; color: #C60; margin: 0px 0px 0px 40px;}
	  

#parra{position:relative; font-size:15px; font-family: Rosario; font-style:oblique; color: #C60; margin: 10px 0px 0px 40px;}	  
	  
.trescol{
    width: 960px;
	height: auto;
    float:  left;
	border: none;
	margin: 0px auto 0px auto;
}
#vero{ position:relative; border: none; background:none; width:30%;margin:0px 5px 0px 5px; padding: 0px; float: left;}
#a{ position: absolute; font-size:24px; color: #FFB062 ; margin: 395px 0px 55px 50px;}
#luis{ position:relative; border: none; background:none; width:30%; margin:0px -10px 0px 5px;padding: 0px; float: left;}

#b{ position: absolute; font-size:24px; color: #FFB062 ; margin: 395px 0px 55px 54px;}

#gise{ position:relative; border: none; background:none; width:30%;margin:0px 5px 0px 0px; padding: 0px; float: left;}
#c{ position: absolute; font-size:24px; color: #FFB062 ; margin: 395px 0px 0px 55px;}


.trescoldos{
    width: 960px;
	height: auto;
    float:  left;
	border: none;
	padding: 0px; 
	margin: 0px auto 0px auto;
	border: none;

}
	
	
#nata{ position:relative; border: none; background:none; width:30%;margin:0px auto 0px 15px;  float: left;}
#e{ border: none; position: absolute; font-size:24px; color: #FFB062 ; margin: 395px 0px 55px 50px;}

#rod{ position:relative; border: none; background:none; width:30%; margin:0px auto 0px 5px; padding: 0px; float: left;}
#d{ position: absolute; font-size:24px; color: #FFB062 ; margin: 395px 120px 55px 50px; }

#juan{ position:relative; background: none; width:30%;margin:0px auto 0px 5px; border:none ;padding: 0px;float: left;}
#f{ position: absolute; font-size:24px; color: #FFB062 ; margin: 395px 0px 55px 655px;}

#corre1{margin: 30px 10px 0px 40px; float: left; position: relative;}

#corre2{margin: 30px 20px 0px 40px; float: left;}

#corre3{margin: 30px 10px 0px 60px; float: left;}

#corre4{margin: 30px 10px 0px 50px; float: left;}

#corre5{margin: 30px 10px 0px 10px; float: left;}

#corre6{margin: 30px 10px 0px 20px; float: left;}



/* fin corrección online*/


/* contacto */


		
#article p{text-align: left;}
#subtitulos {color:#98CB00;}
#recuadro {border:#98CB00;}


.nuestro{background: #000;
         padding:0%; 
		 height:auto; 
		 width: 100%;
         float:  left;
	     border: none;
	   	 margin: 0px auto 0px auto;
 }

#lugar{ borde: none; width:30%;float:left; margin:5px 0px 0px 22px; color:#CCC; font-family: Rosario;}
#nues{font-size:25px; color: #B2C448; margin: 20px 0px 15px 0px;}
#flo{font-size:15px; color: #B2C448; margin: 25px 0px 15px 0px;}
#fl{font-size:14px; font-family: Rosario;margin: 10px 0px 15px 0px;}

.formulario{position: absolute; top: 300px; left: 340px; font-family: "Rosario",sans-serif; font-style: normal; font-size: 14px; color: #000; width: 560px; height: 380px; background: #B2C448; padding: 0px 0px 0px 35px;}



.doscolumnasf{ background: #CCC ; height: auto; width:100%; margin: 0px auto 0px auto; padding:0px; float:left;}
#lfo{ border: none; width:32%; position:relative; float: left; position:relative;}
#flop{ color:#FFF; font-family:Rosario; font-size:21px; border: solid; border-color:#000; border-width: thin; padding: 5px 0px 5px 25px; margin: 20px 20px 20px 20px,}
#floo{font-family:Rosario; font-size:18px; color: #666; margin: 15px 10px 0px 30px;}
#flooo{font-family:Rosario; font-size:12px; color: #666; margin: 5px 10px 0px 30px;}
#fol{font-family:Rosario; font-size:10px; color: #666; margin: 5px 10px 20px 30px;}
#imageneee{ widows: 50%; border: none; margin: 5px 10px 0px 20px;}
#imge{float: left; position:relative; margin: 0px 10px 20px 40px;}



/* fin contacto*/




/* gracias */


.texto10{ width:100%; 
          background: #000; 
		  border: none; 
		  height: 450px; 
		  padding:0%;
		  float:left;
}
section img c{
	margin: 80px 0px 0px 0px;
	position:absolute;
	left: -237px;
	top: -215px;
}

#gracia{ width:960px; 
         float: none; 
		 margin:0px 0px 0px 0px; 
		 color:#CCC; 
		 font-family: Rosario;
		 text-align:center;
		 border: none;
}
#gracias{ font-size:60px; color: #B2C448; margin: 50px 0px 15px 0px;}
#grac{ font-size:30px; color: #F90; margin: 25px 0px 15px 0px;}
#gra{ font-size:16px; font-family: Rosario;margin: 10px 0px 15px 0px; text-align:center;}
#ok{ float: left; position: absolute; margin: 0px 0px 0px -50px;}


/* fin gracias */



/*extensión*/

.naside3{width: 100%; 
         margin: 0px auto 0px auto; 
		 height: auto; 
		 background: #000; 
		 float: left;
		 
}

#narticle2 { font-family: "Roboto"; 
             text-align: left; 
			 width: 30%; 
			 margin: 25px 30px 10px 20px; 
			 background-color:#000; 
			 padding:10px; 
			 border:#F60; 
			 border-width:thin; 
			 border-style:solid; 
			 float: right;
}
#narticle3 { font-family: "Roboto"; 
             text-align: left; 
			 width: 30%; 
			 margin: 25px 30px 10px 20px; 
			 background-color:#000; 
			 padding:10px; 
			 border:#F60; 
			 border-width:thin; 
			 border-style:solid; 
			 float: right;
}

#narticle4 { font-family: "Roboto"; 
             text-align: left; 
			 width: 30%; 
			 margin: 25px 30px 10px 20px; 
			 background-color:#000; 
			 padding:10px; 
			 border:#F60; 
			 border-width:thin; 
			 border-style:solid; 
			 float: right;}
#narticle5 { font-family: "Roboto"; 
             text-align: left; 
			 width: 30%; 
			 margin: 25px 30px 10px 20px; 
			 background-color:#000; 
			 padding:10px; 
			 border:#F60; 
			 border-width:thin; 
			 border-style:solid; 
			 float: right;}
			 
#nmaterial2{ width:30%; 
             position: relative; 
			 margin: 0px auto 0px auto; 
			 float: left; height: auto;
}


#nh3titulos3{ margin: 20px 10px 20px 10px ;color:#F60;font-family: "Roboto";text-align:center;}

#nh3subtitulos3 {color:#FFF; font-size:14px;}
#nh63{ text-align: left; color: #FFF;}
#nlargo {}
#ntipos {position: relative; top:0px; left:0px;
}

#fmagen{ position:relative; 
         float: left; 
		 margin: -640px 20px 0px 30px;
}
#doce1{ font-size: 15px; 
        color: #FFF; 
		float: left;
		position: relative;
		margin: -90px 30px 0px 30px;} 

#doce{  font-size: 11px;  
        color: #FFF; 
		float: left;
		position: relative;
		margin: -70px 30px 10px 30px;}

.#expe{ width: 2%;
font-seze: 12px ; color:#FFF;}

/*Fin página extensión*/










 
/*Encuentros*/
.unification{
	    width: 100%;
	    height: auto;
        float:  left;
	   	margin: 0px auto 0px auto;
		position: relative;
		background:#000;}


#nmaterial4{ background-color:#FFF; float: left; margin: 20px 10px 10px 30px; width:200px; height: auto; text-align:left; font-family:rosario; font-size:12px; padding:10px; position:relative;}	
#encuentro1{ width: 30%; margin: 20px 20px 10px 10px;background-color:#000; padding:10px 10px 10px 10px; border:#98CB00; border-width:thin; border-style:solid; float:right;position:relative;float: left;}
#encuentro2{ width: 30%; margin: 20px 20px 10px 10px;background-color:#000; padding:10px; border:#98CB00; border-width:thin; border-style:solid; float:right;position:relative;float: left;}
#encuentro4{ width: 30%; margin: -370px 20px 10px 271px;background-color:#000; padding:10px; border:#98CB00; border-width:thin; border-style:solid; float:right;position:relative;float: left;}

#nh222 {color:#F60; font-size: 19px; font-family:"roboto", arial; text-align:left; margin:10px;}

#resaltador {color:#F60;font-size:11px; font-family:"roboto", arial; text-align:left;padding:10px}
#npng1 {position: absolute; left:610px; top:640px; border:#F60; border-width:thin; border-style:solid; padding:20px 10px 20px 10px ;width:30%; height: auto;}
#ndatos22 {color:#000;font-size:10px;font-family:"roboto";; padding:10px;}

#nh44{ font-size: 12px; color: #CCC;}
#nh66{ font-size: 12px; color: #CCC;}

#uni{ width: 100%;
	    height: auto;
        float:  left;
	    border: none;
	    padding: 0px; 
     	margin: 0px auto 0px auto;
    	border: none;}




/*Fin página Encuentros*/









/*Docentes*/

.titular{width: 100%;
	    height: auto;
        float:  left;
       	margin: 0px auto 0px auto;
		position: relative;
		background:#000;
}
		  


#docente1{ width: 30%; float: left; margin: 20px 0px 0px 5px; background: #FC9; padding: 0px 0px 5px 15px;}
#docente2{ width: 30%; float: left; margin: 20px 0px 0px 
5px; background: #FC9; padding: 0px 0px 5px 20px;}
#profes{ width: 30%; float: left; margin: 30px -20px 0px 40px;}
#exdoc{ font-size:20px; color: #f60; text-align:center;}
.ntrescolumnas1{font-family:"roboto";width:100%; margin-top:5px;height:1480px;}
#nunacolumna{font-family:"roboto";max-height:120px;background-color:#0CF;position:absolute;margin:5px 5px 10px -11px;}
#ntitularescolumna {font-family:"roboto", background-color:#096;} 

#nh3nombresdocentes{text-align:center;font-family: "roboto"; color:#F60; font-size:16px;}
#profes1{ font-size: 16px; color:#FFF; color: #F60; text-align: left;}
#profes2{ font-size: 16px; color:#FFF; border-style:solid; border-width:thin;border-color:#98CB00;padding:5px;}
.marcosfotos2{border-color:#F60; border-style:solid; border-width:thin;margin:5px 0px 10px -11px;}
.marcosfotos{border-color:#F60; border-style:solid; border-width:thin;}
#n.niveles{text-align:center;font-family:"roboto";word-spacing:normal;font-size:12px;text-align:center;}
#npdocentesn2 {background-color:#FC6; margin:5px; padding:5px;}
#exdocentes {color:#666; text-align:center;}
#png {padding:5x;margin:0px 10px 10px 10px; }
#docniv{font-size: 18px; color: #000; text-align:center;}
/*Fin página Docentes*/








/*Alumnos*/
#ncontenedor2 {font-family:"roboto";width: 100%;margin: 0px auto 0px auto; float: left; height: auto; background:#000;}

#nmaterial33{background-color:#CFC;; float:left; margin: 10px 20px 10px 30px; width:200px; height: auto; text-align:left; padding:10px;}

#naside2{font-family:"roboto";width: 99%;margin: 10px 10px 10px 10px;float: right;color:#000;}

#consideracion{ width: 65%; background:#000; margin: 10px 20px 10px 10px; padding:10px; float: right; border-color: #F00;}

#nh3subtitulos2{color:#fff; margin: 15px 10px 10px 10px;}
#ndatos {color:#F00;font-size:12px;font-family:"roboto"; margin:10px 10px 10px 10px;}
#ndatos3 {color:#F00;font-size:12px;font-family:"roboto"; text-align:center; margin: 30px 10px 10px 10px; }
#ndatos2 {font-size:12px; color: #000; font-family:"roboto"; margin: 10px 10px 10px 10px;}
#njustificado {text-align:justify;color:#fff;font-family:"roboto";font-size:16px;margin:10px;}
#nnegro {color:#fff; margin:10px 10px 10px 10px;}
#nnegro2 {color:#fff; font-size:15px; margin: 10px 10px 10px;}
#nh2titulos2 {color:#F60; font-size: 22px; font-family:"roboto", arial; text-align:left; margin:10px;}
#nh2titulos22 {color:#F60; font-size: 14px; font-family:"roboto", arial; text-align:left; margin:10px;}
#nclases {font-family:"roboto"; font-size:12px; margin: 10px 10px 10px 10px;}
#nlibro {
	position:absolute;
	left:39px;
	top:430px;
	width: 201px;
	height: 144px;
}
#npiefoto {position: absolute; margin:20px 10px 10px 10px;}
#ndatosautor {font-size:12px;}
#espacio2{ margin:220px auto auto auto;}



/*Fin página Alumnos*/








/*Cronograma*/
.cronograma{;width:100%;margin:  0px auto;float: right;background-color:#000;}

#crono1{font-family: "roboto";background-color:#CFC; color:#000; float: left; margin: 10px 10px 10px 20px;width:200px; height:auto; text-align:left; font-family:rosario; font-size:12px; padding:10px;height:610px;}

#naside{font-family: "Roboto";width: 99%;margin: 6px auto;float: left;color:#FFF;}
#narticle {font-family: "Roboto"; display: inline-block;text-align: left;width: 30%;margin: 10px 30px 10px 10px;background-color:#000; padding:10px; border:#F60; border-width:thin; border-style:solid;}

#narticle2{font-family: "Roboto" ;display: inline-block;text-align: left;width: 30%;margin: 10px 30px 10px 10px;background-color:#000; padding:10px; border:#F60; border-width:thin; border-style:solid;}

#nh2titulos{color:#F60;font-family: "Roboto"; font-size:23px;}
#nh3subtitulos{color:#98CB00;font-family: "Roboto"}
#nresaltador {color:#C00;font-family: "Roboto";font-size:11px;}
#nh4 {font-family: "Roboto";font-size:16px; color:#FFF}
#nh5 {font-family: "Roboto";font-size:13px; color:#FFF}
#nh32 {font-family: "Roboto";font-size:11px;color:#000}
#nmaterial {color:#F60;font-family: "Roboto"; font-size:16px;}
#nimagen {position:absolute; top:720px ;left:30px;}
/*Fin página Cronograma*/





/* Footer */

footer{ width:960px; float: left; position:relative; background:#333; text-align:center; }
footer p{ font-size: 12px; color: #CCC;  }



/* Solo para celulares */
@media screen and (max-width:320px) {
  body{background-image: none; background: #000;	}
	#slides_container{ display: none;}
	#container{ display: none;}
    #logo{margin-left:15px; 
          margin-top:10px; 
	      margin-bottom:10px; 
	      position: relative; }
	#img{ display: none;}
	#contacto{position:absolute;margin: 175px 55px 15px -55px;}
	#face{position: absolute;margin: 175px 5px 15px -25px;}
	#tw{position:absolute;margin: 175px 5px 15px -1px;}
	#onli{ margin: -100px 0px 0px -30px; with : 30%}
	#ing{ font-family: Rosario; font-size:46px; margin: 0px 10px 10px -5px; position: relative;
	}
	#in{ font-size: 28px; margin: 40px 0px 10px 40px; position: absolute;}
	#tubusqueda{ }
	#ledamos{}
	.fondo{ width:320px; background: #000; float: left; position: relative; margin: 0px  auto 0px auto; height: 300px;
	}
	.seleccionado{ padding:1xp 1px 1px 1px; float:none;}
	header{ width:100%; height:150px;}
	header nav{ text-align: left; position:relative; margin: 15px 5px 15px -25px; float: none;}
    header nav ul li{ margin: 5px 1px 15px 0px;}
	header nav ul li a{ font-size:28px; float: left; color:#ff;}
    section article h1{ font-size:40px; color: #FFF; float: left; margin: 15px 15px 15px 5px; position:relative;}
   section article h2{ font-size:20px; color: #B2C448;float:left; margin: 53px 15px 15px -185px; position:relative;}
    section article h5{ font-size:10px; text-align: left; color: #FFB062; margin: 15px 45px 5px 400px;float:left;}
    section article p{ font-size:11px; text-align: left; position:relative; color: #FFB062;;margin: 260px 0px 15px 12px; width: 23%;} 
	section article a{width: 100%;}
	footer{ width: 320px; position: relative; float:left; background: #000; text-align: center; margin: 310px 100px 10px -325px;}
	footer p{ fonr-size: 5px; color: #ccc;}
}