@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
*{margin:0;padding:0;list-style:none;text-decoration:none;border:none}
html{font-size:10px}
body{font-family:"Open Sans",serif;font-size:1.6rem;font-weight:300;color:#595959;background-color:#ffffff}
#div_wrapper{width:100%;min-width:320px;margin:0 auto}
.clear{clear:both}
a, a:hover, a:focus{outline:none;text-decoration:none;color:inherit}
a:hover{cursor:pointer}
label{color:#000;font-size:1.5rem;font-weight:400}
input{width:100%;outline:0px;font-size:1.5rem;color:#000;border:1px solid #c1c1c1;background-color:#ffffff;padding:7px}
input::-webkit-input-placeholder{color:#c1c1c1}
input::-moz-placeholder{color:#c1c1c1}
input:-ms-input-placeholder{color:#c1c1c1}
input:-moz-placeholder{color:#c1c1c1}
select{width:100%;outline:0px;font-size:1.6rem;color:#595959;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/content/ico-select.png) no-repeat 90% center;background-color:#ffffff;border:1px solid #c1c1c1;border-radius:0;padding:7px}
textarea{width:96%;min-height:180px;font-family:"Open Sans",serif;font-size:1.5rem;color:#595959;border:1px solid #c1c1c1;border-radius:0;padding:7px}
textarea::-webkit-input-placeholder{color:#9e9e9e}
textarea::-moz-placeholder{color:#9e9e9e}
textarea:-ms-input-placeholder{color:#9e9e9e}
textarea:-moz-placeholder{color:#9e9e9e}
p, ul{padding:0;margin:0}
li{list-style:none}
#div_popup{text-align:center}
#div_popup h1, #div_popup h4{font-size:2rem;color:#fc3949;font-weight:400;margin:30px 0 15px 0}
#div_popup #resposta{font-size:3rem;color:#fc3949;font-weight:400;margin:30px 0}
#div_popup form{margin:0 5%}
#div_popup #formComment div{margin-bottom:12px}
#div_popup #formComment div.right div{margin:0}
#div_popup #formComment label{display:inline-block;vertical-align:middle;width:20%;font-size:1.8rem;font-weight:600}
#div_popup #formComment input{display:inline-block;vertical-align:middle;width:75%}
#div_popup #formComment input.boton, input.buttony, a.buttony{display:block;width:115px;color:#ffffff;font-size:1.6rem;font-weight:400;background-color:#fc3949;border-radius:5px;border:0;padding:8px 0;margin:20px auto 0 auto}
#div_popup #formComment input.boton:hover, input.buttony:hover, a.buttony:hover{background-color:#d9313f}
#div_popup #formComment input.buttony{width:115px}
#div_popup #formComment input.smally{width:50%;height:35px;color:#158ff7;font-size:1.6rem;font-weight:700;padding:6px 7px 5px 7px}
#formComment a.adjuntar,#formComment a.eliminar,#formComment a.eliminar img{display:inline-block;vertical-align:middle;font-size:1.4rem}
#formComment a.adjuntar{cursor:pointer;background-color:#e5e5e5;border:1px solid #c5c7c8;padding:6px 10px 7px 10px;margin-left:-2px}
#formComment a.adjuntar:hover{text-decoration:none}
#formComment a.eliminar{display:none;cursor:pointer;margin:0 0 0 15px}
#formComment a.eliminar:hover{text-decoration:none;color:#92ccdb}
#formComment a.eliminar img{margin-top:-4px}
#div_popup .name{color:#000;font-size:1.8rem;font-weight:700}
#div_popup .buttons{border-bottom:1px solid #c1c1c1}
#div_popup .buttons a{display:inline-block;vertical-align:middle;font-size:1.4rem;color:#4e4e4e;background-color:#e9e9e9;border-radius:15px;padding:5px 30px;margin:10px 5px}
#div_popup .buttons a:hover{background-color:#ffebec}
/*popup bienvenida*/
.margin{padding:40px 10% 60px 10%}
.margin h1{font-weight:300;font-size:3rem;color:#fc3949;margin:25px 0}
.margin p{font-size:2rem;color:#000;font-weight:400;margin-bottom:40px}
.margin a.buttony, #opinions-OK .buttony{width:175px}
.pendiente{font-weight:600;color:#000;background-color:#ffebec;padding:10px 25px}
.pendiente img{text-align:left;margin-right:35px}
.pendiente span{color:#fc3949}
.pendiente span a{text-decoration:underline}
.pendiente span a:hover{color:#000}
/*popup comentario*/
#div_popup .product{text-align:left;color:#000;padding:15px 5%}
#div_popup .product img{float:left;width:100px;margin:0 15px 0 0}
#div_popup .product h5{font-size:1.6rem}
#div_popup .product p{font-size:1.4rem;padding:0}
/*Forms*/
input.success, textarea.success{border:1px solid #79c159 !important;background:url(../img/content/ico-success.png) no-repeat 98% center;background-color:#f3ffee !important}
input.error, textarea.error{border:1px solid #f04444 !important;background:url(../img/content/ico-error.png) no-repeat 98% center;background-color:#ffeff0 !important}
select.success-sel{border:1px solid #79c159 !important;background-color:#f3ffee !important}
select.error-sel{border:1px solid #f04444 !important;background-color:#ffeff0 !important}
textarea.success, textarea.error{background-position:98% 6px}
.missat{display:none;color:#d50020;font-size:1.4rem}
.loading, #loading{display:none;text-align:center;margin:20px auto 0 auto}
#loading{display:block}
/*Opinion producto*/
#form-opinio .c-rating{
	text-align:center;
}
#form-opinio .c-rating label{
	vertical-align:middle;
	margin:3px 10px 0 0;
}
#form-opinio .rating{
	direction:rtl;
	text-align:left;
	display:inline-block;
	vertical-align:middle;
}
#form-opinio .rating>span{
	display:inline-block;
	position:relative;
	width:45px;
	height:40px;
	background-image:url(../img/content/star-big.png);
	background-repeat:no-repeat;
	background-position:center;
	margin:5px 5px 15px 0;
}
#form-opinio #o-rating span{
	cursor:pointer;
}
#form-opinio #o-rating>span:hover, #form-opinio #o-rating>span:hover ~ span, #form-opinio .rating>span.sel ~ span, #form-opinio .rating>span.sel{
	background-image:url(../img/content/star-sel-big.png);
}
#form-opinio label{font-size:1.8rem;margin:15px 0 5px 0}
#form-opinio .length, #form-opinio .petit{font-size:1.5rem;text-align:left;margin-left:2%}
#form-opinio .petit a{text-decoration:underline}
#opinions-OK img{margin-top:30px}
@media screen and (max-width:640px){
	.margin{padding:30px 5%}
	.margin h1, #pago input{font-size:2rem}
	.margin p, #pago label{font-size:1.6rem}
	.margin p.note{font-size:1.4rem}
}