@charset "utf-8";

/* Común a todas las pags */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Quicksand:300,400,700);
*{
	margin:0;
	padding:0;
	border:0;
	}

body{
	background-image: url(00.png);
	}

a {
text-decoration: none;
    color: #c7c7c7
}
.destacado{
	font-weight:bold;
    
	}
.subtitulos{
	line-height:20px;
	font-family: 'Montserrat Alternates', sans-serif;
	font-size:13px;
    color: #fff
	}

/* HOME */

#pagina{
	width:1040px;
    height: 1200px;
	margin:0 auto;
	background-color:#FFF;/* pagina blanca */
	font-family: 'Montserrat', sans-serif;
	font-size:12px;
	line-height:16px;
	position:relative;
	}



header{
	width:960px;
	min-height:160px;
	position:relative;
	}

#top{
    background-image: url(foto_top.png);
	position:center;
	width:1040px;
	height:120px;
	}
	
#logo{
	position:absolute;
	float:center;
	margin:10px 0 0 40px;
	}
	

#entrar{
position: relative;
float: right;
margin: 44px 40px 0 0;
background-color: #d32549;
font-size: 12px;
}

#facebook{
    position: relative;
    float: left;
margin: 4px 40px 0 977;

}
    
nav#botonera_index{
	width:960px;
	height:38px;
	background-color:#0c2043;
	float:center;
	margin:0px 50px 0px 40px;
	}

nav#botonera_index ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: center;
}

nav#botonera_index ul li{
	list-style-type:none;
	width:192px;
	height:38px;
	float:left;
   
	}

nav#botonera_index ul li a{
	text-decoration:none;
	color:#f6f8f8;
	font-size:13px;
	text-align:center;
	width:175px;
	height:27px;
	float:center;
	padding-top:12px;
	display:block;
    
	}


	
#botonera{
	width:960px;
	height:38px;
	background-color:#0c2043;
	float:center;
	margin:0px 50px 0px 40px;
	}

#botonera nav ul li{
	list-style-type:none;
	width:192px;
	height:38px;
	float:left;
   
	}

#botonera nav ul li a{
	text-decoration:none;
	color:#f6f8f8;
	font-size:13px;
	text-align:center;
	width:175px;
	height:27px;
	float:center;
	padding-top:12px;
	display:block;
    
	}



nav#inscripcion_index{
    width:960px;
	height:70px;
	background-color:#90dbd2;
	position:relative;
	float:center;
	margin:10px 40px 10px 40px;
	}

nav#inscripcion_index ul li{
	width:960px;
	height:70px;
	float:left;
    
}

nav#inscripcion_index ul li a{
	text-decoration:none;
	color:#fff;
	font-size:48px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:28 0px 0 0px;
	}








#inscripcion{
    width:960px;
	height:70px;
	background-color:#90dbd2;
	position:relative;
	float:center;
	margin:10px 40px 10px 40px;
	}

#inscripcion nav ul li{
	width:960px;
	height:70px;
	float:left;
    
}

#inscripcion nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:48px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:28 0px 0 0px;
	}
    

#pagina header nav ul li:hover{
	background-color:#555b5f;
	}

#pagina header nav ul li a:hover{
	color:#fff;
	}


#fotocentro{
    position: relative;
	width:960px;
	height:400px;
	background-color:#fff;/* blanca */
	position: center;
    margin-left: 40px;
    margin-right: 4px;

	}



#intro{
	width:960px;
    height: 290px;
	position:relative;
	float:left;
	padding:0px 0 10px 0;
	margin:-45 0px 0 40px;
	background-color:#0c2043;
	}

#article1{
	width:280px;
	float:left;
	padding:10px 10px 10px 10px;
	}

#article2{
	width:270px;
	float:left;
	padding:10px 10px 10px 10px;
	}
#article3{
	width:260px;
	float:left;
	padding:10px 10px 10px 10px;
	}

#imagen1{
	width:148px;
	height:148px;
	float:left;
    position:relative;
    margin: 20 0px 0 360px;
    background-image:url(srg.png)
	}

#imagen1:hover{ background-image:url( cambiosrg.png)}

#imagen2{
	width:148px;
	height:148px;
	float:left;
	margin: 20 0px 0 260px;
	position:relative;
    background-image:url(m1.png)
	}
#imagen2:hover{ background-image:url( cambiom1.png)}


#imagen3{
	width:148px;
	height:148px;
	float:left;
	margin: 20 0px 0 180px;
	position:relative;
    background-image:url(m2.png)
	}
#imagen3:hover{ background-image:url( cambiom2.jpg)}


	
#texto1{
	width:160px;
	float:right;
	margin:178 0px 0 359px;
	position:absolute;
	color:#fff;
    font-family: 'Montserrat Alternates', sans-serif;
	font-size:10px;
	}

#texto2{
	width:120px;
	float:right;
	margin:10 -110px 0 0px;
	position:relative;
	color:#fff;
    font-family: 'Montserrat Alternates', sans-serif;
	font-size:10px;
	}


#texto3{
	width:120px;
	float:right;
	margin:10 -40px 0 0px;
	position:relative;
	color:#fff;
    font-family: 'Montserrat Alternates', sans-serif;
	font-size:10px;
	}

#chat{
    width:322px;
	height:265px;
	float:left;
	margin: -204 0px 0 15px;
	position:relative;
	}






#datos{
    width:960px;
    height: 140px;
	position:relative;
	float:left;
	padding:0px 0 40px 0;
	margin:0 0px 0 0px;
	background-color:#efeae4;
}

#link{
    width:270px;
    height: 30px;
    margin:0 0px 0 400;
}

#linkcintya{
    width:270px;
    height: 30px;
    margin:0 0px 0 430px;
}



/*n1*/

#pagina4{
	width:1040px;
    height: 1698px;
	margin:0 auto;
	background-color:#FFF;/* pagina blanca */
	font-family: 'Montserrat', sans-serif;
	font-size:12px;
	line-height:16px;
	position:relative;
	}

#seccionm1{
    width:322px;
	height:295px;
    position: relative;
    float: center;
    margin: 20px 0px 0px 40px;
    

    
    }

#titulon1{
    width:620px;
	height:70px;
	background-color:#90dbd2;
	position:absolute;
	float:right;
	margin:-85px 0px 0px -10px;
	}

#titulon1 nav ul {
text-decoration:none;
	color:#fff;
	font-size:35px;
    font-family: 'Montserrat', sans-serif;
	text-align:center;
	width:865px;
	height:65px;
	float:none;
    position: relative;
   padding:0px 0 0px 30;
	margin:28 0px 0 -150px;
	}

#texton1{
    width: 600px;
    height: 200px;
    margin:-210 0px 0 390px;
    font-size:13px;
    float: right;
    position: absolute;
}

#cuadrosm1{
    width: 960px;
    height: 590px;
    margin:15px 0 0px -657px;
    float: right;
    position: absolute;
    }

#cuadrossrg{
    width: 310px;
    height: 285px;
    margin:8 0px 0 40px;
    float: right;
    position: absolute;
    }
#cuadrossrg2{
    width: 310px;
    height: 285px;
    margin:-288 0px 0 328px;
    float: center;
    position: absolute;
    }
#cuadrossrg3{
    width: 310px;
    height: 285px;
    margin:-287 0px 0 328px;
    float: right;
    position: absolute;
    }


/*nuestrosdatos*/

#alumno{
    width: 960px;
    height: 900px;
    margin:40 0px 0 75px;
    float: right;
    position: absolute;
    }
    
#texto_cin{
    width: 960px;
    height: 900px;
    margin:40 0px 0 40px;
    float: right;
    position: absolute;
    }
    
    






    
/*inscripcion*/

#botoninscripcion{
    width:960px;
	height:70px;
	background-color:#555C60;
	position:relative;
	float:center;
	margin:10px 40px 10px 40px;
	}


#botoninscripcion nav ul li{
	width:960px;
	height:70px;
	float:left;
    
}

#botoninscripcion nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:48px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:28 0px 0 0px;
	}

#botoninscripcion:hover{
    background-color:#90DCD2;}
    
    
