/*NO TOCAR*/



*{margin:0; padding:0;}
a{text-decoration:none} 

body {
	background-color: #FFF;
	background-image:url(imagenes/fondo.png);
	height:auto;
	width:auto;
	margin:auto;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:2em;}

nav {
  position: relative;
    width:960px;
	height:40px;
	background:#000;
}
nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
  width:960px;
position:relative;
text-decoration:none;
   
  
}
nav > ul {
  position: relative;
  display: block;
  background: #000;
  height: 32px;
  width: 960px;
  z-index: 500;
}
nav > ul > li {
  display: block;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
   	width:auto;
	height:auto;	
	font-weight:normal; 
	font-size:16px;
	text-decoration:none;
	color:#FFF;
	padding-left:40px;
	
}
nav > ul > #menu-button {
  display: none;
}
nav ul li a {
  display: block;
 font-family: 'Archivo Narrow', sans-serif;
  text-decoration: none;
}
nav > ul > li > a {
  font-size: 14px;
  font-weight: bold;
  padding: 15px 20px;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
nav > ul > li.has-sub > a {
  padding-right: 32px;
}
nav > ul > li:hover > a {
  color: #999999;
}
nav li.has-sub::after {
  display: block;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}
nav > ul > li.has-sub::after {
  right: 10px;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #ffffff;
}
nav > ul > li:hover::after {
  border-top-color: #999999;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
nav ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
nav ul ul ul {
  top: 37px;
  padding-left: 5px;
}
nav ul ul li {
  position: relative;
}
nav > ul > li:hover > ul {
  left: auto;
  top: 44px;
  opacity: 1;
}
nav ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
nav ul ul li a {
  width: 130px;
  border-bottom: 1px solid #eee;
  padding: 10px 20px;
  font-size: 12px;
  color: #000000;
  background: #fff;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
nav ul ul li:hover > a {
  background: #f6f6f6;
  color: #999999;
}
nav ul ul li:last-child > a,
nav ul ul li.last > a {
  border-bottom: 0;
}
.submenuArrow {
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #fff;
  position: absolute;
  top: -12px;
}
nav ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #000000;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
nav ul ul li.has-sub:hover::after {
  border-left-color: #fff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  nav {
    width: auto;
  }
  nav ul {
    width: auto;
  }
  nav .submenuArrow,
  nav #indicatorContainer {
    display: none;
  }
  nav > ul {
    height: auto;
    display: block;
  }
  nav > ul > li {
    float: none;
  }
  nav li,
  nav > ul > li {
    display: none;
  }
  nav ul ul,
  nav ul ul ul,
  nav ul > li:hover > ul,
  nav ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
  }
  nav ul .has-sub::after {
    display: none;
  }
  nav ul li a {
    padding: 12px 20px;
  }
  nav ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
  }
  nav ul ul li:hover > a {
    background: none;
    color: #999999;
  }
  nav ul ul ul a {
    padding: 8px 50px;
  }
  nav ul ul ul ul a {
    padding: 8px 65px;
  }
  nav ul ul ul ul ul a {
    padding: 8px 80px;
  }
  nav ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  nav > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  nav #menu-button > a {
    padding: 14px 20px;
  }
  nav ul.open li,
  nav > ul.open > li {
    display: block;
  }
  nav > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  nav #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    right: 20px;
    top: 15px;
  }
  nav #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    right: 20px;
    top: 25px;
  }
  nav ul.open #menu-button::after,
  nav ul.open #menu-button::before {
    border-color: #fff;
  }
}




/*TOCAR A PARTIR DE ACA*/

/*VANE*/

/*HOME*/

#login { 
width:960px;
height:50px;
background-color:black;
position:relative;

}

.loguintipo {
	color: #FFF;
	font-size:0.8rem;
	padding-right:10px;
	padding-top:0px;
	left: 300px;
	
	}
	
#loginform{
	width:700px;
	height:35px;
	position:relative;
	top: 15px;
	left: 370px;
	
	}
	
