*{
	margin: 0;
	padding: 0;	
	font-family: 'Open Sans', sans-serif;
	color:#001048;
}

body{
	background-image: url("../img/fondo_inicio.jpg");
	background-repeat: repeat-x;   
}
.logodes{
	background:url(../img/logodes.png);
	height:59px;
	width:88px;
	background-repeat:no-repeat;
	background-position:center;
	
	}
.contenedor{
	height: auto;
	min-height: 920px;
	width: 100%;
	min-width:1200px;
	background-image: url(../img/fondo.jpg);
}

.logo{
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	background-color: #001748;
}

.logo img{ margin-left:10%;}

.barradetitulo{
	width:100%;
	/*display:block;*/
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #ebab1c;
	height: 55px;	

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eebd40+59,926b24+99 */
		background: rgb(238,189,64); /* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover,  rgba(238,189,64,1) 59%, rgba(146,107,36,1) 99%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(59%,rgba(238,189,64,1)), color-stop(99%,rgba(146,107,36,1))); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover,  rgba(238,189,64,1) 59%,rgba(146,107,36,1) 99%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover,  rgba(238,189,64,1) 59%,rgba(146,107,36,1) 99%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover,  rgba(238,189,64,1) 59%,rgba(146,107,36,1) 99%); /* IE10+ */
		background: radial-gradient(ellipse at center,  rgba(238,189,64,1) 59%,rgba(146,107,36,1) 99%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eebd40', endColorstr='#926b24',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.titulosdeseccion{
	width: 80%;
	display:block;
	margin-left: auto;
	margin-right: auto;
}

.titulosdeseccion h1, h2{font-family: 'Rokkitt', serif; font-weight: 400;}

.titulo{
	display:block;
	float:left;
	margin-right: 20%;
	color:#001748;
	font-size: 1.3em;
}

.migasdepan{
	display:block;
	float:left;
	margin-left: 10%;
	margin-right: 35%;
	padding-top: 10px;
	color:#001748;
	font-family: 'Rokkitt', serif;
	font-weight: 300; 
}

.cerrar{
	display: block;
	float:left;
	padding-top: 10px;
}

/*contenido de la pagina*/

.elementos{
	height: 560px;
	width: 650px;
	margin:auto;
	margin-top: 15px;
	background-color: #fef8de;
	border: solid 2px #695321;
}

.letraverde{
	color:#690;
	}
.letraroja{
	color:#F00;
	}
.letrarosada{
	color:#F0F;
	}
.letraazul{
	color:#00F;
	}
.fondoazul{
	background-color:#00F;
	color:#FFFFFF;
	}
.fondoaa{
	background-color:#fdbd2e;
	color:#FFFFFF;
	}
/*estilos para las hojas de datos personales para docentes, alumnos y personal*/

.foto{
	width: 205px;
	height: 260px;
	border: 6px solid #001748;
	float:left;
}

table{
/*	width: auto;
	/*border-color: #009;*/
	float: left;
	margin-left: 5%;
/*	color: #FF0000;*/
}
table .titulo{
	font-weight:bolder;
	}
.cizquierda{
	border:none;
	font-size: 14px;
	text-align: right;
	padding-right: 20px;
	color:#848895;
}
		
.cderecha{
	border:none;
	font-size: 14px;
	padding-left: 10px;
}

.tablatitulo{
	border:none;
	border-bottom: 1px solid #009;
}
.tablascrool{
	max-height:400px;
	

	
	}
/*css3*/
section{
	position: absolute;
	margin-left:auto;
	margin-right:auto;
    top:300px;
	height:550px;
	width: 1100px;
	overflow:auto;

    left: 0px;
    background: #fef8de;
    right: 0px;
    bottom:0px;
    padding: 20px;
    border: 2px solid #695321;
    /*text-align: justify;*/
	z-index:0;
	}
nav{
	position: absolute;
	margin-left:auto;
	margin-right:auto;
    top:249px;
height:50px;
	width: 1160px;
    left: 0px;
    right: 0px;
    bottom:0px;
    overflow: hidden;
    text-align: justify;
	z-index:5;
}
nav .tabx{
	background: #fdbd2e;
	height:45px;
	width:80px;
	min-width:60px;
	max-width:85px;
	border: 2px solid #695321;
	color:#FFF;
	font-size:11.5px;
	}

nav .tabs{
	background: #fef8de;
    border-left: 2px solid #695321;
    border-right: 2px solid #695321;
    border-top: 2px solid #695321;
    border-bottom: 10px solid #fef8de;
	height:45px;
	width:80px;
	max-width:80px;
	color:#FFF;
	font-size:12px;
	}
nav .tabx a{
	color:#FFF;
	font-size:12px;
	font-weight:bolder;
	text-decoration:none;
height:45px;
	width:80px;
max-width:80px;
	}
nav .tabx a:hover{
	color:#FFF;
	font-size:12px;
	font-weight:bolder;
	text-decoration:none;
	}
nav .tabx a:visited{
	color:#FFF;
	font-size:12px;
	font-weight:bolder;
	text-decoration:none;
	}
/*aaa*/
#nav,#nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav {
		position: absolute;
	margin-left:auto;
	margin-right:auto;
  /*  top:249px;
height:50px;
	width: 1160px;
    left: 0px;
    right: 0px;
    bottom:0px;
    overflow: hidden;
    text-align: justify;
	z-index:5;
	*/
	top:42px;
    background: #fdbd2e no-repeat scroll 0 0 transparent;
    clear: both;
    font-size: 12px;
    height: 50px;
    padding: 0 0 0 9px;
    position: relative;
    width: 957px;
}

#nav ul {
    background-color: #fdbd2e;
    border:1px solid #222;
    border-radius: 0 5px 5px 5px;
    border-width: 0 1px 1px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    left: -9999px;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    z-index: 2;

    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);

    /*-moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear;*/
}
#nav li {
    border-left: 2px solid #695321;
    border-right: 2px solid #695321;
    border-top: 2px solid #695321;
    border-bottom: 2px solid #695321;
    background: #fef8de no-repeat scroll right 1px transparent;
    float: left;
    position: relative;
}
#nav li a {
    color: #FFFFFF;
    display: block;
    float: left;
    font-weight: normal;
    height: 30px;
    padding: 23px 20px 0;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;
	border-left: 2px solid #695321;
    border-right: 2px solid #695321;
    border-top: 2px solid #695321;
    border-bottom: 2px solid #695321;
	background: #fdbd2e;

}
#nav li:hover > a {
    color: #00B4FF;
}
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {
    background: none repeat scroll 0 0 #121212;
    outline: 0 none;
}
#nav li:hover ul.subs {
    left: 0;
    top: 53px;
    width: 180px;

    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transfo