@charset "utf-8";
@font-face{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src:local('Open Sans'), local('Open Sans'), url(../font/font.woff2) format('woff2');
	uncode-range:U+0000-00FF, U-+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body
{
	margin: 0;
	padding: 0;
	background-image:url(../img/iconos/bg04.png);
}
img.ind
{
	position: absolute;
	width: 100%;
	height: 100%;
}
a
{
	text-decoration: none;
	color: #000;
}
a img
{
	border:none;
}
span
{	
	color: #5B0001;
}
/*---------nav * -------*/
nav
{
	position: fixed;
	z-index: 200;
	width: 100%;
	height: 50px;
	top: 0px;
	left: 0px;
	background-color: #fff;
	
}
nav section#nav
{
	
	width: 50px;
	height: 48px;
	margin: 0px;
	background-color:#F8F8F8;
	border:1px solid #d3d3d3;
	border-radius: 5px; 
	background-image: url(../img/iconos/click1.png);
	background-repeat: no-repeat;
	background-size: 35px 35px;
	background-position: 5px 5px;
	transition:.5s;
}
nav section#nav:hover
{
	width: 100%;
	background-image: none;
}
nav section#nav > ul
{
	width: 100%;
	height: 44px;
	margin: 2px 0px;
	padding: 0px 0px;
	opacity: 0;
	transition:.5s;
	display: none;
}
nav:hover section#nav > ul
{
	opacity: 1;
	display: block;
}
nav section#nav ul li
{
	width: 100%;
	padding:0px 5px 0px 30px;
	margin: 0px 3px 0px 3px;
	float: left;
	list-style: none;
	height: 44px;
	font-family: 'Open Sans';
	font-size: 10px;
	font-weight: normal;
	color: #3d3d3d;
	transition:.5s;
	cursor: pointer;
	background-color: #fff;
}

nav section#nav ul li.otrosbotoncitos
{
	background-image: url(../img/iconos/link1.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 1px 12px;
	transition:.5s;
}
nav section#nav ul li.otrosbotoncitos:hover
{
	background-image: url(../img/iconos/link2.png);
}


nav section#nav ul li.inicio
{
	background-image: url(../img/iconos/inicio.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 1px 11px;
	transition:.5s;
}
nav section#nav ul li.inicio:hover
{
	background-image: url(../img/iconos/inicio2.png);
}



nav section#nav ul li.instituto
{
	background-image: url(../img/iconos/instituto.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 1px 11px;
	transition:.5s;
}
nav section#nav ul li.instituto:hover
{
	background-image: url(../img/iconos/instituto2.png);
}





nav section#nav ul li.oferta
{
	background-image: url(../img/iconos/oferta.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 1px 13px;
	transition:.5s;
}
nav section#nav ul li.oferta:hover
{
	background-image: url(../img/iconos/oferta2.png);
}





nav section#nav ul li.servicios
{
	background-image: url(../img/iconos/servicios.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 1px 13px;
	transition:.5s;
}
nav section#nav ul li.servicios:hover
{
	background-image: url(../img/iconos/servicios2.png);
}





nav section#nav ul li.proceso
{
	background-image: url(../img/iconos/proceso.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 1px 13px;
	transition:.5s;
}
nav section#nav ul li.proceso:hover
{
	background-image: url(../img/iconos/proceso2.png);
}




nav section#nav ul li.sitio
{
	background-image: url(../img/iconos/sitio.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 1px 13px;
	transition:.5s;
}
nav section#nav ul li.sitio:hover
{
	background-image: url(../img/iconos/sitio2.png);
}




nav section#nav ul li.zona
{
	background-image: url(../img/iconos/zona.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 1px 13px;
	transition:.5s;
}
nav section#nav ul li.zona:hover
{
	background-image: url(../img/iconos/zona2.png);
}




nav section#nav ul li.entrar
{
	background-image: url(../img/iconos/entrar.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 1px 13px;
	transition:.5s;
}
nav section#nav ul li.entrar:hover
{
	background-image: url(../img/iconos/entrar2.png);
}



nav section#nav ul li.perfil
{
	background-image: url(../img/iconos/perfil.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 1px 13px;
	transition:.5s;
}
nav section#nav ul li.perfil:hover
{
	background-image: url(../img/iconos/perfil2.png);
}


nav section#nav ul li.carrera
{
	background-image: url(../img/iconos/carrera.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 1px 13px;
	transition:.5s;
}
nav section#nav ul li.carrera:hover
{
	background-image: url(../img/iconos/carrera2.png);
}




nav section#nav ul li p
{
	margin-left:7px;
	text-align: left;
	padding: 2px 0px;
	transition:.5s;
}

nav section#nav ul li:hover p
{
	color: #E3687F;
}




nav section#nav ul ul
{
	visibility: hidden; 
	position: absolute;
	padding:0px !important;
	margin: 0px !important;
	opacity: 0;
	transition:opacity .9s;
}
nav section#nav ul li:hover ul
{
	visibility: visible;
	width:180px;
	margin: 0px;
	opacity: 1;
}

nav section#nav ul li ul li
{
	padding: 5px 10px !important;
	margin: 0px !important;
	list-style: none;
	width: 100%;
	background: #fff;
	transition:background-color .3s;
	height: 30px;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
}



nav section#nav ul li ul li:hover
{
	color: #E3687F;
	background: #F8F8F8;
}


nav section#nav ul li ul li.fotinsli
{
	height: 170px;

}


nav section#nav ul li ul li img
{
	height: 150px;
	width: 170px;
	padding: 10px 5px ;
}


.mover li
{
	position: relative !important;
	left:0px;
}


.fn
{
	border-bottom:1px solid #d3d3d3;
}

.ini
{
	border-top:1px solid #d3d3d3;
}



.general
{
	
	color: rgb(255, 255, 255);
	font-size: 20px;
	padding: 20px;
	text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: rgb(142, 142, 142);
	background: -moz-linear-gradient(90deg, rgb(142, 142, 142) 30%, rgb(121, 127, 112) 70%);
	background: -webkit-linear-gradient(90deg, rgb(142, 142, 142) 30%, rgb(121, 127, 112) 70%);
	background: -o-linear-gradient(90deg, rgb(142, 142, 142) 30%, rgb(121, 127, 112) 70%);
	background: -ms-linear-gradient(90deg, rgb(142, 142, 142) 30%, rgb(121, 127, 112) 70%);
	background: linear-gradient(0deg, rgb(142, 142, 142) 30%, rgb(121, 127, 112) 70%);
	-webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 2px 1px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 2px 1px rgba(0, 0, 0, 0.75);
}
.general1
{
	padding: 10px 10px 10px 25px;
	background: #fff;
	border:none;
	color: #6B615D;
	background-image: url(../img/iconos/borrar1.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 2px 7px;
	transition:.5s;
	cursor: pointer;
}
.general1:hover
{
	background-image: url(../img/iconos/borrar2.png);
	color: #E36980;
}

/*------------HEADER----------------*/
section#navfalso
{
	margin: 0 auto;
	width: 100%;
	height: 50px;
}

header
{
	
	max-width: 480px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	height: 80px;
	background-color:#fff;
} 
header img
{
	height: 70px;
	width: 100%;
	margin: 5px 0px;
	float: left;
}

/*-------------FOOTER-----------------*/
footer
{
	
	max-width: 480px;
	height: 270px;
	margin: 0 auto;
	background-color: #fff;
	clear: both;
	z-index: 2;
	position:relative;
	bottom: 0px;
}
footer article
{
	width: 90%;
	margin: 0px 5%;
	height: 100px;
}
footer article img
{
	width: 30%;
	height:100px;
	margin: 0px 35%;
}
footer section.redes
{
	width: 100%;
	background-color: #F8F8F8;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	height: 50px;
}
footer section.redes img
{
	width: 40px;
	height: 40px;
	float: left;
	margin: 5px;
}
footer section.redes p
{
	float: left;
	font-family: 'Open Sans';
	font-size: 18px;
	margin: 0px;
	padding: 10px 30px 10px 5px;
}
footer section#footer2
{
	width: 90%;
	height: 100px;
	margin: 0 auto;
	clear: both;
	color: #fff;
}
footer section#footer2 p
{
	padding: 5px;
	font-family: 'Open Sans';
	font-size: 12px;
	text-align: center;
	color: #3d3d3d;
}
/*-------SLIDER -----*/
section#sliderfull
{
	margin: 0px auto;
	height:180px;
	background-color: red;
	max-width: 480px;
}
section#sliderfull .modi
{
	position: absolute;
	z-index: 100;
	font-size: 17px;
	margin: 0;
	padding: 10px 20px 10px 40px;
	outline: none;
	border: none;
	background: #A5273F;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
}

#wowslider-container1 { 
	zoom: 1; 
	position: relative; 
	width:100%;
	margin:0px auto;
	z-index:90;
	border:none;
	text-align:left; /* reset align=center */
	font-size: 10px;
}
* html #wowslider-container1{ width:90%; height: 180px;}
#wowslider-container1 .ws_images ul{
	position:relative;
	width: 10000%; 
	height:auto;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	width:1%;
	line-height:0; /*opera*/
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	position: relative;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#wowslider-container1 .ws_images a{
	width:100%;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
	height: 50px;
}
#wowslider-container1 .ws_images img{
	width:100%;
	height: 180px;
	border:none 0;
	max-width: none;
	padding:0;
	margin:0;
}
#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1  .ws_bullets { 
	font-size: 0px; 
	float: left;
	position:absolute;
	z-index:70;
	display: none;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
}
#wowslider-container1  .wsl{
	display:none;
}
#wowslider-container1 sound, 
#wowslider-container1 object{
	position:absolute;
}

#wowslider-container1 .ws_photoItem {
	border: 2em solid #fff;
	margin-left: -2em;
	margin-top: -2em;
}


#wowslider-container1 {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container1.grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}
#wowslider-container1  .ws_bullets { 
	padding: 10px; 
}
#wowslider-container1 .ws_bullets a { 
	margin-left: 5px; 
	height: 10px; 
	width: 10px; 
	float: left; 
	border: 1px solid #d6d6d6; 
	color: #d6d6d6; 
	text-indent: -4000px; 
	background-image:url("data:image/gif;base64,");
	position:relative;
	color:transparent;
}
#wowslider-container1 .ws_selbull { 
	background-color: #d6d6d6; 
	color: #FFFFFF; 
}

#wowslider-container1 .ws_bullets a:hover, #wowslider-container1 .ws_overbull { 
	background-color: #d6d6d6;
	color: #FFFFFF; 
}

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	background-size: 200%;
	position:absolute;
	display:none;
	top:50%;
	margin-top:-1.6em;
	z-index:60;
	height: 6.7em;
	width: 3.2em;
	background-image: url(../img/iconos/arrows.png);
}
#wowslider-container1 a.ws_next{
	background-position: 0 0; 
	right:-0.7em;
}
#wowslider-container1 a.ws_prev {
	left:-0.7em;
	background-position: 0 100%; 
}
#wowslider-container1 a.ws_next:hover{
	background-position: 100% 0; 
}
#wowslider-container1 a.ws_prev:hover{
	background-position: 100% 100%; 
}

/*playpause*/
#wowslider-container1 .ws_playpause {
	display:none;
    width: 4.4em;
    height: 4.4em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2.2em;
    margin-top: -2.2em;
    z-index: 59;
	background-size: 100% 200%;
}

#wowslider-container1:hover .ws_playpause {
	display:block;
}

#wowslider-container1 .ws_pause {
    background-image: url(../img/iconos/pause.png);
}

#wowslider-container1 .ws_play {
    background-image: url(../img/iconos/play.png);
}

#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 100% 100% !important;
}/* bottom center */
#wowslider-container1  .ws_bullets {
	bottom:0;
	left:50%;
}
#wowslider-container1  .ws_bullets div{
	left:-50%;
}
#wowslider-container1 .ws-title{
	position: absolute;
	bottom:7%;
	left: 0;
	margin-right:0.5em;
	z-index: 50;
	background-color:#FFF;
	color:#1E4553;
	padding:1em;
	font-family: Tahoma,Arial,Helvetica;
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);	
}
#wowslider-container1 .ws-title div{
	padding-top:0.25em;
	font-size: 1.2em;
}
#wowslider-container1 .ws-title span{
	line-height: 1.5em;
	font-size: 1.4em;
}#wowslider-container1 .ws_images ul{
	animation: wsBasic 60s infinite;
	-moz-animation: wsBasic 60s infinite;
	-webkit-animation: wsBasic 60s infinite;
}
@keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 20%{left:-100%} 36.67%{left:-100%} 40%{left:-200%} 56.67%{left:-200%} 60%{left:-300%} 76.67%{left:-300%} 80%{left:-400%} 96.67%{left:-400%} }
@-moz-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 20%{left:-100%} 36.67%{left:-100%} 40%{left:-200%} 56.67%{left:-200%} 60%{left:-300%} 76.67%{left:-300%} 80%{left:-400%} 96.67%{left:-400%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 20%{left:-100%} 36.67%{left:-100%} 40%{left:-200%} 56.67%{left:-200%} 60%{left:-300%} 76.67%{left:-300%} 80%{left:-400%} 96.67%{left:-400%} }

#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	bottom:12px;
	left:-64px;
	visibility:hidden;
	position:absolute;
    border: 2px solid #B8C4CF;
	max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:48px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:128px;
	background-color:#B8C4CF;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	bottom:25px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border: 2px solid #B8C4CF;
}
#wowslider-container1 .ws_bulframe span{
	position:absolute;
}