#redes {
	width:200px;
	height:35px;
	position:relative;
	top:10px;
	float:left;
	left:30px;
}

	
 #redes #link:hover{
	width:30px;
	height:30px;	
	position:relative; 
	content:url(imagenes/redes_link_hover.png);}
	
 #redes #face:hover{
	width:30px;
	height:30px;	
	position:relative; 
	content:url(imagenes/redes_face_hover.png);}
	
	 #redes #twit:hover{
	width:30px;
	height:30px;	
	position:relative; 
	content:url(imagenes/redes_twit_hover.png);}
	
	 #redes #blog:hover{
	width:30px;
	height:30px;	
	position:relative; 
	content:url(imagenes/redes_blog_hover.png);}



	
 #redes #link:active{
	width:30px;
	height:30px;	
	position:relative; 
	content:url(imagenes/redes_link_pres.png);}
	
 #redes #face:active{
	width:30px;
	height:30px;	
	position:relative; 
	content:url(imagenes/redes_face_pres.png);}
	
	 #redes #twit:active{
	width:30px;
	height:30px;	
	position:relative; 
	content:url(imagenes/redes_twit_pres.png);}
	
	 #redes #blog:active{
	width:30px;
	height:30px;	
	position:relative; 
	content:url(imagenes/redes_blog_pres.png);}

.subscri {
	color: #FFF;
	font-size:0.8rem;
	padding-top:0px;
	left: 10px;
	width: 300px;
	height:50px;
	position:relative;
	top: 10px;
	
	}
	
.enviarsubscri{
	color:black;
	background-color:#FFF;
	padding:5px;
	font-size: 0.8rem;
	font-weight:bold;
	border: none;	
	}
	
.enviarsubscri:hover{
	color:black;
	background-color: #666;
	padding:5px;
	font-size: 0.8rem;
	font-weight:bold;
	border: none;	
	}
	
.enviarsubscri:active{
	color:white;
	background-color:black;
	padding:5px;
	font-size: 0.8rem;
	font-weight:bold;
	border: none;	
	}
	

	
	
	
.ingresarsubscri{
	color:#FFF;
	background-color:#999;
	padding:6px;
	font-size: 0.7rem;
	font-weight:400;
	border: none;
	}
	

	
.enviar{color: #FFF;
	background-color:#999;
	padding:2px;
	font-size: 0.7rem;
	font-weight:bold;
	border: none;}
	
.enviar:hover{color:#000;
	background-color:#999;
	border: none;
}
.enviar:active{color:#000;
	background-color:#CCC;
	
	border: none;}

#contenido{
	width:960px;
	height:auto;
	position:relative;
	margin:auto;
	background-color:#FFF;
	top:10px;
	}

        
header {height:170px; width:960px; position:relative;}

header img {padding:0; margin:0;}





.menuactual{font-family: 'Archivo Narrow', sans-serif; font-weight:700px;
color:#999;}

#niveles {
width:960px; 
height:auto; 
position:relative; 
background-color:#FFF; 
top:50px;}


#morfo1 {width:310px; 
height:auto; 
float:left; 
position:relative;
background-color: white;
margin-right:15px;
background-color:#FF8000;
top:10px;}


#morfogral {
	width:310px; 
height:auto; 
float:left; 
background-color:white; 
position:relative; 
background-color: #8B5692;
	top:10px;
	
	}


#morfo2 {width:310px; 
height:auto;
float:left; 
background-color:white;
position:relative;
margin-right:15px;
background-color:#6CF ;
top:10px;
}

.destacadoindexm1 
{width:auto;
height:35px; 
background-color: #FFF;
padding-top:15px;
padding-left:10px;
margin:0px;
font-size:1.5rem;
color:#F90;
}

.destacadoindexm2 
{width:auto;
height:35px; 
background-color: #FFF;
padding-top:15px;
padding-left:10px;
margin:0px;
font-size:1.5rem;
color:#6CF;;
}

.destacadoindexmg 
{width:auto;
height:35px; 
background-color:#FFF;
padding-top:15px;
padding-left:10px;
margin:0px;
font-size:1.5rem;
color:#8D56A3;
}

.destacadogeneral
{width:auto;
height:35px; 
background-color:#FFF;
padding-top:15px;
padding-left:10px;
margin:0px;
font-size:1.5rem;
color::#999;
text-decoration:none;
}

.linkindexm1 
{
	color:black;
	font-weight:310;
	text-decoration: underline;
}

.linknaranja 
{
	color:#FFBE7D;
	font-weight:310;
	}
	
.linknaranja:hover
{	color:black;
	font-weight:310;
	text-decoration:underline;
	}
	
.linknaranja:active
{	color:black;
	font-weight:310;
	text-decoration:underline;
	font-weight:bold;
	}
	

