html { padding: 0; margin: 0;}
body { margin: 0 auto; font-family: "Open Sans", sans-serif; font-size:14px; overflow-x:hidden; background: #fff; color:#33322e; display:block; position:relative; font-weight:normal; height:100%; }			

* {box-sizing: border-box;}
img {border: 0; }
ul, ol, li, dl, dt, dd {list-style-type: none; margin: 0; padding:0;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
input:focus, textarea:focus, button:focus {outline: none;}
h1,h2,h3,h4,h5,h6 {padding: 0; margin: 0; }
form,fieldset,label,input {padding: 0;margin: 0; }
fieldset {border: 0;}
p {margin: 0 0; }
*:focus { outline: 0 none;}

#topMovil, #menuMovil { display:none; }

#wrapper { display:block; position:relative; overflow:hidden; width:88%; margin:0 auto; max-width:1480px;  background:#fff; text-align:center;  }

	#wrapper h1 { display:block; position:relative; overflow:hidden; margin:3.85vh auto 0 auto; max-width:179px; max-height:179px; width:12.09%; }
		#wrapper h1 a img { display:block; width:100%; height:auto !important; }
	#wrapper #centro { display:block; position:relative; overflow:hidden; max-width:727px; max-height:47px; margin:0.22vh auto 0 auto; width:49.12%;}
		#wrapper #centro img { display:block; width:100%; height:auto !important; }
	#wrapper h2 { display:block; position:relative; overflow:hidden; text-align:center; font-size:1.125vw; color:#959fa6; text-transform:uppercase; margin-top:1%; font-weight:300; padding-bottom:1%; border-bottom:4px solid #e5e5e5; margin-bottom:3%;}

	#wrapper #columas { display:block; position:relative; overflow:hidden; width:71.21%; margin:0 auto 2% auto; text-align:center; }

		#wrapper #columas #col1 { display:inline-block;  width:30.36%; margin-right:4.26%; }

		#wrapper #columas #col2 { display:inline-block; float:left; width:29.60%; margin-right:2.65%;}

		#wrapper #columas #col3 { display:inline-block; float:left; width:33.11%; }

		#wrapper #columas a .fa { display:block; text-align:center; font-size:5.35vw; color:#676e73; margin-bottom:2.5vh; }
			#wrapper #columas a:hover .fa { color:#f58220; }
		#wrapper #columas a p { display:block; color:#676e73; font-family: "Roboto Slab", sans-serif; font-size:.94vw; }
		#wrapper #columas a h3 { display:block; color:#676e73; font-family: "Roboto Slab", sans-serif; font-size:2.66vw; }
		#wrapper #columas a .fa-plus-circle { display:block; position:relative; overflow:hidden; text-align:center; font-size:1.8vw; color:#676e73; margin-top:3%; }


#bodyPie { display:block; width:100%; position:relative; overflow:hidden;  background:#f2f2f2; }
	#bodyPie #wraPie { display:block; position:relative; overflow:hidden; width:88%; margin:0 auto; max-width:1480px; text-align:center; }

		#wraPie #columas { display:block; position:relative; overflow:hidden; width:71.21%; margin:0 auto 2% auto;  }

		#form_logueo { display:inline-block; float:left; width:30.36%; margin-right:4.26%; margin-top:3%; }
			#form_logueo fieldset { width:65%; display:block; position:relative; overflow: hidden; margin:0 auto; }
				#form_logueo .titulo { display:block; color:#676e73; font-family: "Roboto Slab", sans-serif; font-size:.8vw; text-transform: uppercase; font-weight: 600; margin-bottom:2%; }
				#form_logueo input { display:block; width:100%; position:relative; overflow:hidden; padding:5% 5%; background:#636a6f; margin-bottom:1%; border:0; border-radius:6px;font-size:.8vw; color:#fff; height:35px;}
				#form_logueo button { display:block; position:absolute; top:50%; right:0; width:10%; background:#8c8c8c; height:35px; border:0; cursor:pointer; border-radius:0 6px 6px 0;}
					#form_logueo button .fa-angle-right { color:#fff; font-size:1vw;}

		#registracion { display:inline-block; float:left; width:29.60%; margin-right:2.65%;margin-top:3%;}

			#registracion p { display:block; width:100%; position:relative; overflow:hidden; margin-top:1%; color:#404040; font-size:.7vw;  }
			#registracion a { display:block; margin-top:3%; background:#e77b1e; border:1px solid #e77b1e; padding:2%; text-align:center; color:#fff; font-weight: 400;font-family: "Roboto Slab", sans-serif; font-size:1.1vw;  }
				#registracion a:hover { border:1px solid #e77b1e; background:#fff; color:#e77b1e; }
			#registracion span {display:block; width:100%; position:relative; overflow:hidden; margin-top:1%; color:#f58220; font-size:.7vw; font-style: italic;margin-top:3%; }

		#copy { display:inline-block; float:left; width:33.11%; margin-top:3%; margin-left:18%;}
			#copy .logo { display:block; max-width:169px; max-height:35px; width:50%; margin:0 auto; margin-bottom:1%;  }
				#copy .logo img { display:block; width:100%; height:auto !important; }
			#copy p { display:block; color:#33322e; font-size:.7vw; }
			#copy .osmosis { display:block; color:#33322e; font-size:.7vw; margin-top:2%;}
		#redes { color: #676e73;
    display: block;
    float: left;
    font-family: "Roboto Slab",sans-serif;
    font-size: 0.8vw;
    font-weight: 600;
    margin-bottom: 2%;
    margin-left: 7%;
    margin-top: 4%;
    text-transform: uppercase;
    width: 40%;}
		#redes .contacto{ display: inline-block;float:left; color: #676e73; font-family: "Roboto Slab", sans-serif; font-size: .8vw; text-transform: uppercase; font-weight: 600; margin-margin-right: 2vw; margin-right:7%;}
		#redes .contacto .fa { display:block; color:#A6A6A6; font-size:2.5vw; margin-top:8%;}
		#redes .contacto .fa:hover { color:#EE8B00;}

		#redes .facebook{ display: inline-block;float:left; color: #676e73; font-family: "Roboto Slab", sans-serif; font-size: .8vw; text-transform: uppercase; font-weight: 600; margin-margin-right: 2vw; }
		#redes .facebook .fa { display:block; color:#A6A6A6; font-size:2.5vw; margin-top:8%;}
		#redes .facebook .fa:hover { color:#EE8B00;}


@media screen and (max-width: 780px) {
	#wrapper h1 { width:15.09%; }
	#wrapper #centro { width:60.12%; }

	#col1, #col2, #col3, #form_logueo, #registracion, #copy { float:none !important; margin-right:0 !important; width:100% !important; margin-bottom:5%;}
		#wrapper #columas a .fa { font-size:10vw; margin-bottom:0;}
		#wrapper #columas a p, #form_logueo .titulo, #form_logueo input { font-size:2vw; }
		#wrapper #columas a h3 { font-size:4vw; }
		#wrapper h2 { font-size:2.125vw; }
		#registracion p, #registracion span, #copy p, #copy .osmosis { font-size:1.5vw; }
		#registracion a { margin:2% auto; width:54%; font-size:2vw; }
		#form_logueo button .fa-angle-right { font-size:3vw; }

		#wrapper #columas a .fa-plus-circle { font-size:4vw; margin-bottom:3%; margin-top:2%;}


}
@media screen and (max-width: 540px) {
	#form_logueo input, #form_logueo button { height:30px; }

}