/*------------SALUDO-------------*/
section#saludo
{
	
	max-width: 480px;
	padding: 10px 0px;
	margin: 0 auto;
	background-color: #fff;
}
section#saludo h2
{
	text-align: center;
	border-bottom: 3px solid #D3D3D3;
	font-family: 'Open Sans';
	font-size: 70px;
	width: 98%;
	margin: 10px 1%;
	padding: 10px 0px;
	clear: both ;
	color: #A7D600;
}
section#saludo img
{
	width: 50%;
	margin: 0px 25%;
	float: left;
	display: none;
}
section#saludo h3
{
	text-align: center;
	font-family: 'Open Sans';
	font-size: 20px;
	width: 98%;
	color: #4d4d4d;
	float: left;
	margin: 10px 1%;
}
section#saludo h4
{
	text-align: justify;
	margin:10px 2%;
	padding: 5px 0px;
	font-family: 'Open Sans';
	font-size: 13px;
	color: #777777;
	font-weight: normal;
	width: 96%;
	float: left;
}

section#saludo article
{
	width: 18%;
	height: 250px;
	float: left;
	margin: 20px 1%;
	background-color: #fff;
}
section#saludo article img
{
	width: 90%;
	height: 110px;
	margin: 5px 5%;
	transition:.5s;
}
section#saludo article:hover img
{
	width: 100%;
	height: 120px;
	margin: 0;
}
section#saludo article h2
{
	font-size: 15px;
	width: 100%;
	border: 0;
	margin: 0;
	font-family: 'Open Sans';
	font-weight: normal;
	color: #6F0003;
}
section#saludo article h3
{
	font-size: 12px;
	width: 100%;
	border:0;
	margin: 0;
	font-family: 'Open Sans';
	font-weight: normal;
}
/*---------RETI-------------------------------------------------*/
section#reti
{
	
	max-width: 480px;
	padding: 50px 0px;
	margin: 0 auto;	
	background-color: #A5273F;
	transition:.5s;
}
section#reti h2
{
	margin: 10px 5%;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 35px;
	color: #fff;
	width: 90%;
	border-radius: 10px;
}
section#reti h3
{
	margin: 10px 5%;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 15px;
	color: #fff;
}

/*NOTIS ---------------------------------------------------------*/
section#notis
{
	
	max-width: 480px;
	padding: 10px 0px;
	background-color: #fff;
	margin: 0 auto;
	border-top: 1px solid #d3d3d3;
}

section#notis input.creanoti,
section#avis input.creanoti
{
	background: none;
	padding: 10px 10px 10px 35px;
	font-family: 'Open Sans';
	border:1px solid #d3d3d3;
	border-radius: 5px;
	background-image: url(../img/iconos/confi1.png);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	color: #3d3d3d;
	cursor: pointer;
	transition:.5s;
	margin: 5px 10px;
	outline: none;
}
section#notis input.creanoti:hover,
section#avis input.creanoti:hover
{
	color: #D77083;
	background-image: url(../img/iconos/confi2.png);
}

section#notis table.notiform input.creando,
section#avis table.notiform input.creando
{
	padding: 10px 10px 10px 35px;
	border:1px solid #d3d3d3;
	border-radius: 5px;
	margin: 10px;
	color: #3d3d3d;
	background: #fff;
	background-image: url(../img/iconos/crea1.png);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: 5px 5px;
	transition:.5s;
	cursor: pointer;
}
section#notis table.notiform input.creando:hover,
section#avis table.notiform input.creando:hover
{
	background-image: url(../img/iconos/crea2.png);
	color: #E56980;
}

section#notis table.notiform,
section#avis table.notiform
{
	margin: 10px;
}
section#notis table.notiform td h3,
section#avis table.notiform td h3
{
	font-family: 'Open Sans';
	text-align: center;
}
section#notis table.notiform td.td111,
section#avis table.notiform td.td111
{
	border:1px dashed #d3d3d3;
	font-family: 'Open Sans';
	padding: 5px;
	font-size: 12px;
}
section#notis table.notiform td.td112,
section#avis table.notiform td.td112
{
	border:1px dashed #d3d3d3;
	font-family: 'Open Sans';
	padding: 5px;
	font-size: 12px;
}
section#notis table.notiform td.td112 textarea,
section#avis table.notiform td.td112 textarea
{
	resize:none;
	width: 98%;
	margin: 0px 1%;
	border:1px solid #d3d3d3;
	outline: none;
}
section#notis table.notiform td.td112 select,
section#avis table.notiform td.td112 select
{
	width: 200px;
	padding: 5px;
	font-family: 'Open Sans';
	font-size: 14px;
	outline: none;
}
section#notis table.notiform td.td112 input,
section#avis table.notiform td.td112 input
{
	width: 300px;
	outline: none;
}

section#notis h2
{
	clear: both;
	margin: 5px;
	text-align: right;
	font-family: 'Open Sans';
}
section#notis h2.titunotis,
section#avis h2.avish2
{
	text-align: left !important; 
	background: #F8F8F8;
	padding: 0px 10px 0px 50px;
	border-radius: 5px;
	color: #707070;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	font-weight: normal;
}


section#notis h2.enlaces,
section#avis h2.enlaces
{	
	margin: 0px;
	padding: 5px 5px 5px 45px;
	font-weight: normal;
	text-align: left;
	background: #fff;
	font-size: 13px;
	color: #4D4D4D;
	background-image: url(../img/iconos/ver1.png);
	background-repeat: no-repeat;
	background-size:25px 25px;
	background-position: 13px 2px;
	transition:.5s;
}
section#notis h2.enlaces:hover,
section#avis h2.enlaces:hover
{	
	background-image: url(../img/iconos/ver2.png);
	color: #E3687F;
}

section#notis section#table,
section#avis section#table
{
	clear: both;
	width: 100%;
	background-color: #F8F8F8;
	height: 40px;
	border: 1px solid #d3d3d3;
	border-radius: 5px;
}
section#notis section#table select,
section#avis section#table select
{
	float: left;
	height: 30px;
	margin: 5px;
	padding: 0px 15px;
	border:1px solid #d3d3d3;
	color: #6D6D6D;
	font-size: 'Open Sans';
}

section#notis section#table input,
section#avis section#table input
{
	float: left;
	height: 30px;
	margin: 5px;
	padding: 0px 10px 0px 30px;
	border: 1px solid #d3d3d3;
	background: #FFF;
	color: #6D6D6D !important;
	background-image: url(../img/iconos/ver1.png) !important;
	background-repeat: no-repeat !important;
	background-position: 6px 4px;
	background-size: 20px 20px;
	cursor: pointer;
	transition:.5s;
	border-radius: 5px;
}
section#notis section#table input:hover,
section#avis section#table input:hover
{
	background-image: url(../img/iconos/ver2.png) !important;
	color: #E57086 !important;
}
section#notis article
{
	float: left;
	width: 96%;
	margin: 10px 2%;
	height: 300px;
	box-shadow: 0px 0px 10px 0px #d3d3d3;
	transition:.5s;
}

section#notis article input,
section#avis article input
{
	padding: 5px 5px 5px 35px;
	border:1px solid #d3d3d3;
	background:none;
	border-radius: 5px;
	margin: 5px 0px 0px 5px;
	color: #3d3d3d;
	cursor: pointer;
}

