@font-face {
    font-family: 'asapbold';
    src: url('fuentes/asap-bold-webfont.eot');
    src: url('fuentes/asap-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/asap-bold-webfont.woff') format('woff'),
         url('fuentes/asap-bold-webfont.ttf') format('truetype'),
         url('fuentes/asap-bold-webfont.svg#asapbold') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'asapitalic';
    src: url('fuentes/asap-italic-webfont.eot');
    src: url('fuentes/asap-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/asap-italic-webfont.woff') format('woff'),
         url('fuentes/asap-italic-webfont.ttf') format('truetype'),
         url('fuentes/asap-italic-webfont.svg#asapitalic') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'asapregular';
    src: url('fuentes/asap-regular-webfont.eot');
    src: url('fuentes/asap-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/asap-regular-webfont.woff') format('woff'),
         url('fuentes/asap-regular-webfont.ttf') format('truetype'),
         url('fuentes/asap-regular-webfont.svg#asapregular') format('svg');
    font-weight: normal;
    font-style: normal;}

@charset "utf-8";

body {
	font: 100%/1.4;
	font-family:'asapregular';
	margin: 0;
	padding: 0;
	color: #000;
}

h1{
	font-family:'asapbold';}

/*  Selectores de elemento/etiqueta */

ul, ol, dl { 
	padding: 0;
	margin: 0;
}


a img { 
	border: none;
}


a:link {
	color:#414958;
	text-decoration: underline; 
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}



.container {
	width: 100%; 
	clear: both;
	margin: auto;
	max-width: 1260px;
	min-width: 780px;
	overflow: hidden;
}



.sidebar1 {
	float: left;
	width: 21%;
	height:100%;
	background-image:url(images/fondosidebar1.png);
	background-color:#1e2223;
	padding-bottom: 10px;
	position: fixed;	}

#logo {
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
	display: block;
	margin-top:3rem;}

/*    ICONOS   */

.socialw {
	width: 235px;
	margin: 100px auto 0 auto;
	overflow: auto;
	height: 100%;}

.social{
  position:relative;
	border: 1px solid #292929;
	width: 37px;
	height: 62px;
	float: left;
	margin-left: 10px;
	overflow: hidden;}

.first {
	margin-left: 0px;}

/*    ANIMATIONS   */

/* Fade In Down */
@-webkit-keyframes fadeInDown {
	0% {  opacity: 0;  -webkit-transform: translateY(-100px);}	
	100% {  opacity: 1;  -webkit-transform: translateY(0);}
}

@-moz-keyframes fadeInDown {
	0% {  opacity: 0;  -moz-transform: translateY(-100px);	}	
	100% {  opacity: 1;  -moz-transform: translateY(0);  }
}

@-o-keyframes fadeInDown {
	0% {  opacity: 0;  -o-transform: translateY(-100px);	}	
	100% {  opacity: 1;  -o-transform: translateY(0);  }
}

@keyframes fadeInDown {
	0% {  opacity: 0;  transform: translateY(-100px);	}	
	100% {  opacity: 1;  transform: translateY(0);	}
}

.fadeInDown {
	-webkit-animation: fadeInDown 1s both 0.5s;
	-moz-animation: fadeInDown 1s both 0.5s;
	-o-animation: fadeInDown 1s both 0.5s;
	animation: fadeInDown 1s both 0.5s;}
/* Fade In Down */

/* Social Transition */

.social img{
position:absolute;
left:0;
top:0;
-webkit-transition: margin-top 250ms ease-in;
-moz-transition: margin-top 250ms ease-in;
-o-transition:  margin-top 250ms ease-in;
transition:  margin-top 250ms ease-in;}

.social:hover img{
margin-top:-62px;}
	
.content {
	padding: 10px 0;
	width: 79%;
    height: 100%;
	margin-left: 23%;}


}*/

.sidebar1 ul.nav {
	list-style: none;
	margin-top:4em;
	margin-bottom: 15px;	}

.sidebar1 ul.nav li {
		border-top: solid 1px rgba(0,0,0,0.25);
		box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.075);
		padding: 0.5em 0 0.5em 0;
		border-bottom: solid 1px rgba(0,0,0,0.25);}
			
.sidebar1 ul.nav a, ul.nav a:visited {
	margin-left:5px;
	color:#FFF;
	display: block; 
	padding: 0.4em 1em 0.4em 1em;
	text-decoration: none;
	border-radius: 0.4em;
	outline: 0;
	-moz-transition: background-color .25s ease-in-out, color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out;
	-o-transition: background-color .25s ease-in-out, color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out, color .25s ease-in-out;
	transition: background-color .25s ease-in-out, color .25s ease-in-out;}
	
.sidebar1 ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
			background-color: rgba(200,225,255,0.1);
			color: #fff;}
			
.sidebar1  #QUIERO {
	margin-top:40px;
	border-top: solid 3px rgba(0,0,0,0.25);
	border-bottom: solid 1px rgba(0,0,0,0.25);}

#QUIERO a {
	color:#A7CA45;}
	
	


.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;}

#presentacion {
	width:700px;
	position: relative;
	float: left;
	padding-bottom:15px;
	clear:both;}
	
	
	/* INICIO */
	
#imginicio {
	width: 580px;
	height:388px;	
	left: 50%;
	top: 50%;
	clear: both;
	margin-top:15%;
	padding-bottom:70px;
	}
	
	
	/* CATEDRA */
	
	
#blocke {
	width: 800px;
	clear: both;
	margin: 0;
padding: 0;
display: block;
    margin-left: 0;
    padding-left:10px;
	}
	
#columnas  {
	margin-top:10px;
	position: relative;
	float: left;
	width: 200px;
	padding-bottom:15px;
	display: block;
	padding-right:20px;
    
	}
	
	
#columnas a {
	font-size: 12px;}
	
#columnas h1 {
	font-size:14px;}
	
	
#doc {
	display:block;
	float:left;
	width:100%;}

#doc h1{
	font-size:14px;
	float:left;}


#docentes {
    width: 800px;
    position: relative;
    float:left;
    margin-top: 20px; 
	display: block;
    margin-left: 0;
    padding-left: 0;}

#docentes ul {
	list-style:none;
	display: inline; }
	 
#docentes ul li {
	width: 200px;
	display: inline; 
	list-style:none;
	padding-right:20px;}
	
/* TPS */



#texto {
	width: 254px;
	position: relative;
    float:left;
    margin-top: 20px; }
	
	
#clear {
	clear: both;
	border-bottom: #CCC solid 1px;
	width: 680px;
	display: block;
	margin-bottom:5px;}
	
#contacto {
	margin-top:10px;
	padding: 35px;
	position: relative;
	float: left;
	width: 400px;
	padding-bottom:45px;
	display: block;
	padding-right:20px;
	background-color:#D9D0F4;
	font-size:16px;
	clear:right;}
	
	
#contacto h1 {
	font-size:16px;
	padding-top:20px;}
	
#columnastp{
	width:800px;
	margin-top:25px;
	position: relative;
	float:left;
	padding-bottom:15px;
	display: block;
	padding-right:20px;
	font-size:12px;
	clear:both;}
	
#t {
	width:330px;
	float:left;
	display: block;
	padding:10px;}

#t h1 {
	font-size:14px;}


footer {
  margin-left:25%;   
	color:#999;
	width:625px;	
	font-size:10px;
	margin-bottom:5px;
	z-index:100;
	
	}