#pagina2 header nav ul li:hover{
	background-color:#555b5f;
	}

#pagina2 header nav ul li a:hover{
	color:#fff;
	}
	
#pagina2{
	width:1040px;
    height: 1680px;
	margin:0 auto;
	background-color:#FFF;/* pagina blanca */
	font-family: 'Montserrat', sans-serif;
	font-size:12px;
	line-height:16px;
	position:relative;
	}

#top2{
    background-image: url(foto_top2.png);
	position:center;
	width:1040px;
	height:120px;
	}

#fotosinscripciones
{
    position: relative;
width: 960px;
height: 950px;
float: left;
margin-left: 0;
margin-top: 15;
}

#comenzarinscripcion
{
font-family: "Lobster";
font-size: 28px;
position: absolute;
margin-top: 840px;
margin-left: 785px;
line-height: 30px;
    text-decoration: none;
color: #fff;
}

#comenzarinscripcion a

{
color: #fff;
     text-decoration: none;
}

#textonuestrametodologia {
color: #D53060;
    font-size: 25px;

font-family: 'Quicksand', sans-serif;
    font-weight: 700;
 
position: absolute;
margin-top: 33px;
margin-left: 394px;}

#textoinscripcionesarriba {
color: #262626;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
position: absolute;
margin-top: 78;
margin-left: 395px;
width: 575px;
text-align: left;}

#textoinscripcionesizquierda

{ font: 10pt;
color: #fff;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
position: absolute;
margin-top: 370;
margin-left: 395px;
width: 272px;
text-align: left;
height: 250px; 
    line-height: 20px;

}


#textoinscripcionesderecha

{
color: #fff;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
position: absolute;
margin-top: 370;
margin-left: 685px;
width: 272px;
text-align: left;
height: 250px;
    line-height: 20px;
}

.texto_destacadobold 
{font-weight: 700;
   
  

}

.texto_destacadoquicksanditalic 
{  
font-family: "quicksand";
    font-style: italic;
}

.texto_destacadocolor 
{   
color: #DC1D42;
    font-weight: 700;
 
}

    

























    /*contacto*/
.botoncontacto {
    	background-color:#df1F41;
}


#pagina3 header nav ul li:hover{
	background-color:#555b5f;
	}

#pagina3 header nav ul li a:hover{
	color:#fff;
	}

#pagina3 {
width:1040px;
    height: 1150px;
	margin:0 auto;
    font-family: 'Montserrat', sans-serif;
	font-size:12px;
	line-height:16px;
	position:relative;
	background-color:#FFF;/* pagina blanca */
	}    


    #top3{
    background-image: url(foto_top3.jpg);
	position:center;
	width:1040px;
	height:120px;
	}



#fotocontacto
{position: relative;
margin-top: 103px;
    margin-left: 40px;
}

.texto_destacadonosencontras
{
  color: #fff;
font-size: 32;
font-family: 'lobster', sans-serif;
position: absolute;
margin-top: -445;
margin-left: 320px;
}

.texto_destacadomartes
{color: #fff;
font-size: 19;
font-family: 'montserrat', sans-serif;
position: absolute;
margin-top: -420;
margin-left: 323px;}

.texto_destacado19a23
{color: #fff;
font-size: 16;
font-family: 'montserrat', sans-serif;
position: absolute;
margin-top: -410;
margin-left: 325px;}

.texto_destacadofaduuba
{ color: #fff;
font-size: 16;
font-family: 'montserrat', sans-serif;
position: absolute;
margin-top: -405;
margin-left: 356px;}


#escribinos {
width: 960px;
height: 44px;
float: left;
    background-color: #555C60;
    margin: 35px 50px 0 40px;
    
    
}

#escribinos p{
text-decoration: none;
color: #fff;
font-size: 28px;
font-family: 'Montserrat', sans-serif;
text-align: left;
width: 880px;
height: 40px;
float: none;
position: absolute;
padding: 0px 0 0px 30;
margin: 14 4px 15 -18px;
letter-spacing: 3px;
font-weight: 700;
	}

#escribinos p:hover:after { 
content:" o acercate a la FADU..."; 
font-family: 'Quicksand', sans-serif;
text-align:left; 
font-size:28px; 
    font-weight: 400;
}

.contacto {

border-radius: 6px;
margin-top: -575px;
width: 300px;
position: absolute;
margin-left: 620;
}
.contacto label{
font-size: 12px;
display: block;
font-weight: bold;
font-family: "montserrat";
    color: #fff;
}

.contacto div{
    margin-bottom: 15px;
}
.contacto input[type='text'], .contacto textarea{
    padding: 7px 6px;
    width: 294px;
    border: 1px solid #CED5D7;
    resize: none;
    box-shadow:0 0 0 3px #EEF5F7;
    margin: 5px 0;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
    outline: none;
    box-shadow:0 0 0 3px #dde9ec;
}
.contacto input[type='submit'] {
border: 1px solid #CED5D7;
box-shadow: 0 0 0 3px #EEF5F7;
padding: 8px 16px;
border-radius: 20px;
font-weight: bold;
text-shadow: 1px 1px 0px rgb(160, 160, 160);
background: #e4f1f6;
background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
background: -webkit-linear-gradient(top, #e4f1f6 0%,#FF001F 100%);
margin-left: 174;
margin-top: 5;
}
.contacto input[type='submit']:hover{
    background: #edfcff;
    background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
    background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%);
}
.contacto input[type='submit']:active{
    background: #cfe6ef;
    background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
    background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}


.frase_contacto {
font-size: 13px;
font-family: "quicksand";
font-style: italic;
color: #11134d;
position: absolute;
margin-left: 86px;
margin-top: -286px;
line-height: 1;
    
}

.frase_contacto2 {
font-size: 14px;
font-family: "quicksand";
color: #11134d;
position: absolute;
margin-left: 308px;
margin-top: -177px;
font-weight: 700;
}

 /*footer*/

 
#footeredificios_home
{
    background-image: url(footer_4.png);
float: left;
margin: 0 0px 0 40px;
width: 960px;
height: 140px;

}

#footeredificios_contacto
{
float: left;
margin-left: 40px;
margin-top: -94px;
}




#footeredificios_inscripcion
{
float: left;
margin-left: 40px;
margin-top: 150px;
}




#footeredificios_nosotros
{
float: left;
margin-left: 40px;
margin-top: 45px;
}


#footeredificios_tp3
{
float: left;
margin-left: 40px;
margin-top: 1px;
}


#footeredificios_tpalumnos
{
float: left;
margin-left: 40px;
margin-top: 159px;
}



#footeredificios_propuesta
{
float: left;
margin: 3px 0 0 40px;
}

#footeredificios_docentes
{
float: left;
margin: -9px 0 0 40px;
}





#footeredificios_niveles
{
float: left;
margin: 900px 0 0 40px;
}

footer {
margin-top: 0px;
margin-left: 40px;
background-color: #DDDDDD;
clear: both;
float: left;
width: 960px;
height: 145px;
    
}

#logofinal {float: right;
margin-right: 45px;
margin-top: 12px}

#redes {
margin-top: 10px;
margin-right: 0px;
margin-left: 30PX;
}

ul {
list-style: none;
}

#linksfinal {    
margin-top: 15px;
width: 700px;
height: 40px;
margin-left: 350px;
padding-left: 5;}

ul {
list-style: none;
}

#linksfinal ul li a {
font-size: 12px;
float: left;
text-decoration: none;
color: #0D2042;
font-family: 'Montserrat'; "bold";
margin-right: 25px;
margin-top: 10px;
}

.footer {
font-family: 'Montserrat';
font-size: 9px;
text-align: center;
width: 425px;
margin-left: 270px;
line-height: 11pt;
padding: 0px;
color: #0D2042;
margin-top: 10;}



#redes ul li {
padding-top: 10px;
float: left;
margin: 5px;
}





 /*nosotros*/

.botonnosotros {
    	background-color:#df1F41;
}


#pagina9 header nav ul li:hover{
	background-color:#555b5f;
	}

#pagina9 header nav ul li a:hover{
	color:#fff;
	}