section#notis article input.edit,
section#avis article input.edit
{
	background-image: url(../img/iconos/edit1.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 5px 2px;
}
section#notis article input.delete,
section#avis article input.delete
{
	background-image: url(../img/iconos/borrar1.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 5px 2px;
}

section#notis article:hover
{
	background-color: #ffe7a0;
}
section#notis article img
{
	width: 90%;
	height: 110px;
	margin: 10px 5%;
	transition:.3s;
}
section#notis article h2
{
	text-align: right;
	margin: 0px 10px ;
	padding: 5px 0px;
	font-family: 'Open Sans';
	font-size: 11px;
	color: #4d4d4d;
}
section#notis article h3
{
	margin: 0px 10px ;
	padding: 5px 0px;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 11px;
	color: #6F0003;
}
section#notis article h4
{
	margin: 0px 10px;
	padding: 3px 0px;
	text-align: justify;
	font-family: 'Open Sans';
	font-size: 10px;
	color: #4d4d4d;
	  text-overflow:ellipsis;
	  overflow:hidden; 
}
section#notis article h5
{
	margin: 0px 10px;
	padding: 3px 0px;
	text-align: left;
	font-family: 'Open Sans';
	font-size: 10px;	
	color: #6F0003;
	border-top: 1px solid #d3d3d3;
}

/*------------------NOTICIAI--------------------------*/
section#noticiai
{
	
	max-width: 480px;
	padding: 10px 0px;
	margin: 0 auto;
	background-color: #fff;
}
section#noticiai h2
{
	clear: both;
}
section#noticiai h4
{
	clear: both;
	font-family: 'Open Sans';
	margin: 0px;
	padding: 0px;
	text-align: center;
}
section#noticiai article
{
	width: 98%;
	margin: 0px 1% 10px 1%;
	padding: 10px 0px;
	float: left;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px #d3d3d3;
}
section#noticiai article section#slider
{
	width: 92%;
	height: 220px;
	margin: 10px 4%;
	background-color: #fff;
}
section#noticiai article h3
{
	text-align: right;
	font-family: 'Open Sans';
	padding: 10px;
	font-size: 15px;
	color: #69090A;
	margin: 0px 20px;
}
section#noticiai article h4
{
	text-align: left;
	font-family: 'Open Sans';
	color: #69090A;
	margin: 0px 20px;
	font-size: 12px;
	padding: 10px;
}
section#noticiai article h5
{
	text-align: justify;
	font-family: 'Open Sans';
	font-size: 10px;
	padding: 5px;
	margin: 0px 20px;
}
section#noticiai article h6
{
	text-align: right;
	font-family: 'Open Sans';
	font-size: 12px;
	margin: 0px 20px;
	color: #69090A;
	padding: 10px;
}
section#noticiai aside
{
	float: left;
	height: 800px;
	width: 23%;
	margin: 0px 1%;
	padding: 0px 0px;
	background-color: #fff;
	display: none;
}
section#noticiai aside article
{
	width:92%;
	margin: 0px 4% 10px 4%;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px #d3d3d3;
}
section#noticiai aside article h2
{
	margin: 0;
	padding: 5px;
	font-family: 'Open Sans';
	font-size: 10px;
}
section#noticiai aside article img
{
	width:92%;
	height: 100px;
	margin: 2px 4%;
}
section#noticiai aside article h3
{
	font-size: 13px;
	margin: 0px;
	padding: 5px;
	font-family: 'Open Sans';
	text-transform: uppercase;
}
section#noticiai aside article h4
{
	font-size: 10px;
	text-align: justify;
	padding: 5px;
	font-family: 'Open Sans';
	margin: 0px;
	color: #5E5E5E;
}
section#noticiai aside article h5
{
	font-size: 10px;
	padding: 2px;
	font-family: 'Open Sans';
	clear: both;
}


/*--------------------AVISOS--------------------------------*/
section#avis
{
	
	max-width: 480px;
	padding: 10px 0px;
	background-color:#fff;
	margin: 0 auto;
	border-top: 1px solid #d3d3d3;
}
section#avis h2
{
	text-align: right;
	margin: 0px 10px;
	padding: 10px 0px;
	font-family: 'Open Sans';
	clear: both;
}
section#avis article
{
	width: 80%;
	height: 180px;
	margin: 10px 10%;
	float: left;
	box-shadow: 0px 0px 10px 0px #d3d3d3;
	border-radius: 0px 0px 10px 10px;
	transition:.5s;
}
section#avis article:hover
{
	background-color: #ffe7a0;
}
section#avis article h2
{
	margin: 0px 5px;
	padding: 2px;
	text-align: right;
	border-bottom: 1px solid lightblue;
	font-family: 'Open Sans';
	font-weight: normal;
	font-size: 12px;
	color: #6F0003;
}
section#avis article h3
{
	margin: 0px 5px;
	padding: 2px;
	text-align: justify;
	border-bottom: 1px solid lightblue;
	font-family: 'Open Sans';
	font-weight: normal;
	font-size: 12px;
  text-overflow:ellipsis;
  overflow:hidden; 
}
section#avis article h4
{
	margin: 0px 5px;
	padding: 2px;
	text-align: left;
	border-bottom: 1px solid lightblue;
	font-family: 'Open Sans';
	font-weight: normal;
	font-size: 12px;
	color: #6F0003;
}
/*---------------AVISOS-------------------------------------*/
section#avisos
{
	
	max-width: 480px;
	padding: 50px 0px;
	margin: 0 auto;
	background-color: #fff;
}
section#avisos h2
{
	clear: both;
	text-align: center;
	font-family: 'Open Sans';
}
section#avisos article
{
	widows: 80%;
	padding: 20px 0px;
	margin: 20px 10%;
	background-color: #fff;
	border-radius:0px 0px 30px 30px;
	border:1px solid lightblue;
	box-shadow: 0px 0px 10px 0px #d3d3d3;
}
section#avisos article h2
{
	border-bottom: 1px solid lightblue;
	text-align: right;
	font-family: 'Open Sans';
	padding: 10px;
	color: #69090A;
}
section#avisos article h3
{
	border-bottom: 1px solid lightblue;
	font-family: 'Open Sans';
	padding: 10px;
}
section#avisos article h4
{
	border-bottom: 1px solid lightblue;
	font-family: 'Open Sans';
	padding: 10px;
	color:#69090A;
}
/*------------CALENDARIO DE ACTIVIDADES------------------*/
section#cales
{
	
	max-width: 480px;
	padding: 10px 0px;
	background-color:#fff;
	margin: 0 auto;
	border-top: 1px solid #d3d3d3;
}
section#cales h2
{
	margin:0px;
	width: 100%;
	padding: 10px 0px;
	font-family: 'Open Sans';
	clear: both;
	text-align: right;
	color: #fff;
}
section#cales article
{
	width: 98%;
	height: 400px;
	background-color: #fff;
	margin: 5px 1% !important;
}
section#cales article table
{
	width: 100%;
	font-family: 'Open Sans';
}
section#cales article table .td1
{
	border-radius: 5px;
	background: #d3d3d3;
	color: #000;
	text-align: center;
	padding: 10px 0px;
}
section#cales article table .td2
{
	border-radius: 5px;
	border:1px solid #d3d3d3;
	text-align: center;
	padding: 10px 0px;
}
section#cales article table .td3
{
	border-radius: 5px;
	border:1px solid #f93e3e;
	text-align: center;
	padding: 10px 0px;
	transition:.5s;
}
section#cales article table .td3:hover
{
	background: #F2AD1D;
}
section#cales aside
{
	width: 98%;
	height: 400px;
	background-color: #fff;
	margin: 1px 1%;
}
section#cales aside table
{
	width: 100%;
	font-family: 'Open Sans';
}
section#cales aside table .td1
{
	border-radius: 5px;
	background: #d3d3d3;
	text-align: center;
	padding:10px 0px;
}
section#cales aside table .td3
{
	text-align: center;
	padding: 10px 10px;
	border:1px solid #d3d3d3;
	border-radius: 5px;
}
section#cales aside table .td4
{
	text-align: justify;
	border-radius: 5px;
	padding: 10px 10px;
	border:1px solid #d3d3d3;
}


/*------CITAX----------------------------------*/
section#citax
{
	
	max-width: 480px;
	padding: 10px 0px;
	margin: 0 auto;
	border-bottom:  1px solid #d3d3d3;
	background-color: #fff;
	height: 250px;
	clear: both;
}
section#citax h2
{
	clear: both;
	margin: 0;
	color: #A7D600;
}
section#citax img
{
	width: 90%;
	height: 230px;
	margin: 10px 5%;
	float: left;
}
section#citax aside
{
	width: 96%;
	height: 250px;
	margin: 10px 2%;
	float: left;
}
section#citax aside h2
{
	margin: 0px 40px;
	padding: 10px 0px;
	text-align: left;
	font-family: 'Open Sans';
	font-size: 15px;
	color: #5d5d5d;
}
section#citax aside h3
{
	font-family: 'Open Sans';
	text-align: left;
	font-size: 18px;
	margin: 0px 40px;
	font-weight: normal;
	color: #5d5d5d;
}
section#citax aside button
{
	margin: 10px 40px;
	height: 40px;
	width: 160px;
	font-family: 'Open Sans';
	font-size: 22px;
	color: #868686;
	background-color: #F8F8F8;
	transition:.5s;
	border-radius: 3px;
	border: 1px solid #D3D3D3;
	text-align: left;
	padding-left: 40px;
	background-image: url(../img/iconos/plaza1.png);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: 5px 7px;
	cursor: pointer;
}
section#citax aside button:hover
{
	background-image: url(../img/iconos/plaza2.png);
	color: #E76A81;
}




/*-----------------------CITA JEFE-----------------------*/
section#citajefa
{
	margin: 0 auto;
	background-color:#fff;
	padding: 5px 0px;
	
	max-width: 480px;
}
section#citajefa h2
{
	clear: both;
	font-family: 'Open Sans';
	margin: 10px 1% 10px 1%;
	padding: 10px 0px;
	text-align: center;
	font-size: 15px;
	background-color: #F8F8F8;
	border: 1px solid #D3D3D3;
	color:#5E5E5E;
}
section#citajefa select
{
	margin: 10px 1%;
	padding: 5px;
	outline: none;
	font-size: 14px;
	border:1px solid #D3D3D3;
}
section#citajefa input.subage
{
	cursor: pointer;
	color: #3d3d3d;
	font-size: 14px;
	padding:8px 10px 8px 35px;
	outline: none;
	border: none;
	background-color: #F8F8F8;
	border:1px solid #D3D3D3;
	background-image: url(../img/iconos/plaza1.png);
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: 5px 5px;
	transition:.5s;
}
section#citajefa input.subage:hover
{
	background-image: url(../img/iconos/plaza2.png);
	color: #E3687F;
}
section#citajefa input[type="date"]
{
	margin: 0px 1%;
	padding:5px;
	border: 1px solid #D3D3D3;
	outline: none;
}


section#citajefa aside
{
	width: 58%;
	height: 400px;
	background-color: red;
	float: right;
	margin: 0px 1%;
}
section#citajefa article
{
	width: 96%;
	margin: 10px 1%;
	height: 50px;
	background-color: #F8F8F8;
	float: left;
	border-radius: 4px;
	border:1px solid #d3d3d3;
	transition:.5s;
}
section#citajefa article label
{
	padding-top: 5px;
	margin: 5px 5px;
	float: left;
	font-size: 10px; 
	font-family: 'Open Sans';
	color: #6B6B6B;
}
section#citajefa article label a 
{
	color: #E2677E !important;
	text-transform: uppercase;
	float: left;
}
section#citajefa article .img
{
	width: 20px;
	height: 20px;
	float: left;
	margin:5px;
	background-image: url(../img/iconos/correcto1.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 5px 5px;
	outline: none;
	border: none;
	transtion:.5s;
}
section#citajefa article:hover .img
{
	background-image: url(../img/iconos/correcto2.png);
}




/*------------------ foro ----------------------------*/
section#foris
{
	
	max-width: 480px;
	padding: 10px 0px;
	background-color: #fff;
	margin: 0 auto;
	border-top: 1px solid #d3d3d3;
}
section#foris h2
{
	clear: both;
	font-family: 'Open Sans';
	font-size: 20px;
	margin: 0px 10px;
	padding: 10px 0px;
	color: #5d5d5d;
}

section#foris table.inputema
{
	margin: 0px 1% !important;
	background-color: #F8F8F8 !important;
	border:1px solid #d3d3d3;
	border-radius: 5px;
}

section#foris table.inputema td
{
	padding: 5px;
	font-family: sans-serif;
	color: #5d5d5d;
}

section#foris table.inputema td input.inputitu
{
	border:1px solid #d3d3d3;
	height: 20px;
	outline: none;
}

section#foris table.inputema td input.sisub
{
	padding: 5px 10px 5px 25px;
	background: #fff;
	border:1px solid #d3d3d3;
	color: #5d5d5d;
	background-image: url(../img/iconos/registro.png);
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: 5px 2px;
	cursor: pointer;
	transition:.5s;
}

section#foris table.inputema td input.sisub:hover
{
	background-image: url(../img/iconos/registro2.png);
	color: #E3687F;
}


section#foris article
{
	width: 98%;
	height: 500px;
	float: left;
	margin: 10px 1%;
}
section#foris article section#fechix
{
	width: 25%;
	background-color: #fff;
	height: 150px;
	float: left;
	margin: 5px 0px;
}
section#foris article section#fechix h4
{
	margin: 0px 10px;
	text-align: center;
	clear: both;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e) );
	background:-moz-linear-gradient( center top, #f0c911 5%, #f2ab1e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e');
	height: 40px;
	font-family: 'Open Sans';
	font-size: 25px;
	color: #fff;
	padding-top:10px;
	border-radius: 5px 5px 0px 0px;
}
section#foris article section#fechix h5
{
	margin: 0px 10px;
	text-align: center;
	clear: both;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2ab1e), color-stop(1, #f0c911) );
	background:-moz-linear-gradient( center top,#f2ab1e  5%, #f0c911 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911');
	height: 20px;
	font-family: 'Open Sans';
	font-size:12px;
	color: #fff;
	border-radius: 0px 0px 5px 5px;

}
section#foris article section#publix
{
	width: 75%;
	float: left;
	height: 150px;
	background-color: #fff;
	margin: 5px 0px;
}
section#foris article section#publix h3
{
	margin: 0px 10px;
	color: #4d4d4d;
	padding: 5px 0px;
	font-family: 'Open Sans';
	font-weight: normal;
	
}
section#foris article section#publix h4
{
	margin: 0px 10px;
	color: #6F0003;
	padding: 5px 0px;
	font-family: 'Open Sans';
	font-weight: normal;
	
}
section#foris article section#publix h5
{
	margin: 0px 10px;
	color: #6d6d6d;
	padding: 5px 0px;	
	font-family: 'Open Sans';
	font-weight: normal;
}



section#foris .manches
{
	width: 98%;
	padding: 10px 0px;
	height: 100%;
}
section#foris .manches h6
{
	clear: both;
	margin: 0;
	text-align: center;
	padding: 5px;
}
section#foris .manches section#fechix
{
	width: 15%;
}
section#foris .manches section#publix
{
	width: 35%;
}
/*-----------------------FORO ALIN---------------------------------------*/
section#foroalin
{
	
	max-width: 480px;
	margin: 0 auto;
	padding: 10px 0px;
	clear: both;
}
section#foroalin  h2
{
	clear: both;
	margin: 5px 10px;
	color: #3d3d3d;
	text-transform: uppercase;
}
section#foroalin > article
{
	width: 98%;
	height: 250px;
	margin: 10px 1%;
	border-radius: 5px;
	clear: both;
}
section#foroalin > article img
{
	height:50%;
	margin: 10px 1%;
	float: left;
	border-radius: 10px;
}
section#foroalin > article aside
{
	width: 100%;
	height: 130px;
	float: left;
	padding: 0;
	margin: 10px 1%;
}
section#foroalin > article aside h2
{
	clear: both;
	margin: 10px 0px;
	padding: 0;
	color: #3d3d3d;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
}
section#foroalin > article aside h2 span
{
	color:#E2677E; 
}

section#foroalin > article aside a
{
	color: #3d3d3d;
	border:1px solid #d3d3d3;
	padding: 5px 10px 5px 35px;
	background-image: url(../img/iconos/perfil.png);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: 5px 2px;
	border-radius: 5px;
	background-color: #F8F8F8;
	transition:.5s;
}
section#foroalin > article aside a:hover
{
	color:#E46980;
	background-image: url(../img/iconos/perfil2.png);
}

section#foroalin > article h2
{
	font-size: 12px;
	margin: 10px 1%;
	color: #fff;
	clear: both;
}
section#foroalin > aside
{
	width: 98%;
	height: auto;
	margin: 10px 1%;
	padding: 10px 0px;
	clear: both;
}
section#foroalin > aside > h2
{                                        
	color: #3d3d3d;
	text-align: right;
	margin: 0px 10px;
	font-size: 14px;
	clear: both;
	font-weight: normal;
}
section#foroalin > aside > h2 span
{
	color: #E56F85;
}
section#foroalin > aside > h3
{
	text-align: right;
	color: #3d3d3d;
	margin: 0px 10px;
	font-size: 13px;
	font-weight: normal;
	font-family: 'Open Sans';	
	clear: both;
}
section#foroalin > aside > h3 a
{
	color: #E56F85;
}

section#foroalin > aside > h4
{
	text-align: justify;
	margin:0px 10px;
	padding: 5px 10px;
	font-family: 'Open Sans';
	font-weight: normal;
}
section#foroalin > aside > h4 span
{
	font-size: 12px;
}

section#foroalin > aside > h5
{
	text-align: justify;
	margin:0px 10px;
	padding: 5px 10px;
	clear: both;
	font-size: 15px;
	font-family: 'Open Sans';
	border-top: 1px solid #d3d3d3;
	font-weight: normal;
	background-color: #F8F8F8;
}
.elicomen
{

	padding: 5px 10px 5px 30px !important;
	border:1px solid #d3d3d3;
	background: #fff !important;
	color: #3d3d3d;
	cursor: pointer;
	border-radius: 5px !important;
	background-image: url(../img/iconos/borrar1.png) !important;
	background-repeat: no-repeat !important;
	background-size: 20px 20px !important;
	background-position: 5px 2px !important;
	transition:.5s !important;
}
.elicomen:hover
{
	color: #E4687F !important;
	background-image: url(../img/iconos/borrar2.png) !important;
}

section#foroalin aside input
{
	padding: 5px;
	border-radius: 0px;
	margin: 0px 10px 20px 10px;
}
section#foroalin > aside table
{
	width: 90%;
	margin: 0px 5%;
	clear: both;
}
section#foroalin > aside table textarea
{
	width: 90%;
	height: 50px;
	resize:none;
	clear: both;
	margin: 0px 5%;
}
section#foroalin > aside table input
{
	text-align: center;
	width: 20%;
	height: 30px;
	margin: 5px 40%;
}
/*---------------PROFES------------------------------------------*/
section#profes
{
	
	max-width: 480px;
	padding: 10px 0px;
	margin:0 auto;
	background: #fff;
	border-top: 1px solid #d3d3d3;
}
section#profes h2
{
	clear: both;
	font-family: 'Open Sans';
	font-size: 25px;
	text-align: right;
	margin: 0px 10px;
}
section#profes article
{
	width: 95%;
	height: 300px;
	background: #fff;
	margin: 10px 2.5%;
}
section#profes article img
{
	width: 35%;
	float: left;
	height: 290px;
	margin: 5px 2.5%;
}
section#profes aside
{
	width: 55%;
	margin: 5px 2.5%;
	height: 300px;
	background:red#fff;
	float: left;
}
section#profes aside h3
{
	margin: 0px 20px;
	padding: 20px 0px;
	font-family: 'Open Sans';
	text-align: justify;
}
section#pregun
{
	max-width: 480px;
	
	margin: 0 auto;
	padding: 10px 0px;
	background: #fff;
	border-top: 1px solid #d3d3d3;
}
section#pregun h2
{
	clear: both;
	font-family: 'Open Sans';
	margin: 0px 10px;
	padding: 10px 0px;
	text-align: right;
}
section#pregun article
{
	width: 45%;
	height: 150px;
	float: left;
	margin: 10px 2.5%;
	transition:.5s;
}
section#pregun article:hover
{
	background-color: #d3d3d3;
}
section#pregun article img
{
	width: 30%;
	height: 100%;
	float: left;
	border-radius: 100px;
	transition:.5s;
}
section#pregun article:hover img
{
	transform:rotate(7deg);
}
section#pregun article h3
{
	width: 70%;
	float: left;
	text-align: center;
	color: #4d4d4d;
	font-family: 'Open Sans';
}
section#pregun article h4
{
	width: 70%;
	float: left;
	text-align: center;
	font-family: 'Open Sans';
	color: #4d4d4d;
}
section#pregun button
{
	width: 40%;
	padding: 10px 0px;
	font-family: 'Open Sans';
	font-size: 20px;
	margin: 10px 30%;

}

/*-------------------PREGUNTA----------------------------*/
section#pregunta
{
	
	max-width: 480px;
	padding: 10px 0px;
	margin: 0 auto;
	background-color: #fff;
}
section#pregunta h2
{
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: center;
	clear: both;
	width: 98%;
	margin: 0px 1%;
}
section#pregunta table
{
	width: 98%;
	margin: 10px 1%;
	float: left;
}
section#pregunta table .td11
{
	font-family: 'Open Sans';
	width: 20%;
}
section#pregunta table .td12
{
	width: 80%;
}
section#pregunta table .td12 textarea
{
	width: 100%;
	resize:none;
	height: 70px;
}
section#pregunta table .td12 select,
section#pregunta table .td12 input
{
	width: 100%;
	height: 30px;
	font-family: 'Open Sans';
}
section#pregunta table .td31
{
	width: 30%;
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: justify;
	background-color: #d3d3d3;
}
section#pregunta table .td32
{
	width: 35%;
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: justify;
	background-color: #d3d3d3;
}
section#pregunta table .td33
{
	width:35%;
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: justify;
	background-color: #d3d3d3;
}
section#pregunta table .td41
{
	border-bottom: 1px solid #d3d3d3;
	padding: 5px;
	text-align: left;
	font-family: 'Open Sans';
}
section#pregunta table .pd11
{
	width: 20%;
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: center;
	background-color: #d3d3d3;
}
section#pregunta table .pd12
{
	width: 35%;
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: center;
	background-color: #d3d3d3;
}
section#pregunta table .pd13
{
	width: 35%;
	font-family: 'Open Sans';
	text-align: center;
	font-size: 15px;
	background-color: #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}
section#pregunta table .pd21,
section#pregunta table .pd22
{
	padding: 10px 5px;
	font-size: 12px;
	font-family: 'Open Sans';
	text-align: left;
	border-bottom: 1px solid #d3d3d3;
}
section#pregunta table .pd23
{
	padding: 10px 5px;
	border-bottom: 1px solid #d3d3d3;

}
section#pregunta table .pd23 textarea
{
	height: 70px;
	width: 100%;
}
section#pregunta table .pd23 input 
{
	width: 100%;
	margin-bottom: 10px;
}



/*--------------APUNTES------------------------*/
section#apuntes
{
	
	max-width: 480px;
	margin: 0px auto;
	padding: 50px 0px;

	background: #ffffff;
	border-top:1px solid #d3d3d3;
}
section#apuntes h2
{
	font-family: 'Open Sans';
	text-align: justify;
	clear: both;
	margin: 0px 10%;
	padding: 50px 0px;
	color: #4d4d4d;
}
section#apuntes button
{
	width: 40%;
	padding: 10px 0px;
	font-family: 'Open Sans';
	font-size: 20px;
	margin: 10px 30%;

}

/*---------------TITULACIONES--------------------------*/
section#titulaciones
{
	
	max-width: 480px;
	height: 350px;
	padding: 10px 0px;
	margin: 0 auto;
	background-color:#fff;
	clear: both;
}
section#titulaciones img
{
	width: 90%;
	margin: 10px 5%;
	float: left;
	height: 200px;

}
section#titulaciones article
{
	width: 96%;
	height: 240px;
	margin: 10px 2%;
	float: left;
	background-color: #fff;
}
section#titulaciones article h2
{
	text-align: justify;
	width: 90%;
	padding: 10px 5%;
	font-family: 'Open Sans';
	font-size: 17px;
	color: #5D5D5D;
}
section#titulaciones article button
{
	margin: 5px 40px;
	height: 40px;
	width: 200px;
	font-family: 'Open Sans';
	font-size: 22px;
	color: #868686;
	background-color: #F8F8F8;
	transition:.5s;
	border-radius: 3px;
	border: 1px solid #D3D3D3;
	text-align: left;
	padding-left: 40px;
	background-image: url(../img/iconos/titus1.png);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: 5px 7px;
	cursor: pointer;
}
section#titulaciones article button:hover
{
	background-image: url(../img/iconos/titus2.png);
	color: #E76A81;
}

section#titus
{
	max-width: 480px;
	
	padding: 10px 0px;
	background: #fff;
	margin: 0 auto;
}
section#titus h1
{
	clear: both;
	margin: 10px 5%;
	font-family: 'Open Sans';
	text-transform: uppercase;
	color: #5C5C5C;
}
section#titus article.crea
{
	width: 100%;
	height: 40px;
	background-color: #fff;
} 
section#titus article.crea input
{
	cursor: pointer;
	transition:.5s;
	margin: 0px 10px;
	float: left;
	height: 40px;
	font-family: 'Open Sans';
	background-color: #F8F8F8; 
	border:1px solid #D3D3D3;
	padding:5px 20px 5px 35px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	color: #636363;
	background-position: 5px 8px;
}
section#titus article.crea .creatitu
{
	background-image: url(../img/iconos/crea1.png);
}
section#titus article.crea .creatitu:hover
{
	background-image: url(../img/iconos/crea2.png);
	color: #E2687F;
}

section#titus article.crea .tituent
{
	background-image: url(../img/iconos/titus1.png);
}
section#titus article.crea .tituent:hover
{
	background-image: url(../img/iconos/titus2.png);
	color: #E2687F;
}

section#titus article.crea .mds
{
	background-image: url(../img/iconos/edit1.png);
}
section#titus article.crea .mds:hover
{
	background-image: url(../img/iconos/edit2.png);
	color: #E2687F;
}


section#titus table.titutab
{
	width: 50%;
	font-family: 'Open Sans';
	font-size: 15px;
	background-color: #F8F8F8;
	border:1px solid #d3d3d3;
	margin:10px 5%;
	padding: 0px 10px;
}
section#titus table.titutab td
{
	padding:5px;
}

section#titus table.titutab input,
section#titus table.titutab select
{
	width: 100%;
	height: 25px;
	font-family: 'Open Sans';
}
section#titus table.titutab input.inputab
{
	border: none;
	outline: none;
	background-color: #F8F8F8;
	border:1px solid #D3D3D3;
	padding:5px 5px 5px 8px;
	height: 33px;
	transition:.5s;
	background-image: url(../img/iconos/busqueda1.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 7px 6px;
	cursor: pointer;
}
section#titus table.titutab input.inputab:hover
{
	background-image: url(../img/iconos/busqueda2.png);
	color: #E3687F;
}

section#titus table.modti
{
	clear: both;
	padding: 5px;
	background-color: #F8F8F8;
	margin:10px 5%;
}
section#titus table.modti input.mds
{
	font-family: 'Open Sans';
	font-size: 15px;
}
section#titus article#textos
{
	background-color: #fff;
	width: 100%;
}
section#titus article#textos p
{
	font-family: 'Open Sans';
	margin:0px 5%;
	padding: 10px 0px;
	text-align: justify;
	font-size: 15px;
	font-weight: normal;
}

section#titus table.resulstitu
{
	background-color: #F8F8F8;
	border-radius: 5px;
	border:1px solid #d3d3d3;
	margin:10px 5%;
}
section#titus table.resulstitu td
{
	padding: 10px;
	font-family: 'Open Sans';
	color: red;
}
section#titus table.resulstitu td.td11
{
	color:#5C5C5C;
	font-weight: bold;
	border-bottom: 1px dashed #d3d3d3;
}
section#titus table.resulstitu td.td21
{
	border-top: 1px solid #3d3d3d;
	color:#5C5C5C;
	font-weight: bold;
}
section#titus table.resulstitu td.td31
{
	border-bottom: 1px dashed #d3d3d3;
}

section#titus table.resulstitu td .libera
{
	background-color: #F8F8F8;
	padding: 8px 10px 8px 30px;
	border: none;
	outline: none;
	border:1px solid #D3D3D3;
	transtion:.5s;
	background-image:url(../img/iconos/correcto1.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-size: 20px 20px;
	cursor: pointer;
	color: #5C5C5C;
}
section#titus table.resulstitu td .libera:hover
{
	color: #E46980;
	background-image:url(../img/iconos/correcto2.png);	
}
section#titus table.resulstitu td .elimina
{
	background-color: #F8F8F8;
	padding: 8px 10px 8px 30px;
	border: none;
	outline: none;
	border:1px solid #D3D3D3;
	transtion:.5s;
	background-image:url(../img/iconos/borrar1.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-size: 20px 20px;
	cursor: pointer;
	color: #5C5C5C;
}
section#titus table.resulstitu td .elimina:hover
{
	color: #E46980;
	background-image:url(../img/iconos/borrar2.png);	
}

section#titus table.tituentre
{
	margin:10px 5%;
	background-color: #f8f8f8;
	border:1px solid #d3d3d3;
	width: 50%;
	font-family: 'Open Sans';
}
section#titus table.tituentre td
{
	padding: 10px;
}
section#titus table.tituentre td.td1
{
	border-bottom: 1px solid #d3d3d3;
	color: red;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
section#titus table.tituentre td.td2
{
	border-bottom: 1px dashed #d3d3d3;
}

/*---------------RETICULAS--------------------------*/


section#reticula
{
	
	max-width: 480px;
	height: 900px;
	margin:0 auto;
	padding: 0px;
	box-shadow: 0px 0px 1px 0px #d3d3d3;
	background-color:#fff;
	clear: both;
}
section#reticula table.retitab
{
	font-family: 'Open Sans';
}
section#reticula table.retitab input,
section#reticula table.retitab select
{
	width: 100%;
}
section#reticula h2
{
	font-family: 'Open Sans';
	text-align: center;
	color: #3d3d3d;
}
section#reticula article
{
	width: 10%;
	padding: 0px;
	margin: 10px .5%;
	height: 780px;
	float: left;
}
section#reticula article section#materia
{
	float: left;
	height: 110px;
	width: 98%;
	margin:5px 1%;
	box-shadow: 0px 0px 20px 0px lightgrey;
	transition:.7s;
	background-color: #fff;
}
section#reticula article section#materia input
{
	visibility: hidden;
	float: left;
	position: relative;
	bottom: 50px;

	color: rgb(255, 255, 255);
	text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: rgb(142, 142, 142);
	background: -moz-linear-gradient(90deg, rgb(142, 142, 142) 30%, rgb(121, 127, 112) 70%);
	background: -webkit-linear-gradient(90deg, rgb(142, 142, 142) 30%, rgb(121, 127, 112) 70%);
	background: -o-linear-gradient(90deg, rgb(142, 142, 142) 30%, rgb(121, 127, 112) 70%);
	background: -ms-linear-gradient(90deg, rgb(142, 142, 142) 30%, rgb(121, 127, 112) 70%);
	background: linear-gradient(0deg, rgb(142, 142, 142) 30%, rgb(121, 127, 112) 70%);
	-webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 2px 1px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 2px 1px rgba(0, 0, 0, 0.75);
}
section#reticula article section#materia:hover input
{
	visibility: visible;
}
section#reticula article section#materia:hover
{
	background-color: lightgrey;
}
section#reticula article section#materia h3
{
 	margin:2px 5px 0px 5px;
 	text-align: center;
 	font-size: 9px;
 	color:#4d4d4d;
 	text-transform: capitalize;
 	font-family: 'Open Sans';
}
section#reticula article section#materia h4
{
	text-align: center;
	font-size: 10px;
 	color:#4d4d4d;
 	margin-top: 2px;
 	font-family: 'Open Sans';
}

/*-------------------------LOGIN-----------------------------------------*/
section#login
{
	position: absolute;
	top: 10%;
	left: 20%;
	height: 60%;
	width: 60%;
	border-radius: 10px;
}
section#login h2
{
	padding: 10px 0px;
	margin: 0px 20px;
	clear: both;
	font-size: 25px;
	font-family: 'Open Sans';
}
section#login article
{
	width: 90%;
	padding: 5px 0px;
	margin: 0px 5%;
	background-color:#fff;
	border-radius: 5px;
	box-shadow: 0px 0px 10px 0px #d3d3d3;
}
section#login article img
{
	width: 70%;
	margin:5px 15%;
}
section#login article table
{
	width: 95%;
	margin:5px 2.5%;
	text-align: center;
	background-color:#fff;
	border-radius: 5px;
}
section#login article table input,
section#login article table select
{
	width: 80%;
	margin:5px 10%;
	height: 30px;
	border:1px solid #d3d3d3;
	text-align: center;
	font-size: 20px;
	outline: none;
	font-family: 'Open Sans';
}
section#login article table .butlog
{
	background: #fff;
	color: #5D5D5D;
	border-radius: 5px;
	transition:.5s;
	font-family: 'Open Sans';
	cursor: pointer;
	width: 48%;
	margin: 5px 1%;
	padding: 5px 5px 5px 25px;
	float: left !important;
	text-align: left;
	font-size: 14px;
}
section#login article table .butlog:hover
{
	color: #E3687F;
}

.log1
{
	background-image: url(../img/iconos/entrar.png) !important;
	background-repeat: no-repeat !important;
	background-size: 15px 15px !important;
	background-position:5px center !important;
}
.log1:hover
{
	background-image: url(../img/iconos/entrar2.png) !important;
}

.log2
{
	background-image: url(../img/iconos/registro.png) !important;
	background-repeat: no-repeat !important;
	background-size: 15px 15px !important;
	background-position:5px center !important;
}
.log2:hover
{
	background-image: url(../img/iconos/registro2.png) !important;
}



strong.mal
{	
	padding: 10px;
	border-radius: 5px;
	font-family: 'Open Sans';
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	background-color: #bf3b53;
}
strong.bien
{	
	padding: 10px;
	border-radius: 5px;
	font-family: 'Open Sans';
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	background-color:#1f934f;
}


/*------------------------------- MISIONES --------------------------------------*/
section#misiones
{
	
	max-width: 480px;
	padding: 10px 0px;
	margin: 0 auto;
	background-color: #fff;
}
section#misiones h2
{
	clear: both;
}

section#misiones section#contenemin
{
	width: 98%;
	margin: 10px 1%;
	float: left;
	clear: both;
}
section#misiones section#contenemin h2
{
	font-family: 'Open Sans';
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}
section#misiones section#contenemin article.misi
{
	margin: 10px 1%;
	width: 98%;
	padding: 10px 0px;
	border-radius: 10px;
	clear: both;
}
section#misiones section#contenemin article.misi h2
{
	text-align: left;
	font-family: 'Open Sans';
	padding:0px 10px;
	margin: 0;
	color: #3a3a3a;
}
section#misiones section#contenemin article.misi p
{
	text-align: justify;
	font-size: 18px;
	padding: 10px 0px;
	font-family: 'Open Sans';
	color: #3a3a3a;
}

section#misiones article.buts
{
	width: 100%;
	background-color:#fff;
	height: 50px;
	clear: both;
	float: left;
	margin: 10px 0px;
}
section#misiones article.buts button
{
	padding: 3px;
	font-family: 'Open Sans';
	margin: 0px 1%;
	width: 100px;
	border:none;
	border-radius: 5px;
	transition:.3s;
}
section#misiones article.buts button:hover
{
	background-color: #69090A;
	color: #fff;
}
section#misiones table
{
	width: 90%;
}
section#misiones table input
{
	width: 200px;
	padding: 10px;
	margin: 10px 0px;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 20px;
}


/*-------------HISTORIA-----------------*/
section#contenemin section#parrafos
{
	width: 98%;
	padding: 10px 0px;
	margin: 10px 1%;
}
section#contenemin section#parrafos h2
{
	font-family: 'Open Sans';
	text-align: center;
	font-size: 28px;
	font-family: 'Open Sans';
	color: #383838;
}
section#contenemin section#parrafos p
{
	text-align: justify;
	font-family: 'Open Sans';
	font-size: 18px;
	margin: 10px 0px;
	padding: 0px 10px;
	color: #383838;
}

/*------------------------------------*/
section#banx
{
	max-width: 480px;
	
	margin: 0 auto;
	padding: 0px;
/*
	text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
	background: rgb(17, 147, 26);
	background: -moz-linear-gradient(90deg, rgb(17, 147, 26) 30%, rgb(57, 173, 0) 70%);
	background: -webkit-linear-gradient(90deg, rgb(17, 147, 26) 30%, rgb(57, 173, 0) 70%);
	background: -o-linear-gradient(90deg, rgb(17, 147, 26) 30%, rgb(57, 173, 0) 70%);
	background: -ms-linear-gradient(90deg, rgb(17, 147, 26) 30%, rgb(57, 173, 0) 70%);
	background: linear-gradient(0deg, rgb(17, 147, 26) 30%, rgb(57, 173, 0) 70%);
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);
*/
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}
section#banx h3
{
	width: 90%;
	margin: 0px 5%;
	color: #ffffff;
	font-family: 'Open Sans';
	font-size: 30px;
	padding: 10px 0px;
	text-align: center;

}
/*----------------OTRA BOT------*/
section#otrabot
{
	width: 33%;
	height: 450px;
	float: left;
	padding: 10px 0px;
	background-color: #fff;
	display: none;
}
section#otrabot article
{
	width: 48%;
	margin: 5px 1%;
	height: 50px;
	float: left;
	transition:.3s;
	box-shadow: 0px 0px 5px 0px #d3d3d3;
}
section#otrabot article img
{
	width: 100%;
	height: 100%;
	float: left;
	transition:.3s;
}
section#otrabot article img:hover
{
	opacity: .5;
}
/*----------------  TEC ----------------------------*/

section#tec
{
	
	max-width: 480px;
	padding: 10px 0px;
	margin:0 auto;
	background-color: #fff;
}
section#tec h2
{
	clear: both;
	font-family: 'Open Sans';
	margin: 0;
	text-align: left;
	padding: 10px 10px;
	font-size: 18px;
	border-left: 5px solid #E3687F;
	color: #3d3d3d;
}
section#tec h6
{
	clear: both;
}
section#tec article.tcart
{
	width: 90%;
	padding: 10px;
	margin: 0px 5%;
	height: 80px;
	clear: both;
}
section#tec article.tcart button
{
	padding: 10px;
	border:none;
	border-radius: 10px;
	font-family: 'Open Sans';
	font-size: 15px;
}
section#tec table input
{
	padding: 10px;
	font-family: 'Open Sans';
	font-size: 15px;
	border:none;
	border-radius: 10px;
}

section#tec section#tcarfull
{
	width: 100%;
	padding: 10px 0px;
	margin: 5px 0px;
	clear: both;
}
section#tec section#tcarfull img.banito
{
	width: 100%;
}

section#tec section#tcarfull article.tcartxt
{
	width: 98%;	
	margin: 0px 1%;
	text-align: justify;
	float: left;
	background-color: #fff;
}
section#tec section#tcarfull article.tcartxt h2
{
	clear: both;
	font-family: 'Open Sans';
	margin: 0;
	text-align: left;
	padding: 10px 10px;
	font-size: 18px;
	border-left: 5px solid #E3687F;
	color: #3d3d3d;
}
section#tec section#tcarfull article.tcartxt p
{
	clear: both;
	text-align: justify;
	font-size: 15px;
	font-family: 'Open Sans';
	font-weight: bold;
	color: #4f4f4f;
}

section#tec section#directorio1
{
	width:100%;
	margin: 5px 0px;
	height: 30px;
	background-color: #F8F8F8;
}
section#tec section#directorio1 .td11
{
	background-color: #F8F8F8;
	float: left;
	width: 5%;
	height: 30px;
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: center;
	padding: 5px 0px;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
}
section#tec section#directorio1 .td12
{
	background-color: #F8F8F8;
	float: left;
	width: 30%;
	height: 30px;
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: center;
	padding: 5px 0px;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
}
section#tec section#directorio1 .td13
{
	background-color: #F8F8F8;
	float: left;
	width: 35%;
	height: 30px;
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: center;
	padding: 5px 0px;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
}
section#tec section#directorio1 .td14
{
	background-color: #F8F8F8;
	float: left;
	width: 15%;
	height: 30px;
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: center;
	padding: 5px 0px;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
}
section#tec section#directorio1 .td15
{
	background-color: #F8F8F8;
	float: left;
	width: 15%;
	height: 30px;
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: center;
	padding: 5px 0px;
	border-top:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
}

section#tec section#directorio2
{
	width: 100%;
	padding: 10px 0px;
	margin: 0 auto;
	clear: both;
	height: 70px;
	border-bottom: 1px dashed #d3d3d3;
	transition:.3s;
}
section#tec section#directorio2:hover
{
	background-color: lightblue;
	cursor: pointer;
}
section#tec section#directorio2 .td21
{
	width: 5%;
	height: 60px;
	float: left;
}
section#tec section#directorio2 .td21 img
{
	height: 50px;
	width: 90%;
	margin: 5px 5%;
}

section#tec section#directorio2 .td22
{
	float: left;
	width: 30%;
	height: 60px;
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: center;
	padding: 10px 0px;
	text-align: left;
}
section#tec section#directorio2 .td23
{
	float: left;
	width: 35%;
	height: 60px;
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: center;
	padding: 10px 0px;
	text-align: left;
}
section#tec section#directorio2 .td24
{
	float: left;
	width: 15%;
	height: 60px;
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: center;
	padding: 10px 0px;
}
section#tec section#directorio2 .td24 input
{
	text-align: center;	
}
section#tec section#directorio2 .td25
{
	float: left;
	width: 15%;
	height: 60px;
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: center;
	padding: 10px 0px;
}
section#tec section#directorio2 .td25 .general1
{
	padding: 5px 10px 5px 30px !important;
	background: none !important;
	border:1px solid #d3d3d3 !important;
	background-image: url(../img/iconos/edit1.png) !important;
	background-repeat: no-repeat !important; 
	background-size: 20px 20px !important;
	background-position: 5px 2px !important;
}
section#tec section#directorio2 .td25 .general1:hover
{
	background-image: url(../img/iconos/edit2.png) !important;
}
section#tec section#directorio2 .td25 button
{
	width: 90%;
	padding: 5px;
	margin:0px 5%;
}
section#tec section#directores
{
	width: 100%;
	background-color: #fff;
	padding: 10px 0px;
	clear: both;
}
section#tec section#directores h5
{
	clear: both;
	font-family: 'Open Sans';
	font-size: 20px;
	margin: 0px;
	padding: 0px;
}
section#tec section#directores article.direc
{
	width: 48%;
	height: 150px;
	float: left;
	margin: 10px 1%;
	background-color: #d4f6fc;
	border-radius: 5px;
}
section#tec section#directores article.direc img
{
	width: 28%;
	height: 140px;
	margin: 5px 1%;
	float: left;

}
section#tec section#directores article.direc aside
{
	width: 68%;
	float: left;
	height: 140px;
	margin: 5px 1%;
}
section#tec section#directores article.direc aside h3
{
	clear: both;
	font-family: 'Open Sans';
	font-size:15px;
	margin: 0;
	padding: 2px 0px;
	text-transform: uppercase;
}
section#tec section#directores article.direc aside h4
{
	clear: both;
	font-family: 'Open Sans';
	font-size: 12px;
	margin: 0;
	padding:2px 0px;
	text-transform: uppercase;
}


/*--------------------------- ORGANIGRAMA ------------------------------*/
section#orga
{
	
	max-width: 480px;
	padding: 10px 0px;
	background-color: #fff;
	margin:0 auto;
}
section#orga table.orgatab
{
	font-family: 'Open Sans';
}
section#orga table.orgatab input,
section#orga table.orgatab select
{
	width: 100%;
}

section#orga article.director1
{
	width: 30%;
	padding: 10px 0px;
	margin: 0 auto;
	height: 300px;
	box-shadow: 0px 0px 10px 0px #3d3d3d;
}
section#orga article.director1 input
{
	visibility: hidden;
	position: relative;
	bottom: 40px;
}
section#orga article.director1:hover input
{
	visibility: visible;
}
section#orga article.director1 img
{
	width: 90%;
	height: 200px;
	margin: 5px 5%;
}
section#orga article.director1 h3
{
	clear: both;
	margin: 0px;
	padding: 5px;
	font-family: 'Open Sans';
	font-size: 20px;
	text-align: center;
}
section#orga article.director1 h4
{
	clear: both;
	margin: 0px;
	padding: 5px;
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: center;
}
section#orga section.subd
{
	clear: both;
	margin: 10px 1%;
	padding: 5px;
	width: 98%;
	height: 250px;
}
section#orga section.subd article.director2
{
	width: 23%;
	height: 240px;
	margin: 5px 1%;
	float: left;
	box-shadow: 0px 0px 10px 0px #3d3d3d;
}
section#orga section.subd article.director2 input
{
	visibility: hidden;
	position: relative;
	bottom: 40px;
}
section#orga section.subd article.director2:hover input
{
	visibility: visible;
}
section#orga section.subd article.director2 img
{
	width: 90%;
	height: 150px;
	margin: 5px 5%;
}
section#orga section.subd article.director2 h3
{
	text-align: center;
	font-family: 'Open Sans';
	margin: 0px;
	padding: 0px 5px;
}section#orga section.subd article.director2:hover h3
{
	visibility: hidden;
	position: absolute;
	top: -100px;
}
section#orga section.subd article.director2 h4
{
	text-align: center;
	font-family: 'Open Sans';
	visibility: hidden;	
}
section#orga section.subd article.director2:hover h4
{
	visibility: visible;
}

section#orga section.subd3
{
	width: 98%;
	height: 600px;
	margin: 0 auto;
}

section#orga section.subd3 article.director3
{
	width: 23%;
	height: 590px;
	float: left;
	margin: 5px 1%;
}
section#orga section.subd3 article.director3 article.director31
{
	width: 48%;
	height: 170px;
	float: left;
	margin: 5px 1%;
	box-shadow: 0px 0px 10px 0px #3d3d3d;
	background-color: #fff;
}
section#orga section.subd3 article.director3 article.director31 input
{
	visibility: hidden;
	position: relative;
	bottom: 40px;
}
section#orga section.subd3 article.director3 article.director31:hover input
{
	visibility: visible;
}
section#orga section.subd3 article.director3 article.director31 img
{
	width: 98%;
	height: 80px;
	margin: 5px 1% 0px 1%;
}
section#orga section.subd3 article.director3 article.director31 h3
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 11px;
	visibility: visible;
}
section#orga section.subd3 article.director3 article.director31:hover h3
{
	position: absolute;
	top:-100px;
	visibility: hidden;
}
section#orga section.subd3 article.director3 article.director31 h4
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 11px;
	visibility: hidden;
}
section#orga section.subd3 article.director3 article.director31:hover h4
{
	visibility: visible;
}

section#orga section.subd4
{
	height: 900px;
	width: 98%;
	margin: 0px 1%;
}
section#orga section.subd4 article.director4
{
	width: 23%;
	height: 890px;
	margin: 5px 1%;
	float: left;
}
section#orga section.subd4 article.director4 article.director41
{
	width: 48%;
	height: 150px;
	box-shadow: 0px 0px 10px 0px #3d3d3d;
	float: left;
	margin: 5px 1%;
}
section#orga section.subd4 article.director4 article.director41 input
{
	visibility: hidden;
	position: relative;
	bottom: 40px;
}
section#orga section.subd4 article.director4 article.director41:hover input
{
	visibility: visible;
}
section#orga section.subd4 article.director4 article.director41 img
{
	width:95%;
	height: 70px;
	margin: 5px 2.5%;
}
section#orga section.subd4 article.director4 article.director41 h3
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 10px;
	visibility: visible;
}
section#orga section.subd4 article.director4 article.director41:hover h3
{
	position: absolute;
	top: -100px;
	visibility: hidden;

}

section#orga section.subd4 article.director4 article.director41 h4
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 10px;
	visibility: hidden;
}
section#orga section.subd4 article.director4 article.director41:hover h4
{
	visibility: visible;
}



/*------------------DOCENTES--------------------------------*/

section#orga1 section#organigram1
{
    max-width: 480px;
    
    margin: 0 auto;
    background-color: #fff;
}
section#orga1 h2
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: 'Open Sans';
	text-transform: uppercase;
}
section#orga1 section#organigram1 h2
{
    clear: both;
    font-family: 'Open Sans';
    margin:  0px 10px;
    padding:10px 0px;
    text-align: left;
}
section#orga1 section#organigram1 article
{
    width: 98%;
    height: 280px;
    margin: 10px 1%;
    float: left;
    border-radius: 5px;
    background-color: #fff;
    transition:.3s;
    box-shadow: 0px 0px 10px 0px #d3d3d3;
}
section#orga1 section#organigram1 article:hover
{
    background-color: #3d3d3d;
}
section#orga1 section#organigram1 article img
{
    width: 90%;
    height: 180px;
    margin: 5px 5%;
    float: left;
}
section#orga1 section#organigram1 article h3
{
    clear: both;
    width: 90%;
    margin: 3px 5%;
    font-family: 'Open Sans';
    font-size: 13px;
    text-align: left;
    color: #25addb;
}
section#orga1 section#organigram1 article h4
{
    clear: both;
    width: 90%;
    margin: 3px 5%;
    font-family: 'Open Sans';
    font-size: 12px;
    text-align: left;
    color: #727272;
}
section#orga1 section#organigram1 article:hover h3,
section#orga1 section#organigram1 article:hover h3
{
    color: #fff;
}






/*------------------BUZON--------------------------------*/
section#buzon
{
	
	max-width: 480px;
	margin: 0 auto;
	padding: 10px 0px;
	background-color: #fff;
}
section#buzon article
{
	width: 90%;
	margin: 10px 5%;
}
section#buzon article h2
{
	clear: both;
	font-family: 'Open Sans';
	color:#383838;
}
section#buzon article table
{
	width: 100%;
}
section#buzon article textarea
{
	width: 50%;
	margin: 10px 25%;
	clear: both;
	height: 200px;
	resize:none;
	border-radius: 10px;
	padding: 10px;
	text-align: justify;
}
section#buzon article input
{
	width: 50%;
	margin: 0px 25%;
	padding: 5px 0px;
	font-family: 'Open Sans';
	font-size: 15px;
}
section#buzon article table .td11
{
	width: 70%;
	background-color: #D3D3D3;
	text-align: center;
	height: 50px;
	font-family: 'Open Sans';
	font-size: 15px;
}
section#buzon article table .td12
{
	width: 20%;
	background-color: #D3D3D3;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 15px;
}
section#buzon article table .td13
{
	width: 10%;
	background-color: #D3D3D3;	
	text-align: center;
	font-family: 'Open Sans';
	font-size: 15px;
}
section#buzon article table .td21
{
	padding: 10px;
	text-align: justify;
	font-family: 'Open Sans';
	font-size: 15px;
	background-color: #fff;
	border-bottom: 1px solid #d3d3d3;
}
section#buzon article table .td22
{
	text-align: center;
	background-color: #fff;
	font-family: 'Open Sans';
	font-size: 15px;
	border-bottom: 1px solid #d3d3d3;
}
section#buzon article table .td23
{
	text-align: center;	
	background-color: #fff;
	font-family: 'Open Sans';
	font-size: 15px;
	border-bottom: 1px solid #d3d3d3;
}

/*-------------SALUT----------*/
section#salut
{
	
	max-width: 480px;
	padding: 10px 0px;
	margin: 0px auto;
	background-color: #fff;
}
section#salut .missi
{
	width: 70%;
	padding: 10px 0px;
	margin: 10px 15%;
	float: left;
	text-align: justify;
	color: #777777;
}
section#salut .missi h2
{
	text-align:center;
	font-family: 'Open Sans';
	text-transform: uppercase;
}
section#salut .missi p
{
	font-family: 'Open Sans';
}
section#salut section#parrafos
{
	clear: both;
	width: 100%;
	margin: 10px auto;
	padding: 10px 0px;
	box-shadow: 0px 0px 1px 0px #d3d3d3;
	background: #fff; /* Old browsers */
	font-family: 'Open Sans';
}
section#salut section#parrafos h2
{
	text-align: center;
	text-transform: uppercase;
	clear: both;
	text-align: center;
	color: #777777;
}
section#salut section#parrafos p
{
	text-align: justify;
	padding: 10px;
	-webkit-column-count: 3;
	column-count:3;
	margin: 10px 0px;
	text-align: justify;
	clear: both;
	color: #777777;
	font-weight: normal;
}

section#salut section#parrafos2
{
	clear: both;
	width: 100%;
	margin: 10px auto;
	padding: 10px 0px;
	box-shadow: 0px 0px 1px 0px #d3d3d3;background: #fff; /* Old browsers */
	font-family: 'Open Sans';
}
section#salut section#parrafos2 h2
{
	text-align: center;
	font-family: 'Open Sans';
	clear: both;
	padding: 10px 0px;
	color: #777777;
}
section#salut section#parrafos2 p
{
	text-align: justify;
	padding: 10px;
	margin: 10px 0px;
	text-align: justify;
	clear: both;
	color: #777777;
}

section#salut section#parrafos3
{
	clear: both;
	width: 100%;
	margin: 10px auto;
	padding: 10px 0px;
	box-shadow: 0px 0px 1px 0px #d3d3d3;background: #fff; /* Old browsers */
	font-family: 'Open Sans';
}
section#salut section#parrafos3 h2
{
	text-align: center;
	font-family: 'Open Sans';
	clear: both;
	padding: 10px 0px;
	color: #777777;
}
section#salut section#parrafos3 p
{
	text-align: justify;
	padding: 10px;
	margin: 10px 0px;
	text-align: justify;
	clear: both;
	color: #777777;
}

/*---------------------------TABULADOR DE PRECIOS--------------------------*/
section#tabulador
{
	
	max-width: 480px;
	background-color: #fff;
	margin:0 auto;
	padding: 10px 0px;
}
section#tabulador h2
{
	clear: both;
	font-family: 'Open Sans';
	text-align: center;
	font-size: 25px;
	width: 98%;
}
section#tabulador table
{
	width: 98%;
	margin: 10px 1%;
	float: left;
}
section#tabulador table .td11
{
	background-color: #D3D3D3;
	font-family: 'Open Sans';
	font-size: 20px;
	text-align: center;
	padding: 10px 0px;
	color: #3d3d3d;

}
section#tabulador table .td12,
section#tabulador table .td12
{
	background-color: #D3D3D3;
	font-family: 'Open Sans';
	font-size: 20px;
	text-align: center;
	padding: 10px 0px;
	color: #3d3d3d;
}
section#tabulador table .td22
{
	border-bottom:1px solid #D3D3D3 ;
	text-align: right;
	padding: 10px;
	font-family: 'Open Sans';
	font-size: 18px;
}
section#tabulador table .td22 input
{
	width: 100%;
}
section#tabulador table .td21
{
	border-bottom:1px solid #D3D3D3 ;
	text-align: justify;
	padding: 10px;
	font-family: 'Open Sans';
	font-size: 18px;
}

/*-------------------  FORMATOS ---------------------------------*/
section#formats
{
	
	max-width: 480px;
	padding: 10px 0px;
	background-color: #fff;
	margin: 0 auto;
}
section#formats h2
{
	clear: both;
	text-align: center;
	font-family: 'Open Sans';
	margin: 0px;
	padding:0px 0px 10px 0px;
	width: 70%;
}
section#formats table
{
	width: 98%;
	float: left;
	margin: 0px 1%;
}
section#formats table .td11
{
	width: 20%;
	text-align: center;
	padding: 10px 0px;
	font-family: 'Open Sans';
	background-color: #D3D3D3;
	color: #000;
	font-size: 15px;
}
section#formats table .td12
{
	width: 65%;
	text-align: center;
	font-family: 'Open Sans';
	background-color: #D3D3D3;
	color: #000;
	font-size: 15px;
}
section#formats table .td13
{
	width: 15%;
	text-align: center;
	font-family: 'Open Sans';
	background-color: #D3D3D3;
	color: #000;
	font-size: 15px;
}
section#formats table .td21
{
	font-family: 'Open Sans';
	font-size: 12px;
	background-color:#fff;
	padding: 10px 0px;
	font-size: 12px;
	text-align: center;
	color: #000 !important;
	border-bottom: 1px solid #D3D3D3;
}
section#formats table .td21 input
{
	background:none;
	border:none;
	color: #000;
	transition:.5s;
	padding: 5px;
	border-radius: 10px;
}
section#formats table .td21 input:hover
{
	background-color: #3d3d3d;
	color:#fff;
}

/*------------------------ MANUALES -----------------------------------------*/
section#manuales
{
	
	max-width: 480px;
	padding: 10px 0px;
	margin: 0 auto;
	background-color: #fff;
}
section#manuales h2
{
	font-family: 'Open Sans';
	text-align: center;
	width: 63%;
	clear: both;
}
section#manuales input.aportamanual
{
	border:1px solid #d3d3d3;
	padding: 5px 10px 5px 30px;
	outline: none;
	background-color: #fff;
	clear: both;
	margin: 5px;
	float: left;
	border-radius: 5px;
	background-image: url(../img/iconos/multimedia1.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 5px 2px;
}
section#manuales .subidos
{
	width: 98%;
	padding: 10px 0px;
	margin: 0px 1%;
	clear: both;
}
section#manuales .subidos .td11
{
	background-color: #d3d3d3;
	padding: 5px;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 13px;
}
section#manuales .subidos .td12
{
	background-color: #d3d3d3;
	padding: 5px;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 13px;
}
section#manuales .subidos .td13
{
	background-color: #d3d3d3;
	padding: 5px;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 13px;
}
section#manuales .subidos .td14
{
	background-color: #d3d3d3;
	padding: 5px;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 13px;
}
section#manuales .subidos .td21
{
	text-align: left;
	font-family: 'Open Sans';
	font-size: 13px;
	padding: 5px;
	border-bottom: 1px solid #d3d3d3;
}
section#manuales .subidos .td22
{
	text-align: left;
	font-family: 'Open Sans';
	font-size: 13px;
	padding: 5px;
	border-bottom: 1px solid #d3d3d3;
}
section#manuales .subidos .td23
{
	text-align: left;
	font-family: 'Open Sans';
	font-size: 13px;
	padding: 5px;
	border-bottom: 1px solid #d3d3d3;
}

section#manuales .aporta
{
	clear: both;
	padding: 10px 0px;
	margin: 0px 1%;
	float: left;
	width: 98%;
	background-color: #fff;
}
section#manuales .aporta .td11
{
	width: 30%;
	font-family: 'Open Sans';
	font-size: 12px;
}
section#manuales .aporta .td12
{
	padding: 10px 0px;
	width: 70%;
}
section#manuales .aporta .td12 input
{
	height: 30px;
	width: 100%;
	padding: 5px 0px;
}
section#manuales .aporta .td12 textarea
{
	height: 100px;
	resize:none;
	width: 100%;
}


/*-----------------TUTORIALES------------------------------*/
section#tutoriales
{
	
	max-width: 480px;
	padding: 10px 0px;
	background-color:#fff;
	margin: 0 auto;
}
section#tutoriales h2
{
	clear: both;
	font-family: 'Open Sans';
	width: 100%;
	text-align: center;
}
section#tutoriales .tutorial
{
	width: 68%;
	margin: 10px 1%;
	float: left;
}
section#tutoriales input
{
	clear: both;
	margin-right: auto;
	padding: 5px 10px;
	background-color: #fff;
	border:1px solid #d3d3d3;

}

section#tutoriales article
{
	width: 94%;
	height: 300px;
	float: left;
	margin: 5px 3%;
	background-color: #000;
	border-radius: 10px;
}
section#tutoriales article video
{
	width: 98%;
	height: 170px;
	margin: 10px 0px;
}
section#tutoriales article h3
{
	font-family: 'Open Sans';
	font-size: 10px;
	margin: 0px 10px;
	text-align: right;
	color: #91C8EA;
}
section#tutoriales article h4
{
	font-family: 'Open Sans';
	font-size: 15px;
	margin: 0px 10px;
	text-align: left;
	padding: 5px 0px;
	color: #91C8EA;
}
section#tutoriales article h5
{
	font-family: 'Open Sans';
	font-size: 13px;
	margin: 0px 10px;
	text-align: justify;
	color: #91C8EA;
}
section#tutoriales .tutox
{
	width: 50%;
	margin: 0px 1%;
}
section#tutoriales .tutox .td11
{
	width: 35%;
	padding: 5px;
	font-family: 'Open Sans';
	font-size: 14px;
}
section#tutoriales .tutox .td12
{
	width: 65%;
	padding: 5px;
}
section#tutoriales .tutox .td12 textarea
{
	width: 100%;
	height: 130px;
	resize:none;
}
section#tutoriales .tutox .td12 input
{
	width: 100%;
	height: 30px;
}

/*------------------------- CUMPLEAÑEROS --------------------------------*/

section#cumple
{
	
	max-width: 480px;
	padding: 10px 0px;
	background-color: #fff;
	margin:0 auto;
}
section#cumple h3
{
	clear: both;
	font-family: 'Open Sans';
	font-size: 20px;
}
section#cumple img.cumple
{
	width: 50%;
	height: 250px;
	margin: 0px 25%;
}
section#cumple article
{
	width: 48%;
	height: 230px;
	float: left;
	margin: 10px 1%;
	background-image: url(../img/iconos/cumple2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	border-radius: 5px;
}
section#cumple article img
{
	width: 90%;
	height: 150px;
	margin: 5px 5%;
	border-radius: 5px;
}
section#cumple article p.p1
{
	text-align: center;
	font-family: 'Open Sans';
	font-size: 15px;
	margin: 0;
	background:#fff;
}
section#cumple article p.p2
{
	text-align: center;
	font-family: 'Open Sans';
	font-size: 15px;
	margin: 0;
	background:#fff;
}





















/*------------------VALIDACION DE LOGIN--------------------*/
li#letter {
	list-style-type:none;
}
li#capital {
	list-style-type:none;
}
li#number {
	list-style-type:none;
}
li#length {
	list-style-type:none;
}


#pswd_info {
	position:absolute;
	top:295px;
	right:240px;
	width:300px;
	padding:15px;
	background:#fefefe;
	font-size:.875em;
	border-radius:5px;
	box-shadow:0 1px 3px #ccc;
	border:1px solid #ddd;
}

