@CHARSET "UTF-8";

@media screen {
	.clearer {clear: both;}
	
	.hidden {visibility:hidden;}
	
	.fondoRojo {background-color: #A31F36;}
	.fondoGris {background-color: #727176;}
	
	header img {width:30%; height:auto;}
	
	.fondoImg {background:url('../img/fondo2.jpg') no-repeat center center; background-size:cover; min-height:700px; height:auto;}
	
	.fontWork {font-family:'Work Sans', sans-serif;}
	.fontFjala {font-family:'Fjalla One', sans-serif;}
    
    .fondoGris {background-color:rgba(0,0,0, 0.5);}
    
    .txtBlack {color:black;}
    .txtWhite {color:white;}
    /*.txtRed {color:#BA122E;}*/    
    .txtRed {color:#A31F36;}    
    
    .txtBig {font-size:40px; font-weight:200;}
    .txtMedium {font-size:24px;}
    .txtMedium2 {font-size:18px;}
    .txtSmall {font-size:12px;}
    
    .txtBold {font-weight: bold;}
    
    .titulo {width:auto; padding:10px; display:inline; line-height:1.7;}
    .subtitulo {font-weight: bold;}
    
    .marginTop10 {margin-top:10px;}
    .marginTop20 {margin-top:20px;}
    .marginTop40 {margin-top:40px;}
    .marginTop80 {margin-top:80px;}
    
    .bandeja {min-width:32px; min-height:32px; background:url('../img/bandeja.png') no-repeat center center;}
 
 	.comboHotel {width:300px; margin:0 auto;}
 	.comboHotel span {background-color:rgba(0,0,0, 0.5);}
 	.comboHotel select {background-color:rgba(0,0,0, 0.5); color:white;}
 	
 	.cuadroGris {
 		margin: 0 20%;
 		padding: 10px;
 		border-radius: 10px;
		background: -moz-linear-gradient(0deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 50%, rgba(186,186,186,1) 100%); /* ff3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204,204,204,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(186,186,186,1))); /* safari4+,chrome */
		background: -webkit-linear-gradient(0deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 50%, rgba(186,186,186,1) 100%); /* safari5.1+,chrome10+ */
		background: -o-linear-gradient(0deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 50%, rgba(186,186,186,1) 100%); /* opera 11.10+ */
		background: -ms-linear-gradient(0deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 50%, rgba(186,186,186,1) 100%); /* ie10+ */
		background: linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 50%, rgba(186,186,186,1) 100%); /* w3c */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC', endColorstr='#BABABA',GradientType=1 ); /* ie6-9 */
 	}
 	
	.css-input { 
		background-color: transparent;
		z-index: 1;
		width:100%;
		margin-top: 10px;
		border-color:#cccccc;
		border-style:solid;
		font-size:14px;
		border-width:1px;
		border-radius:10px;
		padding:6px;
		color:#707070;
	} 
	
	.css-input:focus {
		border-color: #A31F36;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(163,31,54,.6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(163,31,54,.6);
	} 
	
	.css-input + label {
		z-index: -1;
		color: #707070;
		font-size: 14px;
		font-weight: normal;
		position: relative;
		left: 7px;
		top: -28px;
		margin:0 0 -20px 0;
	}
	
	/*.css-input + label:after {color:#BA122E;}*/
	.css-input + label:after {color:#A31F36;}
	/*.css-input[name="NombMail"] + label:after {content:" | ";}*/
	
	/*.css-input[name="NombPers"] + label:after {content:" | Last and first name*";}
	.css-input[name="NombDire"] + label:after {content:" | Address*";}
	.css-input[name="CodiPost"] + label:after {content:" | Zip code";}
	.css-input[name="NombAuto"] + label:after {content:" | Car";}
	.css-input[name="NumeDocu"] + label:after {content:" | Passport Nº*";}
	
	.css-input[name="NombCity"] + label:after {content:" | City*";}
	.css-input[name="NumeTele"] + label:after {content:" | Phone*";}
	.css-input[name="FechNaci"] + label:after {content:" | Date of birth";}
	.css-input[name="NombProf"] + label:after {content:" | Profession";}
	.css-input[name="NombNaci"] + label:after {content:" | Nationality*";}
	.css-input[name="NombComp"] + label:after {content:" | Company";}*/
	
	
	.hrRed { height:10px; background-color:#A31F36;}
	.hrGrey { height:10px; background-color:#C2C3CA;}
	
	.fullWidth {width:100%;}
	
	.w30p {width:30%;}
	.floatLeft {float:left;}
	.floatRight {float:right;}
	
	.tarjeta {width:17.5%; float:left; height:34px;}
	label.tarjeta {padding-top:5px; margin-bottom:0;}
	.nombTarjOtra {margin-top:0; display:inline;}
	.inpInline {margin-top:0; display:inline; width:inherit;}
	.inpSinMargin {margin-top:0;}
	
	.inpGroup {display:table;}
	.inpLabel {display:table-cell; width:1px;}
	.inpInput {display:table-cell; width:100%;}
	
	hr {margin: 10px 0;}
	
	.btnRojo {background-color: #A31F36; height:40px; border:none;}
	
	.social {width:36px; height:auto;}
}

@media screen and (max-width: 640px) {
	header img {width:80%; height:auto;}
	
	.txtBig {font-size:38px;}
	
	.marginTop80 {margin-top: 50px;}
	
	.cuadroGris {margin: 0;}
	
	.w30p {width:100%;}
	.tarjeta {width:100%; float:none;}
	
	.inpInline {width:100%;}
	
	.inpLabel {width:auto !important;}
	.inpLabel, .inpInput {display:block;}
	
	.floatRight {float:none;}
}