/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700,100);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Pathway+Gothic+One);


*{ margin:0; padding:0;}
body{font-family: Rosario, Arial, Helvetica, sans-serif; background:#FFF;}
body{ max-width:960px; position:relative; margin: 0px auto 0px auto;}


/* menu */
header {width: 100%; height: 50px; background-color:#1D2733; }
header div#izq_logo { width: 15%; float:left;}
header div#izq_logo img { margin: 10px 0 0 100px; }
header div#izq_menu { width:85%; float:right;}
header div#izq_menu nav {list-style:none;margin: 10px 0 0 0;}

ul, ol{ list-style:none;}
ul.menu li a { color: #FFF; width: 100%; text-decoration:none;padding:6px 49px 6px 0; display: block; font-family:Rosario; font-weight:400; font-size:14px;}
.menu > li { float: left;}
.menu li ul {display:none; position: absolute; max-width:85px;}
.menu li:hover > ul { display:block;background-color: rgba(29, 39, 51, 0.8) ; padding-left:5px; z-index:1;}

/************************************ HOME ***********************************/
/* section */
section#home {width:100%; height:600px;}
div.imagen_grande {width:100%; height: 200px; margin-bottom:40px;}
div#homecuerpo {width: 100%; height: 279px; float: left;}

article#homeizquierda {width: 52%; height: 279px; float: left;}

div#tipografiacosgaya {width: 100%; height: 140px; float: left; margin-top:10px;}
div#bajadatipografia {width: 100%; height: 111px; float: left; margin-top:21px;}
div#ingresanteshomedosmilquince {width: 97%; height: 38px; float: left; background-color:#EF8621; margin-top: 3px;}

article#imagencosgaya{ float:left; width:140px;}

aside#tipografiahome {float: left; width: 140px;}
h1#tipohome a {font-family:Roboto Slab; font-weight:700; font-size:145px; color: #9BC947; line-height: 50%; margin: 12px 0 0 8px;text-decoration:none;}
h2#grafiahome a {font-family:Pathway Gothic One; font-weight:300; font-size: 117px;margin:22px 0 0 109px; float: right; color: rgba( 42, 56, 88, 0.8); position:absolute; text-decoration:none;}
p {font-family:Rosario; font-weight:400; font-size: 13px; float: left; }
h1#ingresanteshome a {font-family:Roboto Slab; font-weight:700; font-size:53px; color: #FFF; float: left;margin:4px 0 0 -1px; line-height: 50%;text-decoration:none;}
h2#dosmilquincehome a {font-family:Roboto Slab; font-weight:700; font-size:53px; color: #EF8621; float: right; background-color: #FFF;line-height: 78%;margin:-8px 0 0 0px; position:absolute; text-decoration:none;}

div#homederecha {width: 45%; height: 340px; float: right;}


#homecoluno {width: 38%; height: 155px; background-color: #9bc845; float: left; margin: 0 9px 0 0;}
#homecoluno p#nosotrosunohome a {font-family: Oswald; font-weight:400; padding: 44px 0 0 44px; line-height:115%; letter-spacing: 1px; color:#FFF; font-size: 32px; text-align:center; text-decoration:none; float: left;}
#homecoldos{width: 38%; height: 155px; float: left;margin: 0 9px 0 0;}
#homecoltres p#proyectoshome a {font-family: Oswald; font-weight:400; padding: 0; line-height:100%; letter-spacing: 1px; color:#2a3858; font-size: 52px; text-align:center; text-decoration:none; float: left;}
#homecoltres{width: 19%; height: 155px; float: left;}
#homecolcuatro{width: 38%; height: 155px; float: left; margin-top:9px;}
#homecolcinco{width: 59%; height: 155px; background-color: #9bc845; float: left;margin: 9px 0 0 9px;}
p#cincotrabajos a { font-family:Roboto Slab; text-decoration:none; list-style:none; float:left; font-weight: 700; background-color:#FFF; color:#9bc845; font-size:48px; line-height:72%; margin-top:-2px;}
p#cincoanteriores a { font-family:Roboto Slab; text-decoration:none; list-style:none; float:left; font-size:40px;color:#fff; font-weight: 100;line-height:70%;}
p#cincosniveluno a { font-family: Pathway Gothic One ; text-decoration:none; list-style:none; float:left; font-size:22px;color:#fff; font-weight: 400; background-color: #EF8621; padding: 8px 40px 8px 30px; margin-top: 27px; text-align: center;}
p#cincosniveldos a { font-family: Pathway Gothic One ; text-decoration:none; list-style:none; float:right; font-size:22px;color:#fff; font-weight: 400; background-color: #2a3858; padding: 8px 30px 8px 40px; margin:-23px 0 0 138px;text-align: center;}


/************************************ NOSOTROS ***********************************/ 
section#nosotros { height:500px; width:100%; float:none;}
section article#nosotros { width:60%; padding: 20px 0 0 10px; float:left;}
section article#nosotros h1#lacatedra p#lacatedrala{ font-weight:300; font-family:Roboto Slab; font-size:36px; color:#9AC449;}
section article#nosotros h1#lacatedra p#lacatedracatedra{ font-weight:700;font-family:Roboto Slab; font-size:36px; color:#9AC449;}
hr { background-color: #9AC449; height: 4px; width: 450px; float:left; margin: -16px 0 0 164px;}
section article#nosotros h2{font-family:Rosario; font-size:14px; font-weight:400; color:#000;}
section aside#nosotrosaside { margin:20px 0 0 0; width:30%; float:right;}
section aside#nosotrosaside img { margin:-2px 0 0 -70px; float:left; position:absolute;}
section aside#nosotrosaside h3 { height:92px; position:absolute; font-family:Oswald; font-weight:400; font-size:55px; color:#FFF; background-color:#F18717; margin-left:-25px; padding: 5px 23px 0 67px; list-style:none; text-decoration:none; float:left;}
section aside#nosotrosaside h4 { font-family:Roboto Slab; text-decoration:none; list-style:none; float:left; margin:100px 0 0 0;}
section aside#nosotrosaside p3 { font-size: 61px; color:#1D2733; font-weight:300; margin:0 0 0 -2px;}
section aside#nosotrosaside p4 { font-size:54px;color:#fff; background:#1D2733; line-height:80%; padding:2px;}

/************************************ DOCENTES ***********************************/ 

section#docentes {width:100%; height: 1750px;}
article#docentesfilauno {width: 600px; height: 212px; float:left;}
article#docentesfilauno img {margin: 0 3px 0 3px; float: left;}
h2#nombre_titular { background-color:#000; color: #FFF; font-family:rosario; font-size:12px; margin: -3px 0 0 3px; width: 153px; height:30px; padding:5px 0 5px 10px; display: block; float:left;} 
h4#nombre_cargosuno { background-color:#EF8622; color: #FFF; font-family:rosario; font-size:12px; margin: -1px 0 0 6px; width: 153px; height:30px; padding:5px 0 5px 10px;float:left;} 
article#docentesfilados {width: 800px; height: 157px; float:left; margin: 5px 0 0 169px;}
article#docentesfilados img {margin: 0 3px 0 3px; float: left;}
h5#nombre_docentesuno { background-color:#EF8622; color: #FFF; font-family:rosario; font-size:12px; margin: -1px 3px 0 3px; width: 112px; height:17px; padding:4px 0 5px 10px;float:left;} 
aside#docentesniveluno {float:left; width: 222px;}
article#docentesfilacuatro {width: 480px; height:211px; float:left; margin:20px 0 0 173px;}
h4#nombre_cargosdos { background-color:#9AC449; color: #FFF; font-family:rosario; font-size:12px; margin: -4px 3px 0 0px; width: 153px; height:30px; padding:5px 0 5px 10px;float:left;} 
h6#nombre_docentesdos { background-color:#9AC449; color: #FFF; font-family:rosario; font-size:12px; margin: -1px 3px 0 3px; width: 112px; height:17px; padding:4px 0 5px 10px;float:left;} 
div.tpbotonesdocentes  { width:250px; float:left; margin:125px 0 0 -44px; font-family:Roboto Slab; }
div.tpbotonesdocentesdos { width:250px; float:left; margin:125px 0 0 -97px; font-family:Roboto Slab; }

/************************************ PROPUESTA ***********************************/ 

article#columna1 { width:513px; float:left; margin-top:5px;}
article	h1 { padding-bottom:5px;}
article	h1 p1 { font-family:Roboto Slab; font-weight:300; font-size:36px; color:#1D2733; }
article h1 p2 { font-family:Roboto Slab; font-weight:700; font-size:36px; color:#1D2733; }
#titulo_imagen { float:left; width:165px; margin-top:12px;}
article#columna1 h3 { margin:5px 0 5px 0; text-align:center; font-family:Roboto Slab; font-weight:100; font-size:30px; color:#fff; background-color:#9AC449; width:165px;}
#textobase2 { font-family:Rosario; font-size:12px; color:#000; float:right; width:325px; margin:15px 15px 0 0;}

article#columna2 { width:165px; float:left; margin:10px 10px 0 10px;}
article#columna2 h4 { font-family:Roboto Slab; text-align:center; font-weight:300; font-size:30px; color:#fff; background-color:#F18717;}
#textobase3 { font-family:Rosario; font-size:10px; color:#000; font-weight:400; margin-top:5px;}
#textobase4 { font-family:Rosario; font-size:10px; color:#000; font-weight:700; padding-left:10px ; margin:10px 0 0 0; }
hr.propuesta { background-color: #F18717; height: 4px; width: 165px; float:left; margin:10px 0 0 0;}

article#columna3 { width:250px; float:left;}
article#columna3 h5 { font-family:Roboto Slab; font-weight:300; font-size:37px; color:#9BC850; }
article#columna3 h6 { font-family:Roboto Slab; font-weight:300; font-size:37px; color:#9BC850; letter-spacing:8px; margin-top:-15px;}
article#columna3 p5 { font-family:Rosario; font-size:12px; line-height:100%; color:#000; margin-top:10px; }


/************************************ PROYECTO ***********************************/

article.art1 { width:687px; height:136px; float:left;}
div.eximg { width:165; float:left;}
h1.extension { font-family:Roboto Slab; font-size:44px; font-weight:700; color:#FFF; text-align:right; line-height:45px; position:absolute; margin:0 0 0 53px;}

div.textobase { font-family:Rosario; font-size:13px; color:#000; font-weight:400; padding:5px 0 0 174px;}
h2.extit { font-family:Rosario; font-size:13px; font-weight:700; color:#99C349; float:left;}

article.art2 { width:687px; float:left; margin-bottom:20px;}
div.titulosart2 { width:165px;float:left;}
h1#h1 { margin-top:117px; float:right; text-align:right; font-family:Roboto Slab; font-size:18px; font-weight:100; color:#EF8621; padding-right:2px;}
h2#h2 { margin-top:195px; float:right; text-align:right; font-family:Roboto Slab; font-size:18px; font-weight:100; color:#EF8621;padding-right:2px;}
h3#h3 { margin-top:33px; float:right; text-align:right; font-family:Roboto Slab; font-size:18px; font-weight:100; color:#EF8621;padding-right:2px;}
div.txtart2 { width:339px; font-family:Rosario; font-size:12px; color:#000; float:left; margin:10px 0 0 9px;}
div.invimg { width:165; float:left; margin-left:9px}
h6.investigacion { font-family:Roboto Slab; font-size:59px; font-weight:700; color:#FFF; text-align:left; line-height:60px;position:absolute; margin:2px 0 0 5px; float:left;}

aside.tps { width:250px; float:left; margin:1px 0 0 9px;}
h1.ttps { font-family:Roboto Slab; font-size:31px; font-weight:100; color:#99C349; }
p#textito { font-family:Rosario; font-size:10px; color:#FFF; background-color:#99C349; width:115px; height:127px; float:left; padding:0 0 0 4px; margin-top:-131px; position:absolute;}
.bn09 li { display:none; position:absolute;}
.cl09 li:hover { display:block; position:absolute; z-index:1;}



/************************************ TRABAJOS ***********************************/

article.tphead { width:100%; font-family:Roboto Slab; font-weight:100; font-size:49px; color:#231F20; margin-top:15px;}
h1#tpheads {font-family:Roboto Slab; font-weight:100; font-size:49px; color:#231F20;}
hr.tphr { background-color: #231F20; height: 6px; width: 527px; float:right; margin:-26px 0 0 164px;}

article.tpbody { width:100%;}
div.tptitulos { width:165px;  float:left; }
#tpt1{ margin-top:133px; font-family:Roboto Slab; font-weight:300; font-size:18px; color:#231F20; text-align:right; }
#tpt2 { margin-top:45px; font-family:Roboto Slab; font-weight:300; font-size:18px; color:#231F20; text-align:right; }
div.tptxt { width:339px; font-family:Rosario; font-size:12px; color:#231F20; float:left; margin-left:9px; }
div.tpgif { width:165px; float:left; margin-left:9px; }
div.tpbotones { width:250px; float:left; margin-left:9px; font-family:Roboto Slab; }
li.btnnv1 { background-color:#EF8621; height:77px; list-style:none; text-decoration:none;}
li.btnnv2 { background-color:#9ACA3C; height:77px; margin-top:17px; list-style:none; text-decoration:none;}
#n1 { font-weight:100; font-size:79px; color:#FFF; float:left; margin:-15px 0 0 10px;}
#niv1 { font-weight:700; font-size:34px; color:#FFF; float:left; line-height:30px; margin-top:9px;}


/************************************ FORMULARIOS ***********************************/
.holder_content {
	position: relative;
	float: left;
	width: 100%;
	margin-top:15px;
	background:transparent;
	
	}
.group1 {
	font-family:Roboto Slab;
	float: left;
	width: 270px;
	height:400px;
	position: relative;
	background-color:#2b3858;
	padding:20px;
	margin-bottom:10px;
	font-size:12px;
	color:#FFF;
	

	}

.group1 img {float:left; margin-top:40px;}
	
		.group1 h3{
			font-size:20px; color:#FFF;
			
				}
	
.group2 {
	font-family: Roboto Slab;
	float: left;
	width: 270px;
	height:240px;
	position: relative;
	background-color:#FFF;
	padding:20px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	font-size: 12px;

	}
	
	.group3 {
	font-family:Roboto Slab;
	float: right;
	width: 200px;
	height:350px;
	position: relative;
	background-color:#FFFFFF;
	padding:20px;
	display:box;
	margin-botton:40px;
	margin-left:10px;
	font-size: 12px;}
	


/************************************ NIVEL UNO ***********************************/

article#galeriatp {width:687px; height:550px; float:left;margin: 0 0 0 6px;}
aside#explicaciontp {width:250px; height:400px; float:right; margin: 0 6px 0 0;}
h1#nivelunotps {font-family: roboto slab; font-size:40px; margin-top: -11px; color: #EF8622; font-weight:300;}
div#botonniveldos { width:150px; float:left; margin:25px 5px 5px 105px; background-color: #CCC; height:77px; }
div#botonniveldos a {font-family:Roboto Slab;color:#FFF; font-size:20px; text-decoration:none; float:left;}
#n1tps { font-weight:100; font-size:79px; color:#FFF; float:left; margin:-15px 0 0 10px;}
#niv1tps { font-weight:700; font-size:34px; color:#FFF; float:left; line-height:30px; margin-top:9px;}


/************************************ NIVEL DOS ***********************************/

#niveldostps {font-family: roboto slab; font-size:40px; margin-top: -11px; color:#9BC947 ; font-weight:300;}
div#botonniveluno { width:150px; float:left; margin:11px 5px 5px 105px; background-color: #CCC; height:77px; }
div#botonniveluno a {font-family:Roboto Slab;color:#FFF; font-size:20px; text-decoration:none; float:left;}
h1#ntps { font-weight:100; font-size:79px; color:#FFF; float:left; margin:-15px 0 0 10px;}
h2#nivtps { font-weight:700; font-size:34px; color:#FFF; float:left; line-height:30px; margin-top:9px;}


/************************************ TIPOGRAFIA ***********************************/
section#tipografia {width:100%; height: 850px;}
h1#ideastipografia {font-family: Roboto Slab; font-weight:400; font-size:20px; color: #ef8621;}
article#columna2 img.tipoimg {margin-top:67px;}
h2#elsaber {font-family: Roboto Slab; font-weight:400; font-size:17px; color: #1D2733; margin-top: 59px; text-align: right;}
h6#diversidadtipo {font-family: Roboto Slab; font-weight:400; font-size:17px; color: #1D2733; margin-top: 88px;text-align: right;}
h4#trabajoequipo {font-family: Roboto Slab; font-weight:400; font-size:17px; color: #1D2733; margin-top: 73px;text-align: right;}
h5#construirteoria {font-family: Roboto Slab; font-weight:400; font-size:17px; color: #1D2733; margin-top: 98px;text-align: right;}
div#nrosdefiniciones {font-family: Oswald; font-weight:400; font-size: 70px; color: rgba(155, 200, 59, 0.8);margin-top: 87px; width:100%}
#defcoluno {width: 48%; float: left; height: 260px; }
#defcoldos {width: 48%; float: right; height: 260px;}
h7#tipo1 {position:absolute; z-index:-1;margin: -32px 0 0 -1px;}
h8#tipo2 {position:absolute; z-index:-1;margin: -32px 0 0 -1px;}
h9#tipo3 {position:absolute; z-index:-1; margin: -17px 0 0 -121px;}
h10#tipo4 {position:absolute; z-index:-1;margin: 8px 0 0 -122px;}
p.definicionestipo {clear:inherit; font-family:rosario; font-weight:400; font-size:11px; color:#000;}
div#definicionestitulo {width:100%; height: 50px; float: left;}
h3#definiciones { margin:21px 0 5px 0; text-align:center; font-family:Roboto Slab; font-weight:100; font-size:30px; color:#fff; background-color:#9AC449; width:100%; height:39px;}

/************************************ INGRESANTES ***********************************/
#textobase2-3 { font-family:Rosario; font-size:12px; color:#000; float:right; width:325px; margin:-64px 15px 0 0;}
div#textobase h3#experiencias { margin:16px 103px 0 0; text-align:center; font-family:Roboto Slab; font-weight:100; font-size:30px; color:#fff; background-color:#9AC449; width:250px; height:83px; float: left;}
#titulo_imageningresantes { float:left; width:170px; margin-top:20px;}
article#columna2 h4#trabajosexp { width:160px; font-family:Roboto Slab; text-align:center; font-weight:300; font-size:30px; color:#fff; background-color:#F18717;}

		
/************************************ FOOTER ***********************************/
footer{ width:100%; height: 80px; display:table; float:left; background:#CCC; margin: 10px 0 0 0; padding:0;}
footer div.sociales{ width:100%; background:#9BC947;}
footer div.sociales p.visitanos { font-family:Rosario,Arial, Helvetica, sans-serif; font-size: 12px; text-align:center; padding-top:5px; color: #FFF;margin: 1px 22px 0 321px;  }
footer div.sociales nav { margin:0 0 0 434px;}
footer p.legales { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#FFF; text-align:center; margin: 8px 120px 0 120px;}
footer p a img {padding: 0 80px 40px 80px; }



/* Solo para tablets */
@media screen and (max-width:500px) {
section#home {width:100%; height:600px;}
div#homecuerpo {width:100%; height: 550px;}
div.imagen_grande  {height: 130px;}
div.imagen_grande img {height: 100px; margin:-5px 0 20px 0;}
header {height: 30px;}
header div#izq_logo { width: 10%;}
header div#izq_logo img { margin: 0px }
header div#izq_menu { width:90%; height:30px}
header div#izq_menu nav {list-style:none;margin: 5px 0 0 0;}
ul.menu li a {padding:6px 20px 6px 0;font-size:12px;}
div.imagen_grande {height: 100px; }
article#homeizquierda {width: 100%; height: 200px; float: left;}
div#bajadatipografia {display:none;}
div#homecuerpo div#homederecha {float: left; width: 100%;}
article#homeizquierda div#ingresanteshomedosmilquince {width: 78%; height: 28px; margin: 3px 0 0 51px ;}
div#ingresanteshomedosmilquince h1#ingresanteshome a {font-family:Roboto Slab; font-weight:700; font-size:40px; color: #FFF; float: left;margin:4px 0 0 -1px; line-height: 50%;text-decoration:none;}
div#ingresanteshomedosmilquince h2#dosmilquincehome a {font-family:Roboto Slab; font-weight:700; font-size:40px; color: #EF8621; float: right; background-color: #FFF;line-height: 78%;margin:-8px 0 0 0px; position:absolute; text-decoration:none;}
article#imagencosgaya{ margin-top:-36px}	
div#homecuerpo div#homederecha div#homecoluno {width:155px; height:155px; margin: 0 15px 0 15px;}
div#homecuerpo div#homederecha div#homecoldos {width:155px; height:155px;}
div#homecuerpo div#homederecha div#homecolcinco {width:255px; height:155px;}

div#homecuerpo div#homederecha div#homecolcuatro img {width:155px; height:155px; margin: 0 15px 0 15px;}
div#homecolcinco p#cincotrabajos a {font-size:48px;}
div#homecolcinco p#cincoanteriores a {font-size:41px; line-height:67%;}
p#cincosniveldos a { margin:-21px 0 0 151px; padding:8px 30px 8px 28px;}
aside#tipografiahome h1#tipohome a {font-size:125px; line-height: 27%;}
aside#tipografiahome h2#grafiahome a {font-size: 102px;margin:-4px 0 0 93px;}


footer{ width:100%; height: 50px; display:table; float:left; background:#CCC; margin: 10px 0 0 0; padding:0;}
footer div.sociales{ width:100%; background:#9BC947;}
footer div.sociales p.visitanos {margin: 1px 22px 0 50px;  }
footer div.sociales nav { margin:0 0 0 0;}
footer p.legales { padding-bottom: 20px;}


}


/* Solo para celulares */
@media screen and (max-width:320px) {
section#home {width:100%; height:680px;}
div#homecuerpo {width:100%; height: 680px;}
div.imagen_grande{ display:none;}
header {height: 70px;}
header div#izq_logo {display:none;}
header div#izq_menu nav { width:100%;margin: 5px 0 0 0;}
ul.menu li a {padding:8px 22px 6px 0;font-size:12px;}
article#homeizquierda {width: 100%; height: 350px; float: left;}
div#homecuerpo div#homederecha {float: left; width: 100%;}
article#imagencosgaya{ margin: 10px 10px 10px 91px; width:100%;}
aside#tipografiahome {width:100%; height:200px; margin-top:20px;}


article#homeizquierda div#ingresanteshomedosmilquince {width: 78%; height: 20px; margin:154px 0 0 31px;}
div#ingresanteshomedosmilquince h1#ingresanteshome a {font-family:Roboto Slab; font-weight:700; font-size:28px; color: #FFF; float: left;margin:4px 0 0 -1px; line-height: 44%;text-decoration:none;}
div#ingresanteshomedosmilquince h2#dosmilquincehome a {font-family:Roboto Slab; font-weight:700; font-size:28px; color: #EF8621; float: right; background-color: #FFF;line-height: 98%;margin:-9px 0 0 0px; position:absolute; text-decoration:none;}
div#homecuerpo div#homederecha div#homecoluno {width:130px; height:130px; margin: 0 15px 0 15px;}
div#homecuerpo div#homederecha div#homecoluno a {padding: 38px 0 0 36px; font-size: 25px;}

div#homecuerpo div#homederecha div#homecoldos {width:130px; height:130px;}
div#homecuerpo div#homederecha div#homecoldos img {width:130px; height:130px;}
div#homecuerpo div#homederecha div#homecoltres {display:none;}
div#homecuerpo div#homederecha div#homecolcuatro {display:none;}

div#homecuerpo div#homederecha div#homecolcinco {width:255px; height:155px;}

div#homecuerpo div#homederecha div#homecolcuatro img {width:155px; height:155px; margin: 0 15px 0 15px;}
div#homecuerpo div#homederecha div#homecolcinco {margin:10px 0 0 24px;}
div#homecolcinco p#cincotrabajos a {font-size:48px;}
div#homecolcinco p#cincoanteriores a {font-size:41px; line-height:67%; }
p#cincosniveldos a { margin:-21px 0 0 151px; padding:8px 30px 8px 28px;}
aside#tipografiahome h1#tipohome a {font-size:120px; line-height: 27%; margin-left:10px;}
aside#tipografiahome h2#grafiahome a {font-size: 87px;margin:0px 0 0 108px;}


footer{ width:100%; height: 50px; display:table; float:left; background:#CCC; margin: 10px 0 0 0; padding:0;}
footer div.sociales{ width:100%; background:#9BC947;}
footer div.sociales p.visitanos {margin:1px 22px 10px 66px;  }
footer div.sociales nav { margin:0 0 0 0;}
footer div.sociales nav a { margin:10px 10px 0 35px;}
footer p.legales {margin: 10px 0 0 0;}


}