.invalid {
	background:url(../img/iconos/cancel.png) no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#ec3f41;
}
.valid {
	background:url(../img/iconos/accept.png) no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#3a7d34;
}	
#pswd_info {
	display:none;
}	















/*------------------------- CAMBIOS NUEVOS   ----------------------------*/


/*--------------------         CREDITOS -------------------------------*/
section#creditos
{
	background-color: #fff;
	padding: 10px 50px;
	text-align: justify;
	font-family: 'Open Sans';
}



/*...............................PERFIL............................................*/

section#perfiltl
{
	
	max-width: 480px;
	padding: 10px 0px;
	margin: 0 auto;
	background-color: #fff;
}
section#perfiltl h2
{
	clear: both;
	font-family: 'Open Sans';
	text-transform: uppercase;
	font-size: 25px;
	color: #077f2b;
	font-weight: normal;
}
section#perfiltl article
{
	width: 58%;
	margin: 10px 1%;
	float: left;
	padding: 10px 0px;
	background-color: #fff;
}
section#perfiltl article h2
{
	margin: 5px 10px;
	padding: 5px;
	color: #3d3d3d;
	font-size: 15px;

}
section#perfiltl article table
{
	width: 100%;
	padding: 5px;
	font-family: 'Open Sans';
	color: #3d3d3d;
}
section#perfiltl article table td
{
	border:1px dashed #d3d3d3;
	padding: 10px;
    display: inline-table;
    width: 100%;
}
section#perfiltl article table input.modifoto
{
	padding: 5px 10px 5px 30px;
	background-color: #fff;
	border:1px solid #d3d3d3;
	border-radius: 5px;
	background-image: url(../img/iconos/foto1.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 5px 2px;
	color: #3d3d3d;
	transition:.5s;
	cursor: pointer;
}
section#perfiltl article table input.modifoto:hover
{
	background-image: url(../img/iconos/foto2.png);
	color: #E2677E;
}


section#perfiltl aside
{
	width: 98%;
	padding: 5px 0px;
	margin: 5px 1%;
	box-shadow: 0px 0px 10px 0px #d3d3d3;
	background-color: #F8F8F8;
	float: left;
}
section#perfiltl aside h2
{
	clear: both;
}
section#perfiltl aside img
{
	width: 80%;
	margin: 5px 10%;
	height: 200px;
}
section#perfiltl aside li
{
	list-style: none;
	margin: 5px;
	padding: 5px 10px 5px 30px;
	border-radius: 5px;
	border:1px solid #d3d3d3;
	float: left;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 12px;
	transition:.5s;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 5px 3px;
	color: #3d3d3d;
}
section#perfiltl aside li.butisuno
{
	background-image: url(../img/iconos/multimedia1.png);
}
section#perfiltl aside li.butisuno:hover
{
	background-image: url(../img/iconos/multimedia2.png);
	color: #DB6D82;
}

section#perfiltl aside li.butisdos
{
	background-image: url(../img/iconos/libro1.png);
}
section#perfiltl aside li.butisdos:hover
{
	background-image: url(../img/iconos/libro2.png);
	color: #DB6D82;
}


section#perfiltl aside li.butistres
{
	background-image: url(../img/iconos/tarea1.png);
}
section#perfiltl aside li.butistres:hover
{
	background-image: url(../img/iconos/tarea2.png);
	color: #DB6D82;
}


/*----------------PERFILTL 2 DATOS2-----------------*/

section#perfiltl section#perf
{
	width: 98%;
	padding: 0px 0px;
	margin: 10px 1%;
	float: left;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px #d3d3d3;
}
section#perfiltl section#perf img
{
	height: 150px;
	width: 98%;
	margin: 10px  10px 10px 10px;
	float: left;
}
section#perfiltl section#perf li
{
	font-family: 'Open Sans';
	font-size: 10px;
	list-style: none;
	float: left;
	background-color: #d3d3d3;
	margin: 2px;
	padding: 5px 10px 5px 30px;
	border:1px solid #d3d3d3;
	border-radius: 5px;
}
section#perfiltl section#perf li.general1
{
	background: none;
}
section#perfiltl section#perf li.gen1
{
	background-image: url(../img/iconos/foto1.png) !important;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 5px 2px;
}
section#perfiltl section#perf li.gen1:hover
{
	background-image: url(../img/iconos/foto2.png) !important;
}
section#perfiltl section#perf li.gen2
{
	background-image: url(../img/iconos/men1.png) !important;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 5px 2px;
}
section#perfiltl section#perf li.gen2:hover
{
	background-image: url(../img/iconos/men2.png) !important;
}

section#perfiltl section#perf li.gen3
{
	background-image: url(../img/iconos/pass1.png) !important;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 5px 2px;
}
section#perfiltl section#perf li.gen3:hover
{
	background-image: url(../img/iconos/pass2.png) !important;
}

section#perfiltl section#perf li.gen4
{
	background-image: url(../img/iconos/perfil.png) !important;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 5px 2px;
}
section#perfiltl section#perf li.gen4:hover
{
	background-image: url(../img/iconos/perfil2.png) !important;
}






section#perfiltl section#perf h3
{
	margin: 0px;
	padding: 5px ;
	font-family: 'Open Sans';
	text-transform: uppercase;
	font-size: 12px;
}
section#perfiltl section#perf h4
{
	margin: 0px;
	padding: 5px;
	font-family: 'Open Sans';
	text-transform: uppercase;
	font-size: 12px;
}
section#perfiltl section#perf h5
{
	margin: 0px;
	padding: 5px ;
	font-family: 'Open Sans';
	text-transform: uppercase;
	font-size: 12px;
}
section#perfiltl section#resumenes
{
	margin: 10px 1%;
	width: 98%;
	padding: 0px;
	font-family: 'Open Sans';
	clear: both;
	box-shadow: 0px 0px 10px 0px #d3d3d3;
}
section#perfiltl section#resumenes p
{
	font-family: 'Open Sans';
	padding:2px  15px;
	text-align: justify;

}



/*---------------------   APARTADO TAREAS   ---------------------------*/
section#apatareas
{
	
	max-width: 480px;
	padding: 10px 0px;
	margin: 0 auto;
	background-color: #fff;
}
section#apatareas h2
{
	clear: both;
}
section#apatareas article
{
	width: 98%;
	padding: 10px 0px;
	margin: 0px 1%;
	float: left;
	background-color:#fff;
}
section#apatareas article h3
{
	clear: both;
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: center;
	margin: 0px;
}
section#apatareas article section#materia
{
	width: 100%;
	padding: 5px 0px;
	border-bottom: 1px solid #d3d3d3;
	margin: 0px;
}
section#apatareas article section#materia article
{
	width: 70%;
	padding: 5px;
	margin: 0;
}
section#apatareas article section#materia article h4
{
	margin: 0;
	padding: 0;
}
section#apatareas article section#materia button
{
	width: 10%;
	padding: 5px 0px;
	float: left;
	background: none;
	border:none;
}
section#apatareas article section#materia h5
{
	clear: both;
}

section#apatareas section#tareai
{
	width: 90%;
	height: 200px;
	margin: 0 auto;
}
section#apatareas section#tareai img
{
	width: 15%;
	height: 180px;
	margin: 10px 1%;
	float: left;
}
section#apatareas section#tareai h5
{
	width: 70%;
	float: left;
	margin: 0px;
	padding: 0px;
	margin: 5px 1%;
	font-family: 'Open Sans';
	font-size: 13px;
	text-align: justify;
}

section#apatareas section#forito
{
	width: 90%;
	padding: 10px 0px;
	margin: 0 auto;
}
section#apatareas section#forito article
{
	width: 100%;
	padding: 10px;
	margin: 3px 0px;
	background: #d3d3d3;
}
section#apatareas section#forito article h2
{
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: left;
	clear: both;
	margin: 0px 10px;
}
section#apatareas section#forito article h3
{
	font-family: 'Open Sans';
	font-size: 13px;
	clear: both;
	text-align: left;
	margin: 0px 10px;
}
section#apatareas section#forito article h4
{
	clear: both;
	font-size: 15px;
	margin: 0px 10px;
	padding: 5px 0px;
	font-family: 'Open Sans';
	text-align: justify;
}






/*------------------------------CALENDARIO NUEVO-------------------------------------*/
/*!
 * FullCalendar v2.2.6 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */


.fc {
	direction: ltr;
	text-align: left;
}

.fc-rtl {
	text-align: right;
}

body .fc { /* extra precedence to overcome jqui */
	font-size: 1em;
}


/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed hr,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
	border-color: #ddd;
}

