@charset "utf-8";
/* CSS Document */

/* constants */
body {width: 100%; height: 100%; margin:auto; border:0; padding:0; background-color: #FFF;}
div {position:relative; font-family: 'Raleway', sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input, select, textarea {font-family: 'Raleway', sans-serif; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a,img{border: 0px; padding: 0; margin: 0;}
a{text-decoration: none;}
p{border: 0px;}


/* estilos */
#main{display: block; width: 90%; max-width: 1024px; margin: 30px auto;}
#main .header{display: inline-block; width: 100%;}
#main .header .combustionlove{display: inline-block; float: left;}
#main .header .sociales{display: inline-block; width: calc(100% - 110px); float: right; margin-top: 28px; border-top: 2px solid #fb85eb;}
#main .header .sociales .icono{float: right; margin: 25px 0 0 20px;}
#main .columna1{display: inline-block; float: left; width: 48%; margin-top: 25px;}
#main .columna1 .imagen{display: inline-block; width: 100%; height: 425px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url('../im/foto.jpg');}
#main .columna1 .modulo-texto{display: block; width: 86.6%; background-color: #FFF; margin: -50px auto 0 auto; padding: 60px 60px 0 60px; text-align: center;}
#main .columna1 .modulo-texto .titulo{font-size: 50px; font-weight: 700; color: #fc84cf; margin: 0 0 40px 0; padding: 0; line-height: 50px;}
#main .columna1 .modulo-texto .parrafo1{font-size: 18px; font-weight: 400; color: #000; margin: 22px 0; padding: 0;}
#main .columna1 .modulo-texto .parrafo2{font-size: 18px; font-weight: 700; color: #fc84cf; margin: 22px 0; padding: 0;}
#main .columna1 .modulo-texto .parrafo3{font-size: 18px; font-weight: 700; color: #000; margin: 22px 0; padding: 0;}

#main .columna2{display: inline-block; float: right; width: 47%; margin-top: 25px;}
#main .columna2 .formulario_bg{display: block; width: 100%; padding: 2px; background: #fc7f6a; background: -moz-linear-gradient(top,  #fc7f6a 0%, #fc86f7 100%); background: -webkit-linear-gradient(top,  #fc7f6a 0%,#fc86f7 100%); background: linear-gradient(to bottom,  #fc7f6a 0%,#fc86f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7f6a', endColorstr='#fc86f7',GradientType=0 );}
#main .columna2 .formulario_bg .interior{display: block; width: 100%; background-color: #FFF; padding: 30px;}
#main .columna2 .formulario_bg .interior .row{display: inline-block; width: 100%; margin-bottom: 25px; font-size: 14px; line-height: 34px;}
#main .columna2 .formulario_bg .interior .row input[type=text]{display: block; float: right; width: calc(100% - 115px); height: 32px; border: 1px solid #000; padding: 0 10px; font-style: italic;}
#main .columna2 .formulario_bg .interior .row input[type=email]{display: block; float: right; width: calc(100% - 70px); height: 32px; border: 1px solid #000; padding: 0 10px; font-style: italic;}
#main .columna2 .formulario_bg .interior .row select{display: block; float: right; width: calc(100% - 115px); height: 32px; border: 1px solid #000; padding: 0 4px; font-style: italic;}
#main .columna2 .formulario_bg .interior .row textarea{display: block; float: right; width: 100%; height: 170px; border: 1px solid #000; padding: 4px; font-style: italic; margin-top: -10px;}
#main .columna2 .formulario_bg .interior .row input[type=submit]{display: block; width: 100%; height: 60px; border: 0; font-size: 20px; font-weight: 700; color: #000; cursor: pointer; background: #fc86f7; background: -moz-linear-gradient(left,  #fc86f7 0%, #fc7f6a 100%); background: -webkit-linear-gradient(left,  #fc86f7 0%,#fc7f6a 100%); background: linear-gradient(to right,  #fc86f7 0%,#fc7f6a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc86f7', endColorstr='#fc7f6a',GradientType=1 );}
#main .columna2 .formulario_bg .interior .no-margen{margin-bottom: 0!important;}
#main .columna2 .botones-base{display: block; width: 100%; margin-top: 50px;}
#main .columna2 .botones-base .boton{display: block; width: 46%; height: 45px; background-color: #000; color: #fd84dd; font-size: 18px; font-weight: 700; line-height: 45px; text-align: center; cursor: pointer;}
#main .columna2 .botones-base .coleccion{float: left;}
#main .columna2 .botones-base .lookbook{float: right;}
#main .base{display: inline-block; width: 100%; margin: 60px 0; border-top: 2px solid #fb85eb;}

.radio_responsive{display: inline-block; width: 250px; float: right; text-align: right; font-size: 13px;}

.bg_blanco{position: fixed; /*display: none;*/ width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255,255,255,0.7); z-index: 99998;}
.popup{position: fixed; /*display: none;*/ width: 80%; max-width: 400px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #FFF; border: 1px solid #919191; padding: 60px 77px 50px 77px; z-index: 99999; font-weight: 300px; font-size: 22px; text-align: center; color: #EF779C;}
.popup .close{position: absolute; top: 13px; right: 13px; cursor: pointer;}

@media screen and (min-width: 768px) and (max-width: 1280px){
	#main .columna1 .modulo-texto .titulo{font-size: 50px; line-height: 50px;}
	#main .columna1 .modulo-texto .parrafo1{font-size: 18px;}
	#main .columna1 .modulo-texto .parrafo2{font-size: 18px;}
	#main .columna1 .modulo-texto .parrafo3{font-size: 18px;}
	#main .columna2 .formulario_bg .interior .row{font-size: 14px;}
}
@media screen and (max-width: 1023px){
	#main .columna1{float: none; width: 100%;}
	#main .columna2{float: none; width: 100%;}
}
@media screen and (min-width: 480px) and (max-width: 767px){
	#main .columna1 .modulo-texto {padding: 40px 40px 0 40px;}
	#main .columna1 .modulo-texto .titulo{font-size: 50px; line-height: 50px;}
	#main .columna1 .modulo-texto .parrafo1{font-size: 18px;}
	#main .columna1 .modulo-texto .parrafo2{font-size: 18px;}
	#main .columna1 .modulo-texto .parrafo3{font-size: 18px;}
	#main .columna2 .formulario_bg .interior .row{font-size: 14px;}
	#main .columna1 .imagen{height: 250px;}
	.radio_responsive{display: inline-block; width: 150px; float: right; text-align: right;}
}
@media screen and (max-width: 479px){
	#main .columna1 .modulo-texto {width: 94%; padding: 40px 20px 0 20px;}
	#main .columna1 .modulo-texto .titulo{font-size: 40px; line-height: 40px;}
	#main .columna1 .modulo-texto .parrafo1{font-size: 14px;}
	#main .columna1 .modulo-texto .parrafo2{font-size: 14px;}
	#main .columna1 .modulo-texto .parrafo3{font-size: 14px;}
	#main .columna1 .imagen{height: 180px;}
	#main .columna2 .formulario_bg .interior .row{font-size: 12px; margin-bottom: 15px;}
	#main .columna2 .formulario_bg .interior {padding: 20px 10px;}
	#main .columna2 .formulario_bg .interior .row input[type=text]{width: calc(100% - 80px);}
	#main .columna2 .formulario_bg .interior .row input[type=email]{width: calc(100% - 50px);}
	#main .columna2 .formulario_bg .interior .row input[type=submit]{height: 50px;}
	#main .columna2 .botones-base .boton{width: 48%; height: 40px; font-size: 16px; line-height: 40px;}
	.radio_responsive{display: inline-block; width: 150px; float: right; text-align: right;}
}