/* CSS Document */

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

#principal{max-width: 960px; margin: 0px auto; position:relative}
a{text-decoration:none; list-style: none; color:#000;}
.icono-primero{position:relative; float:right; margin:10px 0 auto 0;}
header img{position:relative; margin: 18px auto; float:left;}
header nav{ position:relative; left: 0px; float:left; margin: 21px auto;}
header nav ul li{display: inline; font-family: "Rosario", sans-serif; font-size:11px; letter-spacing:1px; margin:27px; text-decoration:none}
.banner-principal{width: 804px; margin: 0px 0px 0px 0px; position:relative; text-decoration:none; list-style:none; float:right}
.banner-principal article{margin: 0px 0px auto 0px; position:absolute; float:right}
.italica{font-style:italic;}
.bold{font-weight:bold; color: #C3F}
.bold-dos {font-weight:bold; color:#333333}
.bold-tres{font-weight:bold; color:#666; letter-spacing: 1px;}
.secundario{width: 120px; height:400px; position:relative; float:left}
.secundario-bis{width: 120px; height:300px; position:relative; float:left;}
.herramientas{ margin-left:33px}
.influencias{ margin-left:33px}
.glosario{ margin-left:33px}
.nivel1{ margin-left:33px}
.nivel2{ margin-left:33px}
.facu { position: relative;float: right; margin-top: -25px;}
.linea {width: 730px; height: 1px; background: #C0C; float: right; position: relative;border: medium none; margin: -10px 0px;}
.sociales{ width:200px; height:30px; position:relative; float:left; margin:30px 10px}
.secundario article {width: 100px; height: 125px; position:relative; margin: 0px auto;float: left;}
.terciario{width: 740px; position:relative; float:right; margin: 126px auto 0px auto}
h1{font-family: 'Rosario', sans-serif; font-size:15px; font-weight:700; font-style:italic; letter-spacing:2px;}
.terciario article h3{width: 100%; position:relative; float:left; margin; 10px auto; left: 10px; font-family: "Rosario", sans-serif; font-size:25px; font-style:italic; color:#939}
.terciario article h4{width: 40%; bottom: 30px; position:relative; float:left; left: 10px; margin; 0px auto; font-family: "Rosario", sans-serif; font-size:14px; font-weight:lighter; color:#000}
.terciario article h2{width: auto; position:absolute; margin: 0px auto; z-index: -2; right: 0px;
bottom: 0px;}
.facu{ position:relative; float:right; margin-top: -24px}
.terciario-alumnos{width: 100%; font-family: "Rosario", sans-serif; font-size:14px; font-weight:lighter; color: #333; bottom: 50px;}
.terciario-alumnos article{width: 45%; height: 140px; position:relative; float: left; margin: 0 1%;}
.cuarto{width: 730px; position:relative; float:right; margin: 135px auto 0px auto; padding: 15px 5px}
.cuarto article p {font-family: 'Rosario', sans-serif; font-size:13px; font-weight:400;}

h1{width: 100%; position:relative; float:left; margin; 0px auto; font-family: "Rosario", sans-serif; font-size:25px; font-style:italic; color:#06F; line-height: 1px;}
.cuarto article p{width: 100%; position:relative; float:left; right: 5px; margin; 0px auto; font-family: "Rosario", sans-serif; font-size:14px; font-weight:lighter; color:#000; line-height: 18px; bottom: 20px}
.titulo{font-weight:900; color:#0066FF}
.titulo-2{font-weight:900; color:#0066FF; font-size:15px}
.tres-columnas {width: 960px; min-height: 230px; position:relative; float:left; background:#FFF;}
.tres-columnas article {width: 300px; position:relative; float:left; padding: 5px 10px 0px 10px}
.tres-columnas article h5 {font-family: "Rosario", sans-serif; font-size:15px; font-weight:bold; color:#333; line-height: 18px; margin: 20px 10px}
.tres-columnas article h6 {font-family: "Rosario", sans-serif; font-size:13px; font-weight:lighter; color:#000; line-height: 18px; margin: 20px 10px}
.extras {width: 400px; height:auto; margin 0px auto 0px auto; position:relative; float:right; right: 0px;}
.extras img {margin: 30px 0px}
.docentes{width:482px;float:right; margin: 83px auto; margin-bottom: 197px}
.docentes article {padding: 0px 20px 10px 0px; float: left; position:relative}
.docentes article p{font-family: "Rosario", sans-serif; font-size:10px; font-weight:lighter; color:#000; line-height: 13px; margin: 20px auto}
.docentes article h1{font-family: "Rosario", sans-serif; font-size:14px; font-weight:700; color: #000; line-height:16px; margin: 10px auto; letter-spacing:1px; font-style:italic;}
.docentes article h2{font-family: "Rosario", sans-serif; font-size:14px; font-weight:700; color:#666; line-height:16px; margin: -10px auto; letter-spacing:1px; font-style:italic;}
.docentes-uno {width: 100%; position:relative; float:left; margin: 30px auto;}
.docentes-dos {width: 100%; position:relative; float:left; margin: 10px auto;}
footer{width: 960px; height: 10%; position:relative; float:left; margin: 0px auto;}
footer img{width: 100%; margin: 0px auto 0 auto; position: relative; float:left;}
footer p{font-family: "Rosario", sans-serif; font-size:10px; letter-spacing:1px; text-align:center; margin: 15px auto; position:relative; float: left;}

/*----------------------------------------------------------------------------------------------------------------------*/
/*BITACORA*/

.trabajos{margin:0 auto; position:relative;}
.botonera-izq{ width:80px; height:240px;float:left;}
.descripcion {width: 363px; float: left; padding: 19px; height: 375px; overflow: auto; margin-top: 15px;}
.descripcion-dos{ width:300px; height:300px;float:left; padding:20px;}
.descripcion  h1{font-family: 'Rosario', sans-serif; font-size:15px; font-weight:700; font-style:italic; letter-spacing:2px; color:#600}
.descripcion  p {font-family: 'Rosario', sans-serif; font-size:13px; font-weight:400;}
.informacion  p {font-family: 'Rosario', sans-serif; font-size:13px; font-weight:400;}
.descripcion-dos h1{font-family: 'Rosario', sans-serif; font-size:15px; font-weight:700; font-style:italic; letter-spacing:2px;}
.descripcion-dos p {font-family: 'Rosario', sans-serif; font-size:13px; font-weight:400;}
.descripcion-tres{ width:300px; height:auto;float:left; padding:20px; margin-left: 58px}
.descripcion-tres  h1{font-family: 'Rosario', sans-serif; font-size:15px; font-weight:700; font-style:italic; letter-spacing:1px; text-wrap:normal;}
.descripcion-tres  p {font-family: 'Rosario', sans-serif; font-size:13px; font-weight:400;}
.descripcion-cuatro{ width:300px; height:auto;float:right; padding:20px;}
.descripcion-alumnos{ width:290px; height:auto;float:right; padding:20px;}
.descripcion-cuatro  h1{font-family: 'Rosario', sans-serif; font-size:15px; font-weight:700; font-style:italic; letter-spacing:1px;}
.descripcion-cuatro  p {font-family: 'Rosario', sans-serif; font-size:13px; font-weight:400;}
.descripcion-cinco{ width:320px; height:auto;float:left; padding:20px;}
.descripcion-cinco  h1{font-family: 'Rosario', sans-serif; font-size:18px; font-weight:700; font-style:italic; letter-spacing:1px;}
.descripcion-cinco  p {font-family: 'Rosario', sans-serif; font-size:14px; font-weight:400;}
.italica-influencias {font-family: 'Rosario', sans-serif; font-size:16px; font-weight:100; font-style:italic; letter-spacing: 0,5px; color:#666;}
.italica-todo {font-family: 'Rosario', sans-serif; font-size:16px; font-weight:100; font-style:italic; letter-spacing: 0,5px; color:#666; margin: 22px 24px -4px 36px;}
.intrafadu{font-family: 'Rosario', sans-serif; font-size:16px; font-weight:100; font-style:italic; letter-spacing: 0,5px; color:#666; float: left}
.menu{width: 30px; height: 100px; float: left; margin: -225px 49px 69px 78px; position: absolute; line-height: 37px;
.galeria-slide{ width:273px; height:390px; float:right; margin: 16px 33px 70px 31px; background:#CF9}
.banners { list-style-type:none}
.rslides{ list-style-type:none; galeria-slider;float: right;
margin: 17px;
}}
nav.botonera-der ul{ list-style-type:none} 
.galeria-slider{ width:273px; height:390PX; margin: 16px 33px 70px 31px; float:right}
.galeria-nivel1{ width:273px; height:390PX; margin: 16px 33px 70px 31px; float:right}
.galeria-nivel2{ width:273px; height:417PX;margin: 19px -29px 66px 16px;
float: left;}


.izq {
    width: 459px;
    height: 674px;
    position: relative;
    float: left;
    border: medium none #FC0;
}

/*----------------------------------------------------------------------------------------------------------------------*/
/*CURSADA*/
a:hover.face{ opacity:.30;}
a:hover.twitter{ opacity:.30;}
a:hover.delicius{ opacity:.30;}
a:hover.flicker{ opacity:.30;}
a:hover.rss{ opacity:.30;}
a:hover.google{ opacity:.30;}
a:hover.tschichold { opacity:.30;}
a:hover.intrafadu { opacity:.80;}
.galeria-nivel1 { width:100px; height:100px}


/*----------------------------------------------------------------------------------------------------------------------*/
/*HERRAMIENTAS*/
a:hover.herramientas{ opacity:.30;}
a:hover.influencias{ opacity:.30;}
a:hover.glosario{ opacity:.30;}
a:hover.nivel1{ opacity:.30;}
a:hover.nivel2{ opacity:.30;}


/*----------------------------------------------------------------------------------------------------------------------*/
/*FORMULARIO*/

.izq { width:459px; height:674px; position:relative; float:left; border:#FC0}
.informacion{ width:418px; height:442px;float:left; padding:20px; }
.informacion  h1{font-family: 'Rosario', sans-serif; font-size:15px; font-weight:700; font-style:italic; letter-spacing:2px;}
.informacion  p {font-family: 'Rosario', sans-serif; font-size:13px; font-weight:400;}  
.der { width:482px; height:213px; position:relative; float: right; }
.formulario { width:482px; height:213px; position:relative; float: right; margin:-5px -25px 0px -3px;}
.formulario p {font-family: 'Rosario', sans-serif; font-size:13px; font-weight:400; line-height:50%}
.forma{ padding-left:40px; margin-top:10px}
form input{ border:none; border-radius:5px; background: rgb(227,137,64);}
.titulo-3{font-weight:900; font-size:10px; color:#000}
.gutem { float:right; margin-top: -36px;}
.que { position:relative; float:right}
.opacidad { background:#C00; width:960; opacity:.50; float:	left; margin:0px 0px 0px 0px}

.redes ul li { opacity:10%;; display: inline; text-decoration: none}

.gracias { max-width: 960px; margin: auto; position: relative; font-family: "Rosario", sans-serif; font-size: 14px; letter-spacing: 1px; text-align: center;
margin-top: 386px;
}


/* R E S P O N S I V E / 

/*----------------------------------------------------------------------------------------------------------------------*/
/* Solo para celulares Max 1001 */

@media screen and (max-width:1001px) {
header img{}
header nav { float:left; width:100%; margin: 0px auto; display:block; padding: 0px;}
header nav ul { padding: 0px;}
header nav ul li{padding:10px; margin:0px; font-size:10px;}
.banner-principal{width: 320px; margin: 15px auto; position:absolute; float:none;}
footer {width: 100%;}
.img-footer  img {width: 100%;}
.tres-columnas { width:100%; float: none; min-height: none; position:relative; float:none; background:none;}
.tres-columnas article { width: 100%;max-width: 320px;display: block;float: none; margin: 0 auto;}
.terciario{position: relative; margin: 0 auto; width: 100%; max-width: 740px;}
.terciario article h2 { position: relative; width: 50%; display: inline-block;}
header img { max-width: 317px; display:block; float: none; width: 100%;}
.secundario { width: auto; height: auto; float: none; clear: both; text-align: center;}
.secundario article { float:none; display:inline-block; width: auto;}
header nav {
margin: 0px auto;
float: none;
text-align: center;
}
.banner-principal { float: none; position: relative; width:100%}
.banner-principal article { float: none; position: relative;}
.banner-principal article  img { width:100%;}
.icono-primero { float: none; text-align: center;}

}

/*----------------------------------------------------------------------------------------------------------------------*/
/* Max  610  */

@media screen and (max-width:610px) {

header nav { float:left; width:100%; margin: 0px auto; display:block; padding: 0px;}
header nav ul { padding: 0px;}
header nav ul li{padding:10px; margin:0px; font-size:15px;}
.banner-principal{width: 320px; margin: 15px auto; position:absolute; float:none;}
footer {width: 100%;}
.img-footer  img {width: 100%;}
.tres-columnas { width:100%; float: none; min-height: none; position:relative; float:none; background:none;}
.tres-columnas article { width: 100%;max-width: 320px; display: block; float: none; margin: 0 auto;}
.terciario{position: relative; margin: 0 auto; width: 100%; max-width: 740px;}
.terciario article h2 { position: relative; width: 50%; display: inline-block;}
header img { max-width: 317px; display:block; float: none; width: 100%;}
.secundario { width: auto; height: auto; float: none; clear: both; text-align: center;}
.secundario article { float:none; display:inline-block; width: auto;}
header nav { margin: 0px auto; float: none; text-align: center;}
.banner-principal { float: none; position: relative; width:100%}
.banner-principal article { float: none; position: relative;}
.banner-principal article  img { width:100%;}
.icono-primero { float: none; text-align: center;}

}


/*----------------------------------------------------------------------------------------------------------------------*/
/* MAX 370 */

@media screen and (max-width:370px) {
header nav ul li {display: block;}
}

/*----------------------------------------------------------------------------------------------------------------------*/
/* MAX 320 */

@media screen and (max-width:320px) {
.banner-principal  { display: none;}
.terciario article h4{width: 93%; bottom: 30px; position:relative; float:left; left: 10px; margin; 0px auto; font-family: "Rosario", sans-serif; font-size:14px; font-weight:lighter; color:#000}
.facu {margin-top: -39px; max-width: 100%; padding-bottom: 29px;}	
header nav ul li{padding:10px; margin:0px; font-size:25px;}
}