.fc-unthemed .fc-popover {
	background-color: #fff;
}

.fc-unthemed hr,
.fc-unthemed .fc-popover .fc-header {
	background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	color: #666;
}

.fc-unthemed .fc-today {
	background: #fcf8e3;
}

.fc-highlight { /* when user is selecting cells */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-bgevent { /* default look for background events */
	background: rgb(143, 223, 130);
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-nonbusiness { /* default look for non-business-hours areas */
	/* will inherit .fc-bgevent's styles */
	background: #ccc;
}


/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
	display: inline-block;
	font-size: 2em;
	line-height: .5em;
	height: .5em; /* will make the total height 1em */
	font-family: "Courier New", Courier, monospace;
}

.fc-icon-left-single-arrow:after {
	content: "\02039";
	font-weight: bold;
}

.fc-icon-right-single-arrow:after {
	content: "\0203A";
	font-weight: bold;
}

.fc-icon-left-double-arrow:after {
	content: "\000AB";
}

.fc-icon-right-double-arrow:after {
	content: "\000BB";
}

.fc-icon-x:after {
	content: "\000D7";
}


/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
	/* force height to include the border and padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	/* dimensions */
	margin: 0;
	height: 2.1em;
	padding: 0 .6em;

	/* text & cursor */
	font-size: 1em; /* normalize */
	white-space: nowrap;
	cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner { margin: 0; padding: 0; }
	
.fc-state-default { /* non-theme */
	border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* icons in buttons */

.fc button .fc-icon { /* non-theme */
	position: relative;
	top: .05em; /* seems to be a good adjustment across browsers */
	margin: 0 .1em;
}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
}


/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
	display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
	float: left;
	margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child { /* same */
	margin-left: 0;
}


/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
	position: absolute;
	box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.fc-popover .fc-header {
	padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
	margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
	cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
	float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
	float: right;
}

/* unthemed */

.fc-unthemed .fc-popover {
	border-width: 1px;
	border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	font-size: 25px;
	margin-top: 4px;
}

/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
	border-top: 0; /* where they meet, let the header have the border */
}