#pagina9 {
width:1040px;
    height: 1385px;
	margin:0 auto;
    font-family: 'Montserrat', sans-serif;
	font-size:12px;
	line-height:16px;
	position:relative;
	background-color:#FFF;/* pagina blanca */
	}    


    #top9bis{
    background-image: url(top9bis.jpg);
	position:center;
	width:1040px;
	height:120px;
	}


.video {margin-left: 348px;
margin-top: 113px;
position: absolute;
}


#hola {
width: 960px;
height: 44px;
float: left;
    background-color: #f42061;
    margin: 35px 50px 0 40px;
}

#hola p{
	text-decoration:none;
	color:#fff;
font-size:60px; 
    font-family: 'Lobster';
margin-left: 30px;
    margin-top: 15px;
	
	width:880px;
	height:42px;
	float:none;
    position: absolute;
	text-align:Center;
	}

#hola p:hover:after { 
content:" ¡Conocenos!"; 
font-family: "Lobster"; 
text-align:Center; 
font-size:60px; 
}




#fotonosotros {width: 960px;
    height: 200px;
    float:left;
    margin-left: 40px;
margin-top: 42px;
position: relative;
background-image: url(fotonosotros.jpg); }

#fotonosotros:hover {
  background: url(fotonosotros2.jpg);

}



#textonosotros {
    margin-left: 41px;
    margin-top: 33px;
    width: 280px;
    position: relative;
float: left;
font-family: "montserrat";
    font-size: 13px;
    line-height: 2;
    
}

.catgiordano {
    margin-left: -1;
    font-family: "quicksand";
font-weight: 700;
font-size: 23px;
color: #0c2043;}

.catgiordanoitem {
    font-family: "montserrat";
font-weight: 700;
font-size: 15px;
    margin-left: 15px;
}


/*DOCENTES*/

.botondocentes {
    	background-color:#df1F41;
}

#pagina6{
	width:1040px;
    height: 1353px;
	margin:0 auto;
	background-color:#FFF;/* pagina blanca */
	font-family: 'Montserrat', sans-serif;
	font-size:12px;
	line-height:16px;
	position:relative;
	}

#topdocentes{
    background-image: url(todostodos.jpg);
	position:center;
	width:1040px;
	height:120px;
	}
#nuestroequipo nav ul li {
width: 960px;
height: 60px;
float: left;
    background-color: #90dbd2;
    margin: 11px 50px 0 40px;
}

#pagina6 header nav ul li:hover{
	background-color:#555b5f;
	}

#nuestroequipo nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:40px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:23 0px 0 0px;
	}

#ella{
    background-image: url(ella.jpg);
    height: 350px;
    width: 290;
    margin: 94px 0 0 40px;
}

#textoella {
color: #fff;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
position: absolute;
 margin: -414px 0 0 62px;
width: 575px;
text-align: left;}

#textoprofe1 {
color: #fff;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
position: absolute;
 margin: -521px 0 0 370px;
width: 575px;
text-align: left;}



#profe1{
    background-image: url(profe1.jpg);
    height: 200px;
    width: 140;
    margin: -349px 0 0 360px;
}

#profe2{
    background-image: url(profe2.jpg);
    height: 200px;
    width: 140;
    margin: -202px 0 0 527px;
}


#textoprofe2 {
color: #000;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
position: absolute;
 margin: -525px 0 0 540px;
width: 575px;
text-align: left;}






#profe3{
    background-image: url(profe3.jpg);
    height: 200px;
    width: 140;
    margin: -202px 0 0 694px;
}

#textoprofe3 {
color: #000;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
position: absolute;
 margin: -525px 0 0 714px;
width: 575px;
text-align: left;}





#profe4{
    background-image: url(profe4.jpg);
    height: 200px;
    width: 140;
    margin: -202px 0 0 859px;
}

#textoprofe4 {
color: #000;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
position: absolute;
 margin: -525px 0 0 872px;
width: 575px;
text-align: left;}



#grupos nav ul li {
width: 640px;
height: 44px;
float: left;
    background-color: #f42061;
    margin: 40px 0px 0 359px;
}

#grupos nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:16 0px 0 -16px;
	}

#placa1{
    background-color: #b7b7b7;
    height: 115px;
    width: 194px;
    margin: 94px 0 0 359px;
}

#placa2{
    background-color: #b7b7b7;
    height: 115px;
    width: 194px;
    margin: -115px 0 0 581px;
}




#placa3{
    background-color: #b7b7b7;
    height: 115px;
    width: 194px;
    margin: -115px 0 0 804px;
}

#placaa{
    background-color: #d8d9dd;
    height: 250px;
    width: 194px;
    margin: 14px 0 0 359px;
}

#placab{
    background-color:  #d8d9dd;
    height: 250px;
    width: 194px;
    margin: -249px 0 0 581px;
}




#placac{
    background-color:  #d8d9dd;
    height: 250px;
    width: 194px;
    margin: -250px 0 0 804px;
}

#srgplaca
{
font-family: "Lobster";
font-size: 95px;
position: absolute;
line-height: 30px;
    margin: -309px 0 0 352px;
    text-decoration: none;
color: #fff;
}


#m1placa
{
font-family: "Lobster";
font-size: 95px;
position: absolute;
line-height: 30px;
    margin: -309px 0 0 582px;
    text-decoration: none;
color: #fff;
}


#m2placa
{
font-family: "Lobster";
font-size: 95px;
position: absolute;
line-height: 30px;
    margin: -309px 0 0 805px;
    text-decoration: none;
color: #fff;
}

#grupo1 {
color: #000;
font-size: 15px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: -228px 0 0 371px;
width: 575px;
text-align: left;}

#grupo2 {
color: #000;
font-size: 15px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: -228px 0 0 594px;
width: 575px;
text-align: left;}


#grupo3 {
color: #000;
font-size: 15px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: -228px 0 0 819px;
width: 575px;
text-align: left;}

#grupo1foto{
    background-image: url(grupo1.jpg);
    height: 140px;
    width: 194px;
margin: -28px 0 0 359px;

}

#grupo2foto{
    background-image: url(grupo2.jpg);
    height: 140px;
    width: 194px;
margin: -140px 0 0 581px;

}

#grupo3foto{
    background-image: url(grupo3.jpg);
    height: 140px;
    width: 194px;
margin: -140px 0 0 804px;

            }


#fraseella {
color: #000;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
position: absolute;
 margin: -405px 0 0 53px;
width: 290px;
text-align: left;}

                    


/*PROPUESTA*/


.botonpropuesta {
    	background-color:#df1F41;
}


#paginapropuesta {
width:1040px;
    height: 1322px;
	margin:0 auto;
    font-family: 'Montserrat', sans-serif;
	font-size:12px;
	line-height:16px;
	position:relative;
	background-color:#FFF;/* pagina blanca */

}  


#paginapropuesta header nav ul li:hover{
	background-color:#555b5f;
	}


#toppropuesta{ 

 background-image: url(toppropuesta.jpg);
	position:center;
	width:1040px;
	height:120px;
	}


#botonera {
	width:960px;
	height:38px;
	background-color:#0c2043;
	float:center;
	margin:0px 50px 0px 40px;
	}

#botonera nav ul li{
	list-style-type:none;
	width:192px;
	height:38px;
	float:left;
   
	}

#botonera nav ul li a{
	text-decoration:none;
	color:#f6f8f8;
	font-size:13px;
	text-align:center;
	width:175px;
	height:27px;
	float:center;
	padding-top:12px;
	display:block;

    
	}



#propuesta nav ul li {
width: 960px;
height: 44px;
float: left;
    background-color: #f42061;
    margin: 11px 50px 0 40px;
}

#propuesta nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:16 0px 0 0px;
	}

#estructura nav ul li {
width: 960px;
height: 44px;
float: left;
    background-color: #90dbd2;
    margin: 360px 50px 0 40px;
}
#estructura nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:16 0px 0 0px;
	}


#fotosrg{
    background-image: url(srg1.jpg);
  
    height: 300px;
    width: 300;
    margin: 74px 0 0 40px;
}


