@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

/* CSS Document */


.testback{ background-color:#03C;}
img{ border:none; height: auto; max-width:100%;}
a img{ border:none;}
a:link {text-decoration: none; color: #FFF; border: none; }
a:visited {text-decoration: none; color: #FFF; border: none;}
a:active {text-decoration: none; color: #FFF; border:none;}
a:hover {text-decoration: none; color: #FFF; border: none; }
*:focus { outline: 0;}
ul,ol{list-style:none; margin:inherit;}
h1{ color:#FFF;  font-size:4em; margin:35px 0; text-shadow: 4px 4px 2px rgba(150, 150, 150, 0.7);}
h2{ color:#FFF;  font-size:3em; text-shadow: 4px 4px 2px rgba(150, 150, 150, 0.7);}
h3{ color:#FFF;  font-size:2em; padding: 0; margin: 0;}
h4{ color:#E84200;   color:#E84200; font-size:2em;}
p{ font-size:1.1rem; line-height:1.3em;}
section{ width:75%; margin:auto; text-align:center; color:#508ff8; position:relative; background-color:#FFF; margin-top:0; margin-bottom:0; }
.clear{width: 100%; height: 1px; margin: 0 0 -1px; clear: both;}
.left{ float:left;}
.right{ float:right;}
.italic{ font-style: italic; }
.text-left{ text-align:left;}
.text-right{ text-align:right;}
input:focus{outline:0px;} /*con esto borro el focus de Chrome*/
input::-webkit-input-placeholder { font-size:12px; color:#FFF; background-color:rgba(0,0,0,0); resize:none; border-radius:0;}
input::-moz-placeholder { font-size:12px;  color:#FFF; background-color:rgba(0,0,0,0); resize:none; border-radius:0;}
input:-moz-placeholder{ font-size:12px;   color:#FFF; background-color:rgba(0,0,0,0); resize:none; border-radius:0;} /* Older versions of Firefox */
input:-ms-input-placeholder { font-size:12px;   color:#FFF; background-color:rgba(0,0,0,0); resize:none; border-radius:0;}
textarea::-webkit-input-placeholder { font-size:12px; color:#FFF; background-color:rgba(0,0,0,0); resize:none; border-radius:1px;}
textarea::-moz-placeholder { font-size:12px; color:#FFF; background-color:rgba(0,0,0,0); resize:none; border-radius:1px; padding:8px;}
textarea:-moz-placeholder{ font-size:12px; color:#FFF; background-color:rgba(0,0,0,0); resize:none; border-radius:1px; padding:8px;} /* Older versions of Firefox */
textarea:-ms-input-placeholder { font-size:12px;  color:#FFF; background-color:rgba(0,0,0,0); resize:none; border-radius:1px; padding:8px;}
textarea{ font-size:12px; color:#FFF; background-color:rgba(0,0,0,0); resize:none; border: 1px solid #FFF; width:100%; padding:8px; margin-left:5px; border-radius:4px;}
input{ display: inline-block; width:85%; vertical-align: middle; font-size:12px; color:#FFF; background-color:rgba(0,0,0,0); border:none; border: 0; border-radius: 0; margin-left:5px; padding-left:8px;}
.relative{ position:relative;}
.container{padding-right:0;padding-left:0;}
body{ font-family: 'Open Sans', sans-serif;  background-color:#ea651e; height:100%;}
form{ background-color:transparent; border: 1px solid #FFF; -webkit-border-radius: 7px 7px; -moz-border-radius: 7px 7px; border-radius: 7px 7px; padding:2%; box-sizing:border-box;}
input[type="email"],input[type="password"],input[type="text"]{ background-color:transparent; color:#FFF; border: 1px solid #FFF; border-radius: 4px; padding: 6px 12px; }
::-webkit-input-placeholder { color: #FFF;}
::-moz-placeholder { color: #FFF;}
:-moz-placeholder { color: #FFF;}
:-ms-input-placeholder { color: #FFF;}
select{ border:0px; outline:0px; color:#999; font-size:1.3em; margin-left:0; }





#logoimg{ text-align:center; }
#contlogo header {	padding: 0px; color:#FFF;   text-align: center;  width: 50%; height: 50%;  position: absolute;  top:0; bottom: 0;  left: 0; right: 0; margin: auto;}
#contlogo header img{ float: inherit;}
#contlogo ul{ padding:inherit;}
#contlogo ul li:hover{ background-color: rgba(255,255,255,0.5); color:#333;  }
#contlogo ul li{ padding:10px; display: inline-block;  float: inherit; margin-left: inherit; }
#contlogo h1 { font-size:2em; text-shadow:none; color:#FFF; margin:auto; padding:40px 0;}
#contlogo span{ float:right; margin-left:10px; }










@media all and (min-width: 220px) {
#contlogo h1 { font-size:1em; text-shadow:none; color:#FFF; margin:auto; padding:20px 0;}
#contlogo ul li{ float:left; margin-left:20px;}

}



@media all and (min-width: 500px) {


}





@media all and (min-width: 768px) {
#contlogo h1 { font-size:2em; text-shadow:none; color:#FFF; margin:auto; padding:40px 0;}
#contlogo ul li{ padding:10px; display: inline-block;  float: inherit; margin-left: inherit; }

}


@media all and (min-width: 1000px) {
#contlogo h1 { font-size:2em; text-shadow:none; color:#FFF; margin:auto; padding:40px 0;}
#contlogo ul li{ padding:10px; display: inline-block;  float: inherit; margin-left: inherit; }

}


@media all and (min-width: 1600px) {
#contlogo h1 { font-size:2em; text-shadow:none; color:#FFF; margin:auto; padding:40px 0;}

}