.linkceleste 
{	color:#C1F0F4;
	font-weight:310;
	}
	
.linkceleste:hover
{	color:black;
	font-weight:310;
	text-decoration:underline;
	}
	
.linkceleste:active
{	color:black;
	font-weight:310;
	text-decoration:underline;
	font-weight:bold;
	}
	
	
	
.linkvioleta 
{	color: #AF86C1;
	font-weight:310;
	}
	
.linkvioleta:hover
{	color:black;
	font-weight:310;
	text-decoration:underline;
	}
	
.linkvioleta:active
{	color:black;
	font-weight:310;
	text-decoration:underline;
	font-weight:bold;
	}	
	

	
.linkvioletagde 
{	color: #AF86C1;
	font-weight:310;
	font-size:3.0rem;
	}
	
.linkvioletagde:hover
{	color: #CCC;
	font-weight:310;
	text-decoration:underline;
	}
	
.linkvioletagde:active
{	color: #999;
	font-weight:310;
	text-decoration:underline;
	font-weight:bold;
	}	
	

div#contenidosubidas {margin: 15px;}





h1 {font-size:4rem; color:white ; font-weight:bold; font-family:sans-serif; text-decoration:none; position:absolute;
top: 180px; line-height: 100%;}

h2 {font-size: 1.5rem; color: white;text-decoration: none; padding:10px; }

h3 {font-size: 1.1rem; color:  rgb(29, 29, 29); font-weight: bold;font-style: italic; text-decoration: none; padding-left:10px;}

h4 {font-size: 0.8rem; color:  rgb(0, 0, 0); font-weight: bold;text-decoration: none; padding-top: 10px;}

p {color:black; font-weight:lighter; font-size:0.9rem; padding:10px; font-family: 'Archivo Narrow', sans-serif; text-decoration:none;}

.subtitulop{
	color:white;
	font-weight:bold;
	background-color: #DF4B0D;
	width:270px;
	height:25px;
	position:relative;
	font-size:1.2rem;
	}
	
.desc{
	color: #663579;
	width:110px;
	height:50px;
	position:relative;
	font-size:1.5rem;
	float:left;
	padding-top:10px;
	padding-right:10px;
	vertical-align:50%;
	display: block;	
	}

#imgdesc:hover{
	content:url(imagenes/mg/descargahomehover.png);
		}
		
#imgdesc:active{
	content:url(imagenes/mg/descargahomeactive.png);
		}
		
#listalinks ul {
	width:290px;
	height:auto;
	position:relative;
	font-size:0.9rem; 
	left: 25px;
	font-family: 'Archivo Narrow', sans-serif; 
	text-decoration:none;
		}
		
.textgrande1{
	font-size:1.7rem;
	color: #999;
	font-weight:100;
			}
			
.textgrande4{
	font-size:1.7rem;
	color: #000;
	font-weight:100;
	padding-left:10px;
			}
		
.textgrande2{
	font-size:3.7rem;
	color:#333;
		}
		
.textgrande3{
	font-size:3.0rem;
	color:#333;
		}
.bloqueagenda{
	color:black; 
	font-weight:lighter; 
	font-size:0.9rem; 
	padding-right:20px;
	width:170px;
	height:160px;
	position:relative;
	float:right;
	bottom:70px;
	}
	
.bloqueagenda2{
	color:black; 
	font-weight:lighter; 
	font-size:0.9rem; 
	padding:10px;
	width:170px;
	height:160px;
	position:relative;
	float:right;
	bottom: 50px;
	}
	
	
.bloqueagenda3{
	color:black; 
	font-weight:lighter; 
	font-size:0.9rem; 
	padding-right:20px;
	width:170px;
	height:100px;
	position:relative;
	float:right;
	bottom:70px;
	display:compact;
	
	}
	
	
#morfogralhome {
	width:310px;
	height:auto;
	position:relative;
	background-color:#CCC;
	
	}	
#videohome{
	width:960px;
	height:720px;
	position:relative;
	top:60px;
	}
.imgcal{
	width:100px;
	height:100px;
	position:relative;
	float:left;}

footer{
	background-color:#000;
	width:960px;
	height:auto;
	position:absolute;
	color:white;
	float:none;
	

	}
	
#footer2{
	background-color:#000;
	width:960px;
	height:auto;
	position:absolute;
	color:white;
	float:none;
	right:1px;
	

	}
	
	