#srgtexto
{
font-family: "Lobster";
font-size: 50px;
position: absolute;
line-height: 30px;
    margin: -164px 0 0 63px;
    text-decoration: none;
color: #fff;
}


#textosrg {
color: #fff;
font-size: 16px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: -66px 0 0 59px;
width: 575px;
text-align: left;}





#fotomorfo1{
    background-image: url(morfo1.png);
    height: 300px;
    width: 300;
    margin: -301px 0 0 370px;
}


#morfo1texto
{
font-family: "Lobster";
font-size: 50px;
position: absolute;
line-height: 30px;
    margin: -164px 0 0 394px;
    text-decoration: none;
color: #fff;
}



#textom1 {
color: #fff;
font-size: 16px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: -66px 0 0 388px;
width: 575px;
text-align: left;}


#fotomorfo2{
    background-image: url(morfo2.png);
    height: 300px;
    width: 300;
    margin: -301px 0 0 700px;
}


#morfo2texto
{
font-family: "Lobster";
font-size: 50px;
position: absolute;
line-height: 30px;
    margin: -164px 0 0 724px;
    text-decoration: none;
color: #fff;
}

#textom2 {
color: #fff;
font-size: 16px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: -66px 0 0 722px;
width: 575px;
text-align: left;}


#fototaller{
    background-image: url(trabajotaller.jpg);
        height: 360px;
    width: 520px;
    margin: 102px 0 0 479px;
}


#infotextotaller{

color: #000;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
position: absolute;
margin: -345px 0 0 41px;
width: 420px;
text-align: left;}

#subtitulotaller{color: #000;
font-size: 20px;
font-family: 'Lobster', sans-serif;
position: absolute;
margin: -360px 0 0 41px;
width: 420px;
text-align: left;}


 



/*TP ALUMNOS 1*/

#paginatpalumnos {
width:1040px;
    height: 1250px;
	margin:0 auto;
    font-family: 'Montserrat', sans-serif;
	font-size:12px;
	line-height:16px;
	position:relative;
	background-color:#FFF;/* pagina blanca */

}  


#paginatpalumnos header nav ul li:hover{
	background-color:#555b5f;
	}


#topalumnos1{ 

 background-image: url(topalumnos1.jpg);
	position:center;
	width:1040px;
	height:120px;
	}


#botonera {
	width:960px;
	height:38px;
	background-color:#0c2043;
	float:center;
	margin:0px 50px 0px 40px;
	}

#botonera nav ul li{
	list-style-type:none;
	width:192px;
	height:38px;
	float:left;
   
	}

#botonera nav ul li a{
	text-decoration:none;
	color:#f6f8f8;
	font-size:13px;
	text-align:center;
	width:175px;
	height:27px;
	float:center;
	padding-top:12px;
	display:block;

    
	}



#trabajosanteriores nav ul li {
width: 960px;
height: 44px;
float: left;
    background-color: #f42061;
    margin: 11px 50px 0 40px;
}

#trabajosanteriores nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:16 0px 0 0px;
	}

#trabajosanteriores nav ul li {
width: 634px;
height: 44px;
float: left;
    background-color: #90dbd2;
    margin: 14px 0px 0 365px;
}
#trabajosanteriores nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:16 0px 0 0px;
	}


#cuadradom1{
    background-image: url(cuadradom1.jpg);
    height: 286px;
    width: 309;
    margin: 14px 0 0 40px;
}


#textocuadradom1
{
font-family: "Lobster";
font-size: 180px;
position: absolute;
line-height: 30px;
    margin: -164px 0 0 77px;
    text-decoration: none;
color: #fff;
}

#subtitulomorfo1{color: #000;
font-size: 20px;
font-family: 'Lobster', sans-serif;
position: absolute;
margin: -224px 0 0 370px;
width: 420px;
text-align: left;}

#infotpalumnos{

color: #000;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
position: absolute;
margin: -214px 0 0 372px;
width: 610px;
    height: 610px;
text-align: left;}


#destacadom1
{
font-family: "Montserrat";
font-size: 13px;
position: absolute;
line-height: 30px;
    margin: -156px 0 0 373px;
    text-decoration: none;
color: #000;
   width: 610px;
    height: 610px;
}

.texto_destacadoboldtpanteriores
{color: #000;
font-size: 13;
font-family: 'montserrat', sans-serif;
position: absolute;
margin: 18px 0 0 0px;
font-weight: 700;
width: 610;
height: 610;
line-height: 20px}



#ejemplos nav ul li {
width: 960px;
height: 44px;
float: left;
    background-color: #f42061;
    margin: 11px 50px 0 40px;
}

#ejemplos nav ul li p{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Lobster', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:10 0px 0 0px;
	}

#ejemplos nav ul li {
width: 960px;
height: 44px;
float: left;
    background-color: #f42061;
    margin: 26px 0px 0 40px;
}
#ejemplos nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Lobster', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:16 0px 0 0px;
	}



#año2013{
    background-image: url(tp1alumno.jpg);
    height: 220px;
    width: 220;
    margin: 85px 0 0 40px;
}





#año2012{
    background-image: url(tp2alumno.jpg);
    height: 220px;
    width: 220;
    margin:-217px 0 0 288px;
}

#año2011{
    background-image: url(tp3alumno.jpg);
    height: 220px;
    width: 220;
    margin:-220px 0 0 534px;
}

#año2010{
    background-image: url(tp4alumno.jpg);
    height: 220px;
    width: 220;
    margin:-220px 0 0 779px;
}


#textoaño2013
{
font-family: "Lobster";
font-size: 60px;
position: absolute;
line-height: 30px;
    margin: -131px 0 0 90px;
    text-decoration: none;
color: #fff;
}


#textoaño2012
{
font-family: "Lobster";
font-size: 60px;
position: absolute;
line-height: 30px;
    margin: -131px 0 0 340px;
    text-decoration: none;
color: #fff;
}


#textoaño2011
{
font-family: "Lobster";
font-size: 60px;
position: absolute;
line-height: 30px;
    margin: -131px 0 0 589px;
    text-decoration: none;
color: #fff;
}


#textoaño2010
{
font-family: "Lobster";
font-size: 60px;
position: absolute;
line-height: 30px;
    margin: -131px 0 0 827px;
    text-decoration: none;
color: #fff;
}


#trabajos2013 {
color: #000;
font-size: 20px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: 14px 0 0 53px;
width: 575px;
text-align: left;}




#trabajos2012 {
color: #000;
font-size: 20px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: 14px 0 0 301px;
width: 575px;
text-align: left;}





#trabajos2011 {
color: #000;
font-size: 20px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: 14px 0 0 547px;
width: 575px;
text-align: left;}




#trabajos2010 {
color: #000;
font-size: 20px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: 14px 0 0 795px;
width: 575px;
text-align: left;}







/*TP ALUMNOS 2*/

#paginatpalumnos2 {
width:1040px;
    height: 1250px;
	margin:0 auto;
    font-family: 'Montserrat', sans-serif;
	font-size:12px;
	line-height:16px;
	position:relative;
	background-color:#FFF;/* pagina blanca */

}  


#paginatpalumnos2 header nav ul li:hover{
	background-color:#555b5f;
	}


#topalumnos2{ 

 background-image: url(topalumnos1.jpg);
	position:center;
	width:1040px;
	height:120px;
	}


#botonera {
	width:960px;
	height:38px;
	background-color:#0c2043;
	float:center;
	margin:0px 50px 0px 40px;
	}

#botonera nav ul li{
	list-style-type:none;
	width:192px;
	height:38px;
	float:left;
   
	}

#botonera nav ul li a{
	text-decoration:none;
	color:#f6f8f8;
	font-size:13px;
	text-align:center;
	width:175px;
	height:27px;
	float:center;
	padding-top:12px;
	display:block;

    
	}



#trabajosanteriores nav ul li {
width: 960px;
height: 44px;
float: left;
    background-color: #f42061;
    margin: 11px 50px 0 40px;
}

#trabajosanteriores nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:16 0px 0 0px;
	}

#trabajosanteriores nav ul li {
width: 634px;
height: 44px;
float: left;
    background-color: #90dbd2;
    margin: 14px 0px 0 365px;
}
#trabajosanteriores nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:16 0px 0 0px;
	}