/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc hr {
	height: 0;
	margin: 0;
	padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
	border-style: solid;
	border-width: 1px 0;
}

.fc-clear {
	clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
	/* these element should always cling to top-left/right corners */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.fc-bg {
	bottom: 0; /* strech bg to bottom edge */
}

.fc-bg table {
	height: 100%; /* strech bg to bottom edge */
}


/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em; /* normalize cross-browser */
}

.fc th {
	text-align: center;
}

.fc th,
.fc td {
	border-style: solid;
	border-width: 1px;
	padding: 0;
	vertical-align: top;
}

.fc td.fc-today {
	border-style: double; /* overcome neighboring borders */
}


/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
	/* no visible border by default. but make available if need be (scrollbar width compensation) */
	border-style: solid;
	border-width: 0;
}

.fc-row table {
	/* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
	border-left: 0 hidden transparent;
	border-right: 0 hidden transparent;

	/* no bottom borders on rows */
	border-bottom: 0 hidden transparent; 
}

.fc-row:first-child table {
	border-top: 0 hidden transparent; /* no top border on first row */
}


/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
	position: relative;
}

.fc-row .fc-bg {
	z-index: 1;
}

/* highlighting cells & background event skeleton */

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
	bottom: 0; /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
	height: 100%; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
	border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
	z-index: 2;

}

