* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	margin:0 auto;
	font:14px Arial, Helvetica, sans-serif;
	color:#333 !important;
	font-weight:normal !important;
	background:#FFF !important;
	overflow-x:hidden;
}
.vertical-align-wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	display: table;
}
.vertical-align {
	display: table-cell;
}
.vertical-align--middle {
	vertical-align: middle;
}
header {
	margin: 0 0 10px 0; 
	text-align:center !important;
}
.container2 {
	width:100%;
	border:4px solid #fff;
	padding:10px;
	box-shadow:0px 0px 10px #000;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	-s-border-radius:15px;
	-khtml-border-radius:15px;
	background: url(../images/fondo.png) repeat;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
  text-align:center;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 40%;
	float: left;
	padding-right: 10px;
	text-align:right;
	margin-top:8px;
	font:14px Arial, Helvetica, sans-serif;
	color:#666;
}
form > div > div,
form > div > fieldset > div {
  width: 60%;
  float: left;
  text-align:left !important;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 50%;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -s-border-radius:5px;
  -khtml-border-radius:5px;
  border:1px solid #CCC;
  outline:0;
  padding:8px;
  font:14px Arial, Helvetica, sans-serif;
  color:#d90472;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #f60;
}
input[type=submit]{
	background-color:#d90472;
	height:40px;
	width:auto;
	font-weight:600;
	color:#FFF;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	-s-border-radius:8px;
	-khtml-border-radius:8px;
	border:0px;
	float:right;
	cursor:pointer;
	transition:all .2s;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	-s-transition:all .2s;
	-khtml-transition:all .2s;
}
input[type=submit]:hover{
	background-color:#ff5800;
}
.imagen {
	width:80%;
	max-width:450px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}


@media only screen 
and (min-width : 200px)
and (max-width : 480px)
and (orientation : portrait) {
body {
	padding: 0px 9% 0px 10%;
}
.container2 {
	border:3px solid #fff;
	width:80%;
	padding:15px;
 }
form > div > label, legend {
	width: 100%;
	text-align:center;
    margin: 0 0 2px 0;
	font:13px Arial, Helvetica, sans-serif;
	color: #666;
}
form > div > div, form > div > fieldset > div {
    width: 100%;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select {
	font:13px Arial, Helvetica, sans-serif;
	color:#d90472;
	width: 100%; 
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #f60;
}
.imagen {
	width:50% !important;
	margin:0 auto !important;
}
}


@media only screen 
and (min-width : 321px)
and (max-width : 640px)
and (orientation : portrait) {
body {
	padding: 0px 10% 0px 10%;
}
.container2 {
	width:80%;
	padding:18px !important;
}

.imagen {
	width:65% !important;
	margin:0 auto !important;
}
}

@media only screen 
and (min-width : 600px)
and (max-width : 800px)
and (orientation : portrait) {
body {
	margin:0 auto;
	padding: 0px 10% 0px 10%;
}
.container2 {
	border:3px solid #fff;
	width:80%;
	padding:30px !important;
 }
form > div {
    margin: 0 0 8px 0; 
  }
form > div > label, legend {
	width: 100%;
    text-align:center;
	margin-top:2px !important;
  }
form > div > div,  form > div > fieldset > div {
	width: 100%;
    float: none;
  }
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select {
	width: 100%; 
}
.imagen {
	width:65%;
	max-width:300px;
	margin:0 auto !important;
}
}

@media only screen 
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
body {
	margin:0 auto;
	padding: 0px 10% 0px 10%;
}
.container2 {
	width:80%;
	padding:50px !important;
 }
form > div {
    margin: 0 0 8px 0; 
  }
form > div > label, legend {
	width: 100%;
    text-align:center;
	margin-top:2px !important;
  }
form > div > div,  form > div > fieldset > div {
	width: 100%;
    float: none;
  }
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select {
	width: 100%; 
}
.imagen {
	width:65%;
	max-width:300px;
	margin:0 auto !important;
}
}

@media only screen 
and (min-width : 800px)
and (max-width : 1280px)
and (orientation : portrait) {
body {
	margin:0 auto;
	padding: 0px 10% 0px 10%;
}
.container2 {
	width:80% !important;
	padding:80px !important;
 }
form > div {
    margin: 0 0 8px 0; 
  }
form > div > label, legend {
	width: 100%;
    text-align:center;
	margin-top:2px !important;
  }
form > div > div,  form > div > fieldset > div {
	width: 100%;
    float: none;
  }
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select {
	width: 100%; 
}
.imagen {
	max-width:400px !important;
	margin:0 auto !important;
}
}

@media only screen 
and (min-width : 800px)
and (max-width : 1280px)
and (orientation : portrait) {
body {
	padding: 0px 10% 0px 10% !important;
}
.container2 {
	width:100%;
	border:1px solid #fff;
	padding:50px;
	box-shadow:0px 0px 10px #000;
	border-radius:8px;
	background: url(../images/fondo.png) repeat;
	margin:30% 0 30% 0;
}
.imagen {
	width:65%;
	max-width:300px;
	margin:0 auto !important;
}
}

@media only screen 
and (min-width : 300px)
and (max-width : 480px)
and (orientation : landscape) {
body {
	padding: 0 0 0 10%;
}
.container2 {
	width:80%;
	margin:10px 0px;
	padding:10px;
 }
form > div {
    margin: 0 0 8px 0;
	width:100%;
  }
form > div > label, legend {
	width: 40% !important;
    text-align:left !important;
	font:13px Arial, Helvetica, sans-serif;
	margin-top:2px !important;
  }
form > div > div,  form > div > fieldset > div {
	width: 60% !important;
  }
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select {
	width: 100%;
	font:13px Arial, Helvetica, sans-serif; 
}
.imagen {
	width:25% !important;
	max-width:300px;
	margin:0 auto;
}
}

@media only screen 
and (min-width : 321px)
and (max-width : 750px)
and (orientation : landscape) {
body {
	padding: 0 0 0 10%;
}
.container2 {
	width:80%;
	margin:5px 0px;
	padding:5px;
	border:3px solid #fff;
 }
form > div {
    margin: 0 0 8px 0;
	width:100%;
  }
form > div > label, legend {
	width: 30%;
    text-align:left !important;
	font:13px Arial, Helvetica, sans-serif;
	margin-top:2px !important;
  }
form > div > div,  form > div > fieldset > div {
	width: 70%;
  }
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select {
	width: 100%;
	padding:4px;
	font:13px Arial, Helvetica, sans-serif;
}
.imagen {
	width:25% !important;
	max-width:300px;
	margin:0 auto;
}
}


@media only screen 
and (min-width : 768px)
and (max-width : 1376px)
and (orientation : landscape) {
body {
	padding: 0px 15% 0px 25%;
}
.container2 {
	width:50%;
	padding:20px;
 }
  form > div > label,
	legend {
  	text-align: right;
  }
.imagen {
	width:45% !important;
	max-width:300px;
	margin:0 auto;
}
}
@media (min-width: 1301px) {
body {
	padding: 0px 25% 0px 25%;
}
.container2 {
	width:50%;
	padding:20px !important;
 }
  form > div > label,
	legend {
  	text-align: right;
  }

}