#cuadradom2{
    background-image: url(cuadradom2.jpg);
    height: 286px;
    width: 309;
    margin: 14px 0 0 40px;
}


#textocuadradom2
{
font-family: "Lobster";
font-size: 180px;
position: absolute;
line-height: 30px;
    margin: -164px 0 0 77px;
    text-decoration: none;
color: #fff;
}

#destacadom2
{
font-family: "Montserrat";
font-size: 13px;
position: absolute;
line-height: 30px;
    margin: -156px 0 0 373px;
    text-decoration: none;
color: #000;
   width: 610px;
    height: 610px;
}

#infotpalumnos{

color: #000;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
position: absolute;
margin: -206px 0 0 372px;
width: 610px;
text-align: left;}


#subtitulomorfo2{color: #000;
font-size: 20px;
font-family: 'Lobster', sans-serif;
position: absolute;
margin: -224px 0 0 370px;
width: 420px;
text-align: left;}


#ejemplos nav ul li {
width: 960px;
height: 44px;
float: left;
    background-color: #f42061;
    margin: 11px 50px 0 40px;
}

#ejemplos nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:16 0px 0 0px;
	}

#ejemplos nav ul li {
width: 960px;
height: 44px;
float: left;
    background-color: #f42061;
    margin: 26px 0px 0 40px;
}
#ejemplos nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Lobster', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:16 0px 0 0px;
	}



#año2013a{
    background-image: url(m21.jpg);
    height: 220px;
    width: 220;
    margin: 85px 0 0 40px;
}


#año2012a{
    background-image: url(m22.jpg);
    height: 220px;
    width: 220;
    margin:-217px 0 0 288px;
}

#año2011a{
    background-image: url(m23.jpg);
    height: 220px;
    width: 220;
    margin:-220px 0 0 534px;
}

#año2010a{
    background-image: url(m24.jpg);
    height: 220px;
    width: 220;
    margin:-220px 0 0 779px;
}


#textoaño2013a
{
font-family: "Lobster";
font-size: 60px;
position: absolute;
line-height: 30px;
    margin: -131px 0 0 90px;
    text-decoration: none;
color: #fff;
}


#textoaño2012a
{
font-family: "Lobster";
font-size: 60px;
position: absolute;
line-height: 30px;
    margin: -131px 0 0 340px;
    text-decoration: none;
color: #fff;
}


#textoaño2011a
{
font-family: "Lobster";
font-size: 60px;
position: absolute;
line-height: 30px;
    margin: -131px 0 0 589px;
    text-decoration: none;
color: #fff;
}


#textoaño2010a
{
font-family: "Lobster";
font-size: 60px;
position: absolute;
line-height: 30px;
    margin: -131px 0 0 827px;
    text-decoration: none;
color: #fff;
}


#trabajos2013a {
color: #000;
font-size: 20px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: 14px 0 0 53px;
width: 575px;
text-align: left;}




#trabajos2012a {
color: #000;
font-size: 20px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: 14px 0 0 301px;
width: 575px;
text-align: left;}





#trabajos2011a {
color: #000;
font-size: 20px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: 14px 0 0 547px;
width: 575px;
text-align: left;}




#trabajos2010a {
color: #000;
font-size: 20px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: 14px 0 0 795px;
width: 575px;
text-align: left;}





/*TP ALUMNOS 3*/

#paginatpalumnos3 {
width:1040px;
    height: 1250px;
	margin:0 auto;
    font-family: 'Montserrat', sans-serif;
	font-size:12px;
	line-height:16px;
	position:relative;
	background-color:#FFF;/* pagina blanca */

}  


#paginatpalumnos3 header nav ul li:hover{
	background-color:#555b5f;
	}


#topalumnos3{ 

 background-image: url(topalumnos1.jpg);
	position:center;
	width:1040px;
	height:120px;
	}


#botonera {
	width:960px;
	height:38px;
	background-color:#0c2043;
	float:center;
	margin:0px 50px 0px 40px;
	}

#botonera nav ul li{
	list-style-type:none;
	width:192px;
	height:38px;
	float:left;
   
	}

#botonera nav ul li a{
	text-decoration:none;
	color:#f6f8f8;
	font-size:13px;
	text-align:center;
	width:175px;
	height:27px;
	float:center;
	padding-top:12px;
	display:block;

    
	}



#trabajosanteriores nav ul li {
width: 960px;
height: 44px;
float: left;
    background-color: #f42061;
    margin: 11px 50px 0 40px;
}

#trabajosanteriores nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:16 0px 0 0px;
	}

#trabajosanteriores nav ul li {
width: 634px;
height: 44px;
float: left;
    background-color: #90dbd2;
    margin: 14px 0px 0 365px;
}
#trabajosanteriores nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:16 0px 0 0px;
	}


#cuadradosrg{
    background-image: url(cuadradosrg.jpg);
    height: 286px;
    width: 309;
    margin: 14px 0 0 40px;
}


#textocuadradosrg
{
font-family: "Lobster";
font-size: 150px;
position: absolute;
line-height: 30px;
    margin: -164px 0 0 61px;
    text-decoration: none;
color: #fff;
}

#destacadom3
{
font-family: "Montserrat";
font-size: 13px;
position: absolute;
line-height: 30px;
    margin: -136px 0 0 373px;
    text-decoration: none;
color: #000;
   width: 610px;
    height: 610px;
}

#infotpalumnos{

color: #000;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
position: absolute;
margin: -210px 0 0 372px;
width: 610px;
text-align: left;}


#subtitulomorfo3{color: #000;
font-size: 20px;
font-family: 'Lobster', sans-serif;
position: absolute;
margin: -224px 0 0 370px;
width: 420px;
text-align: left;}





#ejemplos nav ul li {
width: 960px;
height: 44px;
float: left;
    background-color: #f42061;
    margin: 11px 50px 0 40px;
}

#ejemplos nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:16 0px 0 0px;
	}

#ejemplos nav ul li {
width: 960px;
height: 44px;
float: left;
    background-color: #f42061;
    margin: 26px 0px 0 40px;
}
#ejemplos nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Lobster', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:16 0px 0 0px;
	}



#año2013b{

    height: 220px;
    width: 220;
    margin: 85px 0 0 40px;
}


#año2012b{
    background-image: url(srgtp2.jpg);
    height: 220px;
    width: 220;
    margin:-217px 0 0 288px;
}

#año2011b{
    background-image: url(srgtp3.jpg);
    height: 220px;
    width: 220;
    margin:-220px 0 0 534px;
}

#año2010b{
    background-image: url(srgtp4.jpg);
    height: 220px;
    width: 220;
    margin:-220px 0 0 779px;
}


#textoaño2013b
{
font-family: "Lobster";
font-size: 60px;
position: absolute;
line-height: 30px;
    margin: -131px 0 0 90px;
    text-decoration: none;
color: #fff;
}


#textoaño2012b
{
font-family: "Lobster";
font-size: 60px;
position: absolute;
line-height: 30px;
    margin: -131px 0 0 340px;
    text-decoration: none;
color: #fff;
}


#textoaño2011b
{
font-family: "Lobster";
font-size: 60px;
position: absolute;
line-height: 30px;
    margin: -131px 0 0 589px;
    text-decoration: none;
color: #fff;
}


#textoaño2010b
{
font-family: "Lobster";
font-size: 60px;
position: absolute;
line-height: 30px;
    margin: -131px 0 0 827px;
    text-decoration: none;
color: #fff;
}


#trabajos2013b {
color: #000;
font-size: 20px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: 14px 0 0 53px;
width: 575px;
text-align: left;}




#trabajos2012b {
color: #000;
font-size: 20px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: 14px 0 0 301px;
width: 575px;
text-align: left;}





#trabajos2011b {
color: #000;
font-size: 20px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: 14px 0 0 547px;
width: 575px;
text-align: left;}




#trabajos2010b {
color: #000;
font-size: 20px;
font-family: 'Quicksand', sans-serif;
position: absolute;
 margin: 14px 0 0 795px;