.secciones ul{
	position:relative;
	float:left;
	margin-right:40px;
	margin-left:40px;
	text-decoration:none;
	padding-top:10px;
	}

.secciones ul li{
	list-style-type:none;
	font-size:0.9rem;
	text-decoration:none;
}

.secciones ul li a{
	text-decoration:none;
	color: #FFF;	
	text-decoration:none;
}

.secciones ul li a:hover{
	color: #666;
}

.secciones ul li a:active{
	color: #666;
	font-weight:bold;
	
}
	
#pie{
	width:930px;
	font-size:0.9rem;
	font-style:italic;
	text-align:center;
	height:auto;
	color: white;
	position:relative;
	padding:15px;
	border-top:thin;
	border-top-color: #FFF;
	border-top-style:solid;
	font-family: 'Archivo Narrow', sans-serif;
	}
	
.textitocolumna{
	width:300px;
	height:auto;
	position:absolute;}
	
	
.columnalinks {
	width:120px;
	height:200px;
	position:absolute;
	float:left;
	text-decoration:none;
	
	}
	
	.columnalinks2 {
	width:120px;
	height:200px;
	position:absolute;
	left: 120px;
	text-decoration:none;
	}
	
	
.colagenda {
	width:90px;
	height:150px;
	position:absolute;
	float:left;
	text-decoration:none;
	color:#666;
	
	}
	
	.colagenda2 {
	width:90px;
	height:150px;
	position:absolute;
	float:left;
	left: 115px;
	text-decoration:none;
	color:#666;
	}
	
		.colagenda3 {
	width:90px;
	height:150px;
	position:absolute;
	left: 215px;
	text-decoration:none;
	color: #666;
		}
	
	slidehome{
		width:960px;
		height:260px;
		position:relative;
		
		}
		
		
/*DOS RESPONSIVE TABLE*/		
		
		
@media all and (min-width: 401px) and (max-width: 840px) 
{


#contenido{
	width:100%;
	height:auto;
	position:relative;
	margin:auto;
	background-color:#FFF;
	top:10px;
	}
	
	body {
	background-color: #FFF;
	background-image:url(imagenes/fondo.png);
	height:auto;
	width:auto;
	margin:auto;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:2em;}

nav {
  position: relative;
    width:100%;
	height:40px;
	background:#000;
}

        
header {height:170px; width:100%; position:relative;}

header img {padding:0; margin:0;}


.destacadoindexm1 
{width:auto;
height:35px; 
background-color: #FFF;
padding-top:15px;
padding-left:10px;
margin:0px;
font-size:1.5rem;
color:#F90;
}

.destacadoindexm2 
{width:auto;
height:35px; 
background-color: #FFF;
padding-top:15px;
padding-left:10px;
margin:0px;
font-size:1.5rem;
color:#6CF;;
}

.destacadoindexmg 
{width:auto;
height:35px; 
background-color:#FFF;
padding-top:15px;
padding-left:10px;
margin:0px;
font-size:1.5rem;
color:#8D56A3;
}

.destacadogeneral
{width:auto;
height:35px; 
background-color:#FFF;
padding-top:15px;
padding-left:10px;
margin:0px;
font-size:1.5rem;
color::#999;
text-decoration:none;
}

h1 {font-size:4rem; color:white ; font-weight:bold; font-family:sans-serif; text-decoration:none; position:absolute;
top: 180px; line-height: 100%;}

h2 {font-size: 1.5rem; color: white;text-decoration: none; padding:10px; }

h3 {font-size: 1.1rem; color:  rgb(29, 29, 29); font-weight: bold;font-style: italic; text-decoration: none; padding-left:10px;}

h4 {font-size: 0.8rem; color:  rgb(0, 0, 0); font-weight: bold;text-decoration: none; padding-top: 10px;}

p {color:black; font-weight:lighter; font-size:0.9rem; padding:10px; font-family: 'Archivo Narrow', sans-serif; text-decoration:none;}
		
.textgrande1{
	font-size:1.7rem;
	color: #999;
	font-weight:100;
			}
			
#login { 
width:100%;
height:50px;
background-color:black;
position:relative;

}

		

footer{
	background-color:#000;
	width:100%;
	height:auto;
	position:absolute;
	color:white;
	float:none;
		}
	
	



	