.fc-row .fc-highlight-skeleton {
	z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton {
	position: relative;
	z-index: 4;
	padding-bottom: 2px; /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
	z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
	/* see-through to the background below */
	background: none; /* in case <td>s are globally styled */
	border-color: transparent;

	/* don't put a border between events and/or the day number */
	border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
.fc-row .fc-helper-skeleton tbody td {
	/* don't put a border between event cells */
	border-top: 0;
}


/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
	overflow-y: scroll;
	overflow-x: hidden;
}

.fc-scroller > * { /* we expect an immediate inner element */
	position: relative; /* re-scope all positions */
	width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
	overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */
}


/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
	position: relative; /* for resize handle and other inner positioning */
	display: block; /* make the <a> tag block */
	font-size: .85em;
	line-height: 1.3;
	border-radius: 3px;
	border: 1px solid #3a87ad; /* default BORDER color */
	background-color: #3a87ad; /* default BACKGROUND color */
	font-weight: normal; /* undo jqui's ui-widget-header bold */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
	color: #fff; /* default TEXT color */
	text-decoration: none; /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
	cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed, /* causes a "warning" cursor. applied on body */
.fc-not-allowed .fc-event { /* to override an event's custom cursor */
	cursor: not-allowed;
}


/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
	margin: 1px 2px 0; /* spacing between events and edges */
	padding: 0 1px;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-day-grid-event.fc-not-start,
.fc-rtl .fc-day-grid-event.fc-not-end {
	margin-left: 0;
	border-left-width: 0;
	padding-left: 1px; /* replace the border with padding */
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.fc-ltr .fc-day-grid-event.fc-not-end,
.fc-rtl .fc-day-grid-event.fc-not-start {
	margin-right: 0;
	border-right-width: 0;
	padding-right: 1px; /* replace the border with padding */
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.fc-day-grid-event > .fc-content { /* force events to be one-line tall */
	overflow: hidden;
}

.fc-day-grid-event .fc-time {
	font-weight: bold;
}

/* resize handle (outside of fc-content, so can go outside of bounds) */

.fc-day-grid-event .fc-resizer {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 7px;
}

.fc-ltr .fc-day-grid-event .fc-resizer {
	right: -3px;
	cursor: e-resize;
}

.fc-rtl .fc-day-grid-event .fc-resizer {
	left: -3px;
	cursor: w-resize;
}


/* Event Limiting
--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more {
	margin: 1px 3px;
	font-size: .85em;
	cursor: pointer;
	text-decoration: none;
}

a.fc-more:hover {
	text-decoration: underline;
}

.fc-limited { /* rows and cells that are hidden because of a "more" link */
	display: none;
}

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
	z-index: 1; /* make the "more" popover one higher than this */
}

.fc-more-popover {
	z-index: 2;
	width: 220px;
}

.fc-more-popover .fc-event-container {
	padding: 10px;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
	text-align: center;
	margin-bottom: 1em;
}

.fc-toolbar .fc-left {
	float: left;
}

.fc-toolbar .fc-right {
	float: right;
}

.fc-toolbar .fc-center {
	display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
	float: left;
	margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
	margin-left: 0;
}
	
/* title text */

.fc-toolbar h2 {
	margin: 0;
}

/* button layering (for border precedence) */

.fc-toolbar button {
	position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
	z-index: 2;
}
	
.fc-toolbar .fc-state-down {
	z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
	z-index: 4;
}

.fc-toolbar button:focus {
	z-index: 5;
}


/* View Structure
--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}

.fc-view, /* scope positioning and z-index's for everything within the view */
.fc-view > table { /* so dragged elements can be above the view's main element */
	position: relative;
	z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
	/* we are sure there are no day numbers in these views, so... */
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view tbody .fc-row {
	min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
	overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* week and day number styling */

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
	padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
	padding-top: 2px;
	padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
	text-align: center;
}

.fc-basic-view .fc-week-number span {
	/* work around the way we do column resizing and ensure a minimum width */
	display: inline-block;
	min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
	text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
	text-align: left;
}

.fc-day-number.fc-other-month {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
	position: relative;
	z-index: 2; /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
	min-height: 3em; /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
}


/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */
	vertical-align: middle;
	padding: 0 4px;
	white-space: nowrap;
}

.fc-ltr .fc-axis {
	text-align: right;
}

.fc-rtl .fc-axis {
	text-align: left;
}

.ui-widget td.fc-axis {
	font-weight: normal; /* overcome jqui theme making it bold */
}


/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container, /* so scroll container's z-index is below all-day */
.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
	position: relative;
	z-index: 1;
}