width: 575px;
text-align: left;}





/*TP 2013*/

#paginatp2013 {
width:1040px;
    height: 1216px;
	margin:0 auto;
    font-family: 'Montserrat', sans-serif;
	font-size:12px;
	line-height:16px;
	position:relative;
	background-color:#FFF;/* pagina blanca */

}  


#paginatp2013 header nav ul li:hover{
	background-color:#555b5f;
	}


#toptp2013{ 

 background-image: url(toptp2013.jpg);
	position:center;
	width:1040px;
	height:120px;
	}


#botonera {
	width:960px;
	height:38px;
	background-color:#0c2043;
	float:center;
	margin:0px 50px 0px 40px;
	}

#botonera nav ul li{
	list-style-type:none;
	width:192px;
	height:38px;
	float:left;
   
	}

#botonera nav ul li a{
	text-decoration:none;
	color:#f6f8f8;
	font-size:13px;
	text-align:center;
	width:175px;
	height:27px;
	float:center;
	padding-top:12px;
	display:block;

    
	}



#trabajo2013 nav ul li {
width: 960px;
height: 44px;
float: left;
    background-color: #f42061;
    margin: 11px 50px 0 40px;
}

#trabajo2013 nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:16 0px 0 0px;
	}

#trabajo2013 nav ul li {
width: 634px;
height: 62px;
float: left;
    background-color: #90dbd2;
    margin: 14px 0px 0 366px;
}
#trabajo2013 nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:40px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:23 0px 0 0px;
	}


#cuadradotp2013{
    background-image: url(cuadradotpgeneral.jpg);
    height: 286px;
    width: 309;
    margin: 14px 0 0 40px;
}




#tp1{
    background-image: url(tp1.jpg);
    height: 195px;
    width: 195;
    margin: -210px 0 0 365px;
}


#texto2013tp
{
font-family: "Lobster";
font-size: 90px;
position: absolute;
line-height: 30px;
    margin: -80px 0 0 451px;
    text-decoration: none;
color: #fff;
}


#tp2{
    background-image: url(tp2.jpg);
    height: 195px;
    width: 195px;
    margin: -195px 0 0 585px;
}


#texto2013tp2
{
font-family: "Lobster";
font-size: 90px;
position: absolute;
line-height: 30px;
    margin: -80px 0 0 655px;
    text-decoration: none;
color: #fff;
}





#tp3{
    background-image: url(tp3.jpg);
    height: 195px;
    width: 195px;
    margin: -195px 0 0 804px;
}


#texto2013tp3
{
font-family: "Lobster";
font-size: 90px;
position: absolute;
line-height: 30px;
    margin: -80px 0 0 867px;
    text-decoration: none;
color: #fff;
}




#tp4{
    background-image: url(tp4.jpg);
    height: 195px;
    width: 195px;
    margin:22px 0 0 364px;
}


#texto2013tp4
{
font-family: "Lobster";
font-size: 90px;
position: absolute;
line-height: 30px;
    margin: -83px 0 0 430px;
    text-decoration: none;
color: #fff;
}



#tp5{
    background-image: url(tp5.jpg);
    height: 195px;
    width: 195px;
    margin:-195px 0 0 585px;
}


#texto2013tp5
{
font-family: "Lobster";
font-size: 90px;
position: absolute;
line-height: 30px;
    margin: -83px 0 0 646px;
    text-decoration: none;
color: #fff;
}

#tp6{
    background-color: #90dbd2;
    height: 195px;
    width: 195px;
    margin:-195px 0 0 804px;
}

#texto2013tp6
{
font-family: "Montserrat";
font-size: 35px;
position: absolute;
line-height: 30px;
    margin:-113px 0 0 821px;
    text-decoration: none;
color: #fff;
}



#frasetp {
color: #000;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
position: absolute;
 margin: -183px 0 0 45px;
width: 290px;
text-align: left;}

    #cuadradogris{
    background-color: #c3c3c3;
    height: 200px;
    width: 740px;
    margin:29px 0 0 40px;
}
       
#subtitulocuadrogris1{color: #000;
font-size: 20px;
font-family: 'Lobster', sans-serif;
position: absolute;
margin: -180px 0 0 63px;
width: 420px;
text-align: left;}


#frasegris1{
color: #000;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
position: absolute;
 margin: -147px 0 0 62px;
width: 310px;
text-align: left;}

#linksgris1{
color: #000;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
position: absolute;
 margin: -183px 0 0 392px;
width: 353px;
text-align: left;}




/*TP2 2013*/

#paginatp2013a {
width:1040px;
    height: 1216px;
	margin:0 auto;
    font-family: 'Montserrat', sans-serif;
	font-size:12px;
	line-height:16px;
	position:relative;
	background-color:#FFF;/* pagina blanca */

}  


#paginatp2013a header nav ul li:hover{
	background-color:#555b5f;
	}


#toptp2013a{ 

 background-image: url(toptp2013.jpg);
	position:center;
	width:1040px;
	height:120px;
	}


#botonera {
	width:960px;
	height:38px;
	background-color:#0c2043;
	float:center;
	margin:0px 50px 0px 40px;
	}

#botonera nav ul li{
	list-style-type:none;
	width:192px;
	height:38px;
	float:left;
   
	}

#botonera nav ul li a{
	text-decoration:none;
	color:#f6f8f8;
	font-size:13px;
	text-align:center;
	width:175px;
	height:27px;
	float:center;
	padding-top:12px;
	display:block;

    
	}



#trabajo2013a nav ul li {
width: 960px;
height: 44px;
float: left;
    background-color: #f42061;
    margin: 11px 50px 0 40px;
}

#trabajo2013a nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:16 0px 0 0px;
	}

#trabajo2013a nav ul li {
width: 634px;
height: 62px;
float: left;
    background-color: #90dbd2;
    margin: 14px 0px 0 366px;
}
#trabajo2013a nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:40px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:23 0px 0 0px;
	}


#cuadradotp2013a{
    background-image: url(cuadradotpgeneral1.jpg);
    height: 286px;
    width: 309;
    margin: 14px 0 0 40px;
}




#tp1a{
    background-image: url(1a.jpg);
    height: 195px;
    width: 195;
    margin: -210px 0 0 365px;
}


#texto2013tpa
{
font-family: "Lobster";
font-size: 90px;
position: absolute;
line-height: 30px;
    margin: -80px 0 0 451px;
    text-decoration: none;
color: #fff;
}


#tp2a{
    background-image: url(2a.jpg);
    height: 195px;
    width: 195px;
    margin: -195px 0 0 585px;
}


#texto2013tp2a
{
font-family: "Lobster";
font-size: 90px;
position: absolute;
line-height: 30px;
    margin: -80px 0 0 655px;
    text-decoration: none;
color: #fff;
}





#tp3a{
    background-image: url(3a.jpg);
    height: 195px;
    width: 195px;
    margin: -195px 0 0 804px;
}


#texto2013tp3a
{
font-family: "Lobster";
font-size: 90px;
position: absolute;
line-height: 30px;
    margin: -80px 0 0 867px;
    text-decoration: none;
color: #fff;
}




#tp4a{
    background-image: url(4a.jpg);
    height: 195px;
    width: 195px;
    margin:22px 0 0 364px;
}


#texto2013tp4a
{
font-family: "Lobster";
font-size: 90px;
position: absolute;
line-height: 30px;
    margin: -83px 0 0 430px;
    text-decoration: none;
color: #fff;
}



#tp5a{
    background-image: url(5a.jpg);
    height: 195px;
    width: 195px;
    margin:-195px 0 0 585px;
}


#texto2013tp5a
{
font-family: "Lobster";
font-size: 90px;
position: absolute;
line-height: 30px;
    margin: -83px 0 0 646px;
    text-decoration: none;
color: #fff;
}

#tp6a{
    background-color: #90dbd2;
    height: 195px;
    width: 195px;
    margin:-195px 0 0 804px;
}

#texto2013tp6a
{
font-family: "Montserrat";
font-size: 35px;
position: absolute;
line-height: 30px;
    margin:-113px 0 0 821px;
    text-decoration: none;
color: #fff;
}