#pie{
	width:100%;
	font-size:0.9rem;
	font-style:italic;
	text-align:center;
	height:auto;
	color: white;
	position:relative;
	padding:15px;
	border-top:thin;
	border-top-color: #FFF;
	border-top-style:solid;
	font-family: 'Archivo Narrow', sans-serif;
	}
	
#columnageneral{
	width:100%;
	height:auto;
	position:none;
	}

#columnaderechap{
	width:100%;
	height:auto;
	position:none;
	padding:10px;
	}
	

				
	#giniral{
		padding:10px;
		width:100%;
		height:auto;
		
		}
	
	#loginenter{
	width:500px;
	height:35px;
	position:relative;
	top: 10px;
	left: 530px;
	
	}



	
	}		
/*HOME RESPONSIVE CELU*/
		
	

@media (max-width: 400px) 
{
	
	
	}

/*PROPUESTA*/	

#columnageneral{
	width:600px;
	height:auto;
	position:relative;
	float:left;
	padding:10px;
	margin-right:15px;
	top:10px;
	}

#columnaderechap{
	width:290px;
	height:770px;
	float:right;
	position:relative;
	background-color: #333;
	color:#FFF;
	padding:10px;
	top:10px;
	}
	
	.pblanco{color: #FFF; font-weight:lighter; font-size:0.9rem; padding:10px; font-family: 'Archivo Narrow', sans-serif; text-decoration:none;
				}
	
	.pblancolink{color: #FFF; 
	font-weight:lighter; 
	font-size:0.9rem; 
	padding:10px; 
	font-family: 'Archivo Narrow', sans-serif; 
	text-decoration: underline;
				}
	.pblancolink:hover{color: #CCC; 
	font-weight:lighter; 
	font-size:0.9rem; 
	padding:10px; 
	font-family: 'Archivo Narrow', sans-serif; 

				}
				
	.pblancolink:active{color: #FFF; 
	font-weight:bold; 
	font-size:0.9rem; 
	padding:10px; 
	font-family: 'Archivo Narrow', sans-serif; 
	text-decoration: underline;
				}
				
	#giniral{
		padding:10px;
		width:960px;
		height:auto;
		
		}
	
	#loginenter{
	width:500px;
	height:35px;
	position:relative;
	top: 10px;
	left: 530px;
	
	}

/*CONTACTO*/

#formulario{
	background-color: #000;
	width:650px;
	height:auto;
	position:relative;
	font-family: 'Archivo Narrow', sans-serif; 
	padding:10px;}


.enviarformu {
	font-size: 1.0rem;
	color:  #000;
	text-align: center;
	background-color: #CCC;
	font-weight:bold;
	padding:3px;
	font-family: 'Archivo Narrow', sans-serif; 
		}

#unacolumna{
	width:600px;
	height:auto;
	position:relative;
	top:20px;
	left:290px;
	}
#unacolumna2{
	width:600px;
	height:auto;
	position:relative;
	top:70px;
	
	}


.formu1 {
	font-size: 0.9rem;
	color: #000;
	background-color: #CCC;
	border:0px;
	padding: 3px;
	font-family: 'Archivo Narrow', sans-serif; 
	}
	

.formu3 {
	font-size: 14px;
	color: #CCC;
	border:0px;
	padding: 3px;
	font-family: 'Archivo Narrow', sans-serif; 
	}
	
.formu2 {
	font-size: 16px;
	color: #FFF;
	font-family: 'Archivo Narrow', sans-serif; 
	padding-top:8px;
	}

#lineascontacto{
	width:480px;
	height:120px;
	position:relative;
	float:right;
	bottom:120px;
	
	}
	
#lineaserror{
	width:650px;
	height:163px;
	position:relative;
	float:right;
	bottom:135px;
	
	}
	
	
/*REGISTRO*/
#col1registro{ width:450px;
height:auto;
position:relative;
float:left;
background-color: #999;
padding:10px;
margin-right:10px;

	}
	
	#col2registro{ 
	width:450px;
	height:900px;
	position:absolute;
	background-color: #CCC;
	left: 490px;
	padding:10px;
	}
	
	#notasregistro{ 
	width:auto;
	height:600px;
	position:relative;
	background-color: #CCC;
		}
	#apuntesregistros{
		width:auto;
	height:300px;
	position:relative;
	background-color: #414141;}
	#perfilregistro{
	width:auto;
	height:500px;
	position:relative;
	background-color: #999;}
	#entregasregistros{
		width:auto;
	height:400px;
	position:absolute;
	background-color: #666;}
	
	#tablanotas
	{	padding:20px;
	margin:15px;
	background-color:#FFF;
	}
	
	#tablanotas tr td
	{padding:8px;
	font-size:1.3rem;
	
	}
	
	
	#amigos{
		float:right;
		width:200px;
		height:300px;
		position:relative;
		bottom:235px;
		right:20px;}
	
	
	#asistencia{
		width:auto;
		height:auto;
		position:absolute;
	}
	
	
	.naranjita 
{font-size:1.5rem;
color:#F90;
}




/*ADA*/




.iframe.videomorfouno{width:450px; height:368px; position:relative;}

#contenedorcuerpo {width:960px; height:auto; position:relative; background-color:white;}

h5.titulosderecha {font-size: 1rem; color: #F90; font-weight: bold; font-family: 'Archivo Narrow', sans-serif; font-style: bold; text-decoration: none; padding:10px; border-bottom:thin #f90 solid;}

h5.titulosvioleta {font-size: 1rem; color: #7e52a1; font-weight: bold; font-family: 'Archivo Narrow', sans-serif; font-style: bold; text-decoration: none; padding:10px; border-bottom:thin #7e52a1 solid;}

h5.titulosturquesa {font-size: 1rem; color: #72d0f6; font-weight: bold; font-family: 'Archivo Narrow', sans-serif; font-style: bold; text-decoration: none; padding:10px; border-bottom:thin #72d0f6 solid;}

#seccionesm1 {
	width:281;
	height:580px;
	float:left;
	background-color:white;
	position:relative;
	}
	
#proximaclase 	
{width:14rem; 
height:auto;
background-color:#f90;} 

#contenidoproximaturquesa{background-color:#72d0f6;} 

#proximaturquesa 	
{width:14rem; 
height:auto;
background-color:#f90;} 

#proximavioleta 	
{width:14rem; 
height:auto;
background-color:#7e52a1;} 
	
#tituloproximaclase {font-size: 1rem; color: black; font-weight: bold; font-family: 'Archivo Narrow', sans-serif; font-style: bold; padding:5px; text-align:center; position:relative;}

#tituloclases {font-size: 1rem; color: black; font-weight: bold; font-family: 'Archivo Narrow', sans-serif; font-style: bold; padding:5px; text-align:center; position:relative; background-color:#f90;}
#tituloturquesa {font-size: 1rem; color: black; font-weight: bold; font-family: 'Archivo Narrow', sans-serif; font-style: bold; padding:5px; text-align:center; position:relative; background-color:#72d0f6;}
#titulovioleta {font-size: 1rem; color: black; font-weight: bold; font-family: 'Archivo Narrow', sans-serif; font-style: bold; padding:5px; text-align:center; position:relative; background-color:#7e52a1;}

#ultimasclases {background-color:#cdcdcd; padding-bottom:10px;}

#ultimasclases ul {list-style-type:none; margin-bottom:10px; margin-top:15px; }
#ultimasclases ul li { font-size:16px; text-align:center; line-height: 24px;}

#ultimasclases ul li a {color: black;}

#ultimasclases ul li a:hover {color: #f90;}
#ultimasturquesa ul li a:hover {color: #72d0f6;}
#ultimasvioleta ul li a:hover {color: #7e52a1;}

#contenidomuno {
	width:735px;
	float:left;
	background-color:white;
	position:relative;}

#claseultima {
	width:725px;
	height:auto;
	float:left;
	background-color:white;
	position:relative;
	margin-left:15px;
	}
	
#fotoclaseultima {float:left; position:relative;}
	
#textoclaseultima {float:left; position:relative; width:377px; margin-left:10px;}

#descargasmuno { width:340px; height:435px; position:relative; margin-left:15px; float:left;
background-color:#FFF;}

#contenidodescargas{width:400px; height:435px; position:relative; float:left; margin-left:10px;}

#imgdescargas{width:60px; float:left; position:relative; margin-top:10px; margin-right:10px;}

h2.subtitulodescarga{padding-top: 10px; font-size: 14px; color: black; font-style:italic; font-family: 'Archivo Narrow', sans-serif;}

#textodescargas{width:310px; margin-left:15px;}

#imgdescargas2{width:60px; float:left; position:relative; margin-top:10px; margin-right:10px;}

#textodescargas2{width:310px; margin-left:15px;}


#teoricamuno { width:370px; height:435px; float:right; position:relative; margin-left:10px; background-color:white;}

#teoricamuno img{margin-top:10px;position:relative; width:367px;}

#textoteorica {width:377px;}

#videomuno {margin-left:10px; width:725px;}

#textovideo {width: 230px; float:left; position:relative; background-color:#f90; height:360px;}
#textovideoturquesa {width: 230px; float:left; position:relative; background-color:#72d0f6; height:360px;}
#textovideovioleta {width: 230px; float:left; position:relative; background-color:#7e52a1; height:360px;}



h3.subtitulovideo {font-size: 1rem; color: white; font-family: 'Archivo Narrow', sans-serif; font-style: bold; text-decoration: none; padding:10px;}

.subtit {font-size: 1.2rem; font-weight: bold; line-height:inherit; padding-left:10px;}

#contenidoentrega {background-color:white; font-size:12px;}
#contenidoentrega ul {list-style-type:none;}
h5.condiciones {color:#f90; margin-left:15px; font-size:16px;}

p.pieentrega{ font-weight:500; text-align:center; color:#f90;}
















/*MARTU*/

/* AGENDA */

#slider 

#agenda {width: 960px;
		height:480px;
		
		 }
		
		#eventos {  
			
			background-color:#CCC;
			
			
			
}
	




#eventosant {
		
		
		background-color:#CCC;
		padding-left: 20px;
	}
	
#eventosprox {
		background-color:#999;
		padding-left: 20px;
		}
	
	#meses { background-color:#999;
	padding-left: 20px;
	height:130px;
	}

.textoagenda {
	font-size:16px;
	font-family:'Archivo Narrow', sans-serif;
width: 640px;
position:relative;
padding:10px;
text-decoration:none;
}

.textoagenda a { text-decoration:none;
color: #FFF;
}

.proxm {
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 20px;
	position:relative;
	padding-left: 30px;
	
}


.tituloevento {
	font-family:'Archivo Narrow', sans-serif;
	font-size: 24px;
}

.subti {
	font-family:'Archivo Narrow', sans-serif;
	font-size: 18px;
}

#fecha { width: 950px;
height: 200px;
position:relative;
margin-left: 10px;
}
	

.agenda { width: 960px;
height: 1200px;
float: left;
position:relative;
}





#imagenagenda {float:left;
width:150px;
height:150px;
position:relative;
}

#taller { float:left;
position:relative
height: 300px;
margin-left: 10px;
margin-bottom: 10px;
}

.titulotaller { font-size:24px;
}

.textotaller {
	padding-left: 10px;
margin-left: 10px;
position:relative;
}

/* GALERIA DE FOTOS */

#slider { 

background-color: white;

width:960 px;

}


#slider2 {
	
	background-color: white;
	
	width: 960px;
	margin-top:30px;
	

	
	 }
	
	#slider3{
		
		
		background-color: white;
	
		width:960px;
		margin-top:30px;
 }
		
	
			
	
/*galeria morfo uno */

#galeriam { margin-left: 20px;

}


.tit { font-size:20px;
font-family:'Archivo Narrow', sans-serif;
}

#tp { width: 800px;
height:400px;
position: relative;}

#division{ padding-top:5px;}

#im1{float:left;
}

#cuadro1{ margin-top:20px;
}


#im2{float:left;
margin-left:22px;}


#cuadro2{ margin-top:20px;
}


#im3{float:left;
margin-left:22px;}


#cuadro3{ margin-top:20px;
}


#im4{float:left;
margin-left:22px;}

#cuadro4{ margin-top:20px;
}



#im5{float:left;
;}

#cuadro5{ margin-top:20px;
}



#im6{float:left;
margin-left:22px;}


#cuadro6{ margin-top:20px;
}


#im7{float:left;
margin-left:22px;}


#cuadro7{ margin-top:20px;
}


#im8{float:left;
margin-left:22px;}

#cuadro8{ margin-top:20px;
}


	
	
	
	
	
	
	
		



/* videos */

.videodeldia{
	position:relative;
	float:left;
	width:670px;
	padding:5px;
	border-style: none;
	border-color:#000;
	border-width:thin;
}

.titulovideo{
	font-size:20px;
	font-family: 'Archivo Narrow', sans-serif;
	color:#000;
	margin-top:0;
	margin-bottom:10px;	
	border-bottom:solid;
}

#video { margin left: 5px;
float:left;
position:relative; }

iframe  { margin-right: 15px;
margin-left: 55px }




.tituloseccion {
	font-size:36px;
	font-family:'Archivo Narrow', sans-serif;
	color: #000;
}


.titulosec {
	font-size:20px;
	font-family: 'Archivo Narrow', sans-serif;
	color: #000; }
	


.anteriores {
	font-size: 18px;
	font-family:'Archivo Narrow', sans-serif;
	color: #333; }
	




/* DOCENTES */

#docentes {
		width: 960px;
		height:1000px;
		position:relative;
		right:25px;
	
	}

#lista{ width:960px; 
margin: 10px 0px 0px 0px;

		
}

#docente {width: 200px;
		height: 330px;
	float: left;

	
		margin: 0px 0px 0px 40px;

}

#imagen {margin: inherit;

}

#ver { width: 150px;
		height: 30px;
		background: #CCC;
		margin: inherit;
		position:relative;
		float:left;
		
}
#nombredocente {
		font-family: 'Archivo Narrow', sans-serif;
		font-size: 19px;
		text-align: center; 
		color: #000;
}
 
#verjtp { width: 150px;
		height: 30px;
		background: #000;
		margin: inherit;
		float: left;
		position:relative;
		
}
 #nombrejtp {
		font-family: 'Archivo Narrow', sans-serif;
		font-size: 19px;
		text-align: center; 
		color: #FFF;

	
}
 
#textodocente {
	font-family: 'Archivo Narrow', sans-serif;
			font-size: 13px;
			width: 150px;
		
			margin-left: 30px; 
			margin-top: 30px;
		

}

#verdoc { width: 150px;
		height: 30px;
		background: #FFF;
		margin: inherit;
		float: left;
		position:relative;
	
}

.textoroberto { 
font-family:'Archivo Narrow', sans-serif;
font-size:12px;
margin-left: 10px;
width: 800px;
position:relative;
color:#FFF;
left: 30px;



}

.titulodoc {font-family:'Archivo Narrow', sans-serif;
font-size:24px;
}

.tituloroberto { font-size:18px;
font-family:'Archivo Narrow', sans-serif;
color:#FFF;
margin-left: 10px;
margin-top: 10px;
position:relative;
left: 30px;

}

#roberto { width: 960px;
background-color:#000;
}

#robertodob { position:relative;
float:left;
margin-left: 50px;
margin-top: 10px; 
 
}



/* MAPA SITIO*/


#mapa { 
width: 960px;
		height:700px;
		
}

#listado { 
 width:960px; 
		
			 
			margin-top: 20px;
}


#realizados {
	font-family: 'Archivo Narrow', sans-serif;
	font-size:16px;
	float: left;
	alignment-adjust: center;
	background-color:#666; 
	width: 200px;
		height: 570px;
		float: left;
		margin: 0px 0px 0px 40px;
		position:relative;
		margin-left: 120px;
		padding-left: 10px; 
		padding-top: 10px;
		
}

#realizados ul a {text-decoration:none;
color: white;
}




#secundarios {
		
font-family: 'Archivo Narrow', sans-serif;
	font-size:14px;
	float: left;
	alignment-adjust: center;
	
	
	background-color: #999; 
	width: 200px;
		height: 570px;
		float: left;
		margin: 0px 0px 0px 40px; 
		padding-left: 10px; 
		padding-top: 10px;}
#secundarios ul a { text-decoration: none;
color: black;
}





/* MES JULIO */
#mesjulio {
	width:600px;
	margin-left: 20px;
	margin-right:20px;
	margin-top: 30px;
}

.titulojulio {
	font-family:'Archivo Narrow', sans-serif;
	font-size:28px;
}

.tituloju {
	font-family:'Archivo Narrow', sans-serif;
	font-size:16px;
}

.textojulio { font-family:'Archivo Narrow', sans-serif;
font-size:11px; }


/*slider no tocar*/

img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		width:960px;
		background:#fff;		
		margin-bottom:2em;
		margin-left:40px;
		}	
			
	#content{
		position:relative;
		margin-bottom:10px;
		}			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:446px;
		overflow:hidden;
		position:relative;
		float:left;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:12px;
		right:40px;
		top:180px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:920px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */
tituloevento {
	font-family: "Archivo Narrow", sans-serif;
	font-size: 24px;
	font-style: normal;
	text-decoration: underline;
}