.fc-time-grid {
	min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
	border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
	z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
	position: relative;
	z-index: 2;
}

.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.fc-time-grid .fc-bgevent-skeleton {
	z-index: 3;
}

.fc-time-grid .fc-highlight-skeleton {
	z-index: 4;
}

.fc-time-grid .fc-content-skeleton {
	z-index: 5;
}

.fc-time-grid .fc-helper-skeleton {
	z-index: 6;
}


/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-slats td {
	height: 1.5em;
	border-bottom: 0; /* each cell is responsible for its top border */
}

.fc-slats .fc-minor td {
	border-top-style: dotted;
}

.fc-slats .ui-widget-content { /* for jqui theme */
	background: none; /* see through to fc-bg */
}


/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
	position: relative; /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
	position: absolute;
	left: 0;
	right: 0;
	/* top and bottom will be in by JS */
}


/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-event-container, /* a div within a cell within the fc-content-skeleton */
.fc-time-grid .fc-bgevent-container { /* a div within a cell within the fc-bgevent-skeleton */
	position: relative;
}

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
	margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
	margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
	position: absolute;
	z-index: 1; /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
	/* background events always span full width */
	left: 0;
	right: 0;
}


/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event.fc-not-start { /* events that are continuing from another day */
	/* replace space made by the top border with padding */
	border-top-width: 0;
	padding-top: 1px;

	/* remove top rounded corners */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.fc-time-grid-event.fc-not-end {
	/* replace space made by the top border with padding */
	border-bottom-width: 0;
	padding-bottom: 1px;

	/* remove bottom rounded corners */
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.fc-time-grid-event {
	overflow: hidden; /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event > .fc-content { /* contains the time and title, but no bg and resizer */
	position: relative;
	z-index: 2; /* above the bg */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
	padding: 0 1px;
}

.fc-time-grid-event .fc-time {
	font-size: .85em;
	white-space: nowrap;
}

.fc-time-grid-event .fc-bg {
	z-index: 1;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25); /* for IE */
}

/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
	/* don't wrap to second line (now that contents will be inline) */
	white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
	/* put the time and title on the same line */
	display: inline-block;
	vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
	display: none; /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
	content: attr(data-start); /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
	content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
	font-size: .85em; /* make the title text the same size as the time */
	padding: 0; /* undo padding from above */
}

/* resizer */

.fc-time-grid-event .fc-resizer {
	position: absolute;
	z-index: 3; /* above content */
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	overflow: hidden;
	line-height: 8px;
	font-size: 11px;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
}

.fc-time-grid-event .fc-resizer:after {
	content: "=";
}


/*----------------------BECAS--------------------------*/
section#becas
{
	
	max-width: 480px;
	padding: 10px 0px;
	background-color: #fff;
	margin: 0 auto;
}
section#becas h2
{
	clear: both;
	font-family: 'Open Sans';
	font-size: 20px;
	margin: 0px;
}
section#becas article
{
	width: 98%;
	padding: 10px 0px;
	float: left;
	margin: 0px 1%;
}
section#becas article table.bec1
{
	width: 100%;
	margin: 0px 0px 25px 0px;
	float: left;
}
section#becas article table.bec1 .td11,
section#becas article table.bec1 .td12,
section#becas article table.bec1 .td13,
section#becas article table.bec1 .td14,
section#becas article table.bec1 .td15
{
	background-color: #808080;
	color: #fff;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 12px;
}
section#becas article table.bec1 .td21,
section#becas article table.bec1 .td22,
section#becas article table.bec1 .td23,
section#becas article table.bec1 .td24,
section#becas article table.bec1 .td25
{
	border-bottom: 1px solid #d3d3d3;
	font-family: 'Open Sans';
	font-size: 12px;
}
section#becas article table.bec1 .td31
{
	border-bottom: 1px solid #d3d3d3;
	text-align: center;
	font-family: 'Open Sans';
	text-transform: uppercase;
}
section#becas article table.bec1 .td41
{
	border-bottom: 1px solid #d3d3d3;
	text-align: justify;
	font-family: 'Open Sans';
	font-size: 14px;
}
section#becas article table.bec1 .td51
{
	border-bottom: 1px solid #d3d3d3;
}
section#becas article table.bec1 .td51 input
{
	height: 30px;
	padding: 0px 15px;
	border:none;
	border-radius: 5px;
	background: none;
	background-color: #3d3d3d;
	color: #fff;
	cursor: pointer;
	transition:.3s;
}
section#becas article table.bec1 .td51 input:hover
{
	background-color: #d3d3d3;
	color:#000;
}




/* -------------CREDITOS------------------ */
section#crex
{
	max-width: 480px;
	
	padding: 10px 0px;
	margin: 0 auto;
	background-color: #fff;
}
section#crex h2
{
	clear: both;
	font-family: 'Open Sans';
	margin: 10px 5%;
	color: #8f8f8f;
}
section#crex section#masb
{
	width: 100%;
	height: 50px;
}
section#crex section#masb input
{
	width: 23%;
	float: left;
	margin: 0px 1%;
	font-family: 'Open Sans';
	height: 50px;
}

section#crex table.val
{
	margin: 10px 5%;
}
section#crex table.masb2
{
	background-color: #f8f8f8;
	width: 40%;
	margin: 10px 5%;
	border:1px solid #d3d3d3;
	font-family: 'Open Sans';
}
section#crex table.masb2 select,
section#crex table.masb2 input
{
	width: 100%;
	height: 30px;
}
section#crex table.masb2 textarea
{
	width: 99%;
	height: 60px;
	resize:none;
}
section#crex table.lib1
{
	margin: 10px 5%;
	border:1px solid #d3d3d3;
	background-color: #f8f8f8;
	font-family: 'Open Sans';
	text-align: center;
}
section#crex table.lib1 td
{
	padding: 5px;
}
section#crex table.gene
{
	width: 98%;
	margin: 10px 1%;
	font-family: 'Open Sans';
	font-weight: normal;
	font-size: 15px;
	border:1px solid #d3d3d3;
}
section#crex table.gene td
{
	padding: 10px 5px;
	border-bottom: 1px dashed #d3d3d3;
}
section#crex table.gene td.td1
{
	text-align: center;
	text-transform: uppercase;
	background-color: #d3d3d3;
}
section#crex table.gene td.td2
{
	text-align: center;
}
section#crex article.another
{
	width: 38%;
	height:50px;
	float: left;
	margin: 5px 6%;
}
section#crex article.another img
{
	width: 10%;
	height: 40px;
	float: left;
	margin: 5px 1%;
}
section#crex article.another p
{
	float: left;
	font-family: 'Open Sans';
}
section#crex input.creee
{
	margin: 10px 5%;
	padding: 10px;

}



/*   SERVICIO SOCIAL       */

section#ssocial
{
	max-width: 480px;
	
	background-color: #fff;
	margin: 0 auto;
}
section#ssocial article.masss
{
	width: 100%;
	height: 50px;
}
section#ssocial article.masss input
{
	float: left;
	margin: 5px 10px;
	height: 40px;
}
section#ssocial table.hha
{
	width: 100%;
	clear: both;
}
section#ssocial article.mis
{
	clear: both;
}
section#ssocial article.mis input
{
	padding: 10px;
}
section#ssocial article.vlog
{
	width: 100%;
	clear: both;
}
section#ssocial article.vlog p
{
	margin: 10px 5%;
	font-family: 'Open Sans';
	font-size: 15px;
	text-align: justify;
}
section#ssocial  h3
{
	font-family: 'Open Sans';
	margin: 0px 5%
}
section#ssocial table.sssocial
{
	margin: 0px 5%;
	font-family: 'Open Sans';
	border:1px solid #d3d3d3;
}
section#ssocial table.sssocial td
{
	padding: 5px;
	border-bottom: 1px dashed #d3d3d3;
}



.spanreticula
{
	color: #08AACD;
	text-transform: uppercase;
}



#masbotones
{
	position:fixed;
	transition:.3s;
	z-index: -250;
	width: 90%;
	height: 40%;
	top: -730%;
	left: 5%;
	background-color: #fff;
	background-image:url(../img/iconos/bg04.png);
	border-radius: 10px;
	opacity: 0;
	display: none;
	box-shadow: 0px 0px 10px 0px #3d3d3d;
}
#masbotones img
{
	width: 23%;
	height: 23%;
	float: left;
	margin: 1%;
}

#menustop2
{
	height: 25px;
	width: 25px;
	position: absolute;
	background-image: url(../img/iconos/cerrando.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	right: 0px;
	cursor: pointer;
}