#frasetpa {
color: #000;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
position: absolute;
 margin: -183px 0 0 45px;
width: 290px;
text-align: left;}

    #cuadradogris2{
    background-color: #c3c3c3;
    height: 200px;
    width: 740px;
    margin:29px 0 0 40px;
}
       
#subtitulocuadrogris2{color: #000;
font-size: 20px;
font-family: 'Lobster', sans-serif;
position: absolute;
margin: -180px 0 0 63px;
width: 420px;
text-align: left;}


#frasegris2{
color: #000;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
position: absolute;
 margin: -147px 0 0 62px;
width: 310px;
text-align: left;}

#linksgris2{
color: #000;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
position: absolute;
 margin: -183px 0 0 392px;
width: 358px;
text-align: left;}




/*TP3 2013*/

#paginatp2013b {
width:1040px;
    height: 1216px;
	margin:0 auto;
    font-family: 'Montserrat', sans-serif;
	font-size:12px;
	line-height:16px;
	position:relative;
	background-color:#FFF;/* pagina blanca */

}  


#paginatp2013b header nav ul li:hover{
	background-color:#555b5f;
	}


#toptp2013b{ 

 background-image: url(toptp2013.jpg);
	position:center;
	width:1040px;
	height:120px;
	}


#botonera {
	width:960px;
	height:38px;
	background-color:#0c2043;
	float:center;
	margin:0px 50px 0px 40px;
	}

#botonera nav ul li{
	list-style-type:none;
	width:192px;
	height:38px;
	float:left;
   
	}

#botonera nav ul li a{
	text-decoration:none;
	color:#f6f8f8;
	font-size:13px;
	text-align:center;
	width:175px;
	height:27px;
	float:center;
	padding-top:12px;
	display:block;

    
	}



#trabajo2013b nav ul li {
width: 960px;
height: 44px;
float: left;
    background-color: #f42061;
    margin: 11px 50px 0 40px;
}

#trabajo2013b nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:16 0px 0 0px;
	}

#trabajo2013b nav ul li {
width: 634px;
height: 62px;
float: left;
    background-color: #90dbd2;
    margin: 14px 0px 0 366px;
}
#trabajo2013b nav ul li a{
	text-decoration:none;
	color:#fff;
	font-size:40px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:880px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:23 0px 0 -20px;
	}


#cuadradotp2013b{
    background-image: url(cuadradotpgeneral2.jpg);
    height: 286px;
    width: 309;
    margin: 14px 0 0 40px;
}




#tp1b{
    background-image: url(a1.jpg);
    height: 195px;
    width: 195;
    margin: -210px 0 0 365px;
}


#texto2013tpb
{
font-family: "Lobster";
font-size: 90px;
position: absolute;
line-height: 30px;
    margin: -80px 0 0 451px;
    text-decoration: none;
color: #fff;
}


#tp2b{
    background-image: url(a2.jpg);
    height: 195px;
    width: 195px;
    margin: -195px 0 0 585px;
}


#texto2013tp2b
{
font-family: "Lobster";
font-size: 90px;
position: absolute;
line-height: 30px;
    margin: -80px 0 0 655px;
    text-decoration: none;
color: #fff;
}





#tp3b{
    background-image: url(a3.jpg);
    height: 195px;
    width: 195px;
    margin: -195px 0 0 804px;
}


#texto2013tp3b
{
font-family: "Lobster";
font-size: 90px;
position: absolute;
line-height: 30px;
    margin: -80px 0 0 867px;
    text-decoration: none;
color: #fff;
}




#tp4b{
    background-image: url(a4.jpg);
    height: 195px;
    width: 195px;
    margin:22px 0 0 364px;
}


#texto2013tp4b
{
font-family: "Lobster";
font-size: 90px;
position: absolute;
line-height: 30px;
    margin: -83px 0 0 430px;
    text-decoration: none;
color: #fff;
}



#tp5b{
    background-image: url(a5.jpg);
    height: 195px;
    width: 195px;
    margin:-195px 0 0 585px;
}


#texto2013tp5b
{
font-family: "Lobster";
font-size: 90px;
position: absolute;
line-height: 30px;
    margin: -83px 0 0 646px;
    text-decoration: none;
color: #fff;
}

#tp6b{
    background-color: #90dbd2;
    height: 195px;
    width: 195px;
    margin:-195px 0 0 804px;
}

#texto2013tp6b
{
font-family: "Montserrat";
font-size: 35px;
position: absolute;
line-height: 30px;
    margin:-113px 0 0 821px;
    text-decoration: none;
color: #fff;
}



#frasetpb {
color: #000;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
position: absolute;
 margin: -183px 0 0 45px;
width: 290px;
text-align: left;}

    #cuadradogris3{
    background-color: #c3c3c3;
    height: 200px;
    width: 740px;
    margin:29px 0 0 40px;
}
       
#subtitulocuadrogris3{color: #000;
font-size: 20px;
font-family: 'Lobster', sans-serif;
position: absolute;
margin: -180px 0 0 63px;
width: 420px;
text-align: left;}


#frasegris3{
color: #000;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
position: absolute;
 margin: -147px 0 0 62px;
width: 310px;
text-align: left;}

#linksgris3{
color: #000;
font-size: 13px;
font-family: 'Montserrat', sans-serif;
position: absolute;
 margin: -183px 0 0 392px;
width: 353px;
text-align: left;}



                    
@media screen and (max-width: 660px) {
   
    
   
    header{
	width:660px;
	min-height:160px;
	position:relative;
	}

#top{
    background-image: url(foto_top.png);
	position:center;
	width:660px;
	height:120px;
	}
    
    #facebook{
    position: relative;
    float: left;
margin: 4px 40px 0 597;

}
    
    
    body{
   
    width: 100%;
    height: 100%;
}
    
    
    
    #pagina{
	margin: right;
    margin-top: 20px;
    margin-left: 10px;
        
}



	
#logo{
	position:absolute;
	float:center;
	margin:10px 0 0 220px;
	}
	


nav#botonera_index{
	 width: 560px;
    height: 258px;
    float: center;
    margin:10px 0 0 42px;
	}

nav#botonera_index ul li{
	width: 560px;
    height: 52px; 
    float: center;
	}

nav#botonera_index ul li a{
	    color: #fff;
    width: 560px;
    height: 18px; /*height: 10px;*/
    text-align: center;
    text-decoration: none;
    display: block;
    padding-right: 5px; /*padding-right: 10px;*/
    padding-top: 16px; /* alto de botonera - padding-top: 8px;*/ 
    padding-bottom: 18px; /*mas alto mas margen inferior en botonera*//*padding-bottom: 13px;*/
    
	}
  
    
    
    
    
    
    
    
    
    nav#inscripcion_index{
    width:560px;
	height:70px;
	background-color:#90dbd2;
	position:relative;
	float:center;
	margin:10px 40px 10px 40px;
	}
nav#botonera ul{
    list-style: none;
    margin: -16px;
    padding: 130px;
    padding-top: 378px;
    float: center;
} 
nav#inscripcion_index ul li{
	width:560px;
	height:70px;
	float:left;
    
}

nav#inscripcion_index ul li a{
	text-decoration:none;
	color:#fff;
	font-size:48px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:530px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:28 0px 0 24px;
	}
  
    #fotocentro{
    position: relative;
	width:550px;
	height:300px;
	background-color:#fff;/* blanca */
	position: center;
    margin-left: 44px;
    margin-right: 4px;

	}
    
    
    #intro{
	width:550px;
    height: 450px;
	position:relative;
	float:left;
	padding:0px 0 10px 0;
	margin:-45 0px 0 40px;
	background-color:#0c2043;
	}


#imagen1{
	width:148px;
	height:148px;
	float:left;
    position:relative;
    margin: 0 0px 0 3px;
    background-image:url(srg.png)
	}

#imagen1:hover{ background-image:url( cambiosrg.png)}

#imagen2{
	width:148px;
	height:148px;
	float:left;
	margin:  -167px 0 0 191px;
	position:relative;
    background-image:url(m1.png)
	}
#imagen2:hover{ background-image:url( cambiom1.png)}


#imagen3{
	width:148px;
	height:148px;
	float:left;
	margin: -185 0px 0 380px;
	position:relative;
    background-image:url(m2.png)
	}
#imagen3:hover{ background-image:url( cambiom2.jpg)}


	
#texto1{
	width:160px;
	float:right;
	margin:150px 0px 0 3px;
	position:absolute;
	color:#fff;
    font-family: 'Montserrat Alternates', sans-serif;
	font-size:10px;
	}

#texto2{
	width:120px;
	float:right;
	margin:-17 -110px 0 190px;
	position:absolute;
	color:#fff;
    font-family: 'Montserrat Alternates', sans-serif;
	font-size:10px;
	}


#texto3{
	width:120px;
	float:right;
	margin:-37px -241px 0 0px;
	position:relative;
	color:#fff;
    font-family: 'Montserrat Alternates', sans-serif;
	font-size:10px;
	}
#chat{
    width:322px;
	height:265px;
	float:left;
	margin: 220 0px 0 110px;
	position:absolute;
	}


    
#footeredificios_home
{
float: left;
margin:0 0px 0 40px;
width: 550px;
height: 140px;

}


footer {
margin-top: 0px;
margin-left: 40px;
background-color: #DDDDDD;
clear: both;
float: left;
width: 550px;
height: 145px;
    
}

#logofinal {float: right;
margin-right: 45px;
margin-top: 12px}

#redes {
margin-top: 10px;
margin-right: 0px;
margin-left: 30PX;
}

ul {
list-style: none;
}

#linksfinal {    
margin-top: 15px;
width: 400px;
height: 40px;
margin-left: 80px;


}

ul {
list-style: none;
}

#linksfinal ul li a {
font-size: 12px;
float: right;
text-decoration: none;
color: #0D2042;
font-family: 'Montserrat'; "bold";
margin-right: 100px;
margin-top: 0px;
}

.footer {
font-family: 'Montserrat';
font-size: 9px;
text-align: center;
width: 425px;
margin-left: 60px;
line-height: 11pt;
padding: 0px;
color: #0D2042;
margin-top: 25;}



#redes ul li {
padding-top: 10px;
float: left;
margin: 5px;
}
   
    
    

    #pagina{
	width:660px;
    height: 1480px;
	margin:0 auto;
	background-color:#FFF;/* pagina blanca */
	font-family: 'Montserrat', sans-serif;
	font-size:12px;
	line-height:16px;
	position:relative;
	}
    
}


                    
@media all and (min-width:1px) and (max-width:499px){ 
                        

   
    

    
    
    #pagina{
	margin: center;
    margin-top: 0px;
    margin-left: 40px;
}


#top{
    background-image: url(foto_top.png);
	position:center;
	width:350px;
	height:120px;
    margin: 0px 0px 0 25;
	}
    
    #facebook{
    position: relative;
    float: left;
margin: 10px 0px 0 320;

}
    #entrar{
            position: relative;
    float: left;
margin: 10px 0px 0 300;

}
    
    
	
#logo{
	position:absolute;
	float:center;
	margin:10px 0 0 80px;
	}
	


nav#botonera_index{
	 width: 310px;
    height: 258px;
    float: center;
    margin:10px 0 0 42px;
	}

nav#botonera_index ul li{
	width: 310px;
    height: 52px; 
    float: center;
	}

nav#botonera_index ul li a{
	    color: #fff;
    width: 310px;
    height: 18px; /*height: 10px;*/
    text-align: center;
    text-decoration: none;
    display: block;
    padding-right: 5px; /*padding-right: 10px;*/
    padding-top: 16px; /* alto de botonera - padding-top: 8px;*/ 
    padding-bottom: 18px; /*mas alto mas margen inferior en botonera*//*padding-bottom: 13px;*/
    
	}
  
    
    
    
    
    
    
    
    
    nav#inscripcion_index{
    width:310px;
	height:70px;
	background-color:#90dbd2;
	position:relative;
	float:center;
	margin:10px 40px 10px 40px;
	}
nav#botonera ul{
    list-style: none;
    margin: -16px;
    padding: 130px;
    padding-top: 378px;
    float: center;
} 
nav#inscripcion_index ul li{
	width:310px;
	height:70px;
	float:left;
    
}

nav#inscripcion_index ul li a{
	text-decoration:none;
	color:#fff;
	font-size:30px;
    font-family: 'Montserrat', sans-serif;
	text-align:left;
	width:310px;
	height:42px;
	float:none;
    position: absolute;
   padding:0px 0 0px 30;
	margin:28 0px 0 -14px;
	}
  
    #fotocentro{
    position: relative;
	width:310px;
	height:300px;
	background-color:#fff;/* blanca */
	position: center;
    margin-left: 44px;
    margin-right: 4px;

	}
    
    
    #intro{
	width:310px;
    height: 950px;
	position:relative;
	float:center;
	padding:0px 0 10px 0;
	margin:-120 0px 0 40px;
	background-color:#0c2043;
	}


#imagen1{
	width:148px;
	height:148px;
	float:left;
    position:relative;
    margin: 0 0px 0 60px;
    background-image:url(srg.png)
	}

#imagen1:hover{ background-image:url( cambiosrg.png)}

#imagen2{
	width:148px;
	height:148px;
	float:left;
	margin:  30px 0 0 60px;
	position:relative;
    background-image:url(m1.png)
	}
#imagen2:hover{ background-image:url( cambiom1.png)}


#imagen3{
	width:148px;
	height:148px;
	float:left;
	margin: 30px 0px 0 60px;
	position:relative;
    background-image:url(m2.png)
	}
#imagen3:hover{ background-image:url( cambiom2.jpg)}


	
#texto1{
	width:160px;
	float:right;
	margin:150px 0px 0 60px;
	position:absolute;
	color:#fff;
    font-family: 'Montserrat Alternates', sans-serif;
	font-size:10px;
	}

#texto2{
	width:120px;
	float:right;
	margin:180px -110px 0 60px;
	position:absolute;
	color:#fff;
    font-family: 'Montserrat Alternates', sans-serif;
	font-size:10px;
	}


#texto3{
	width:120px;
	float:right;
	margin:180px 0 0 60px;
	position:absolute;
	color:#fff;
    font-family: 'Montserrat Alternates', sans-serif;
	font-size:10px;
	}
#chat{
    width:310px;
	height:265px;
	float:left;
	margin: 630 0px 0 -5px;
	position:absolute;
	}


    
#footeredificios_home
{
float: left;
margin:0 0px 0 40px;
width: 310px;
height: 140px;

}


footer {
margin-top: 0px;
margin-left: 40px;
background-color: #DDDDDD;
clear: both;
float: left;
width: 310px;
height: 200px;
    
}

#logofinal {float: right;
margin-right: 45px;
margin-top: 12px}

#redes {
margin-top: 10px;
margin-right: 0px;
margin-left: 30PX;
}



#linksfinal {    
margin-top: 18px;
width: 200px;
height: 0px;
margin-left: 80px;


}



#linksfinal ul li a {
font-size: 9px;
float: left;
text-decoration: none;
color: #0D2042;
font-family: 'Montserrat'; "bold";
margin-right: 0px;
margin-top: 2px;
}

.footer {
font-family: 'Montserrat';
font-size: 9px;
text-align: center;
width: 280px;
margin-left: 15px;
line-height: 11pt;
padding: 0px;
color: #0D2042;
margin-top: 95;}



#redes ul li {
padding-top: 10px;
float: left;
margin: 5px;
}
   
    
    
    
    
    

   
    #pagina{
	width:390px;
    height: 1960px;
	
background-color:#FFF;/* pagina blanca */
	font-family: 'Montserrat', sans-serif;
	font-size:12px;
	
	}
    
}

 

                    
@media all and (max-width:321px){ 
  
    #pagina, #header, #top{
	width:310px;

	}  
nav#botonera_index, nav#inscripcion_index, #footer, #logo {margin-left:0}
#fotocentro, #intro, #footeredificios_home, #facebook {margin:0
}
#linksfinal {margin:0; width:100px}
 }