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



    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
	a{ text-decoration:none;}
	html {
				overflow:auto;

	}
    body {
    line-height: 1;
	 background:#1a1e23;
	 font-family: 'HelveticaNeueLTStd-Roman';
	  background-position: 50% 50%;
        -webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	 margin: 0px;
    padding: 0px;
    color:#fff;
    }
	
header{
background: #fff;
width:100%;
height:auto;
padding:0;
z-index:2;
position:fixed;
text-align:center;
top:0;
}

header ul{
	color:#fff;
	width:100%;
	max-width:1280px;
	margin: 0 auto;
	text-align:left;
	padding: 0 10px;
}
header ul li {
	font-family: 'HelveticaNeueLTStd-Roman';
	color:#4b5459;
	font-size:18px;
	display:inline-block;
	vertical-align:middle;
	margin:0 10px;
	-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
}
header ul .logo img {
	margin:10px;
}
header ul li:nth-child(4){
	float:right;
}
header ul ul li:nth-child(4) {
    float: none;
}
header ul li:nth-child(3) label{
	float:left;
	padding:25px 10px;
}

header ul li:nth-child(3) ul{
	float:left;
	position:relative;
	width:auto;
}
header ul li:nth-child(3) ul li{
	padding:40px 8px;
}
header ul li:nth-child(3) ul .activeMenu,
header ul li:nth-child(3) ul li:hover,
header ul li:nth-child(3)  label:hover{
	color:#cd0b20;
	cursor:pointer;
}

#menuToggle{
	display:inline;
	height:auto;
}

header ul .menu{
	display:inlne-block;
}
#menu-toggle {
  display: none;
}

header ul label .menuCircle{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	border:2px solid #fff;
	text-align:left;
	width:30px;
	height:30px;
	padding:5px;
	margin-right:20px;
	text-align:left;
}
header ul label .menuCircle hr{
	background:#cd0b20;
	height:3px;
	width:30px;
	border:0px;
	margin: 0 ;
	padding:0;
	display: inline-block;
	vertical-align:middle;
	margin:2px 0;
}
header ul label .menuCircle hr:nth-child(1){
	margin-top:8px;
	width:20px;
}


header img{
	display:inline-block;
	vertical-align:middle;
	margin:40px 20px;
	cursor:pointer;
}




.submenu {
    float: right;
    padding-top: 20px;
}







article {
	width:100%;
	height:100%;
	position:relative;
	float:left;
	clear:left;
	z-index:1;
	
}
article section{
	width:100%;
	background-position: 50% 50% !important;
	background-size:cover !important;
	float:left;
	position:relative;
}
article aside{
	width:100%;
	max-width:1060px;
	height:100%;
	min-height:300px;
	margin: 0 auto;
	padding:0 10px 0 10px;
	z-index:999;
	position:relative;
}




	#sec1{		background:url(../assets/path/bg1.jpg) no-repeat;	}
	
	#sec7{		background:url(../assets/path/bg7.jpg) no-repeat;	}



article section .bloque{
	width:auto;
	float:left;
	position:relative;
	top:10%;
	
}

article #sec2 .bloque{
	margin-top:15px;
	
}
article section .w50 { width:50%; clear:left; }
article section .w90 { width:100%; text-align:center;  top:5%}
article section .w100 { width:100%; text-align:center; }
article section .w30r { width:35%;  }
article section .w70r { width:65%;  }
article section .w50rr { width:48%; margin-left:2%; float:right; }

article section .bloque h1{
	font-size:50px;
	color:#fff;
	font-family: 'proxima_novalight';
	padding:40px 0;
	position:relative;
	clear:left;
	width:60%;
	margin: auto;
}
article section .bloque h1 span{
	font-family: 'proxima_novasemibold';
}

article section .bloque .subtitle{
	font-size:14px;
	color:#fff;
	font-family: 'HelveticaNeueLTStd-Roman';
	margin:20px 0;
	width:100%;
	position:relative;
	clear:left;
	
}
article section .bloque .subtitle hr{
	
	border:0;
	background:#fff;
	height:1px;
	margin:5px 0 ;
	width:25px;
	display:inline-block;
	vertical-align:middle;	
}
article section .bloque .subtitle span{
display:inline-block;
	vertical-align:middle;
	padding:0 10px;
}
article #sec1 .bloque p{
	line-height:1.5;
	font-size:15px;
	color:#fff;
	width:50%;
	font-family: 'HelveticaNeueLTStd-Lt';
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
    margin:0 auto 30px auto;
	max-width:340px;
	
}


.blue { color:#00417a !important; }
.red { 
width:30px;
background:#c61c22;
border:0;
margin:0 0 30px 0;
}


article section .bloque p{
	line-height:1.5;
	font-size:15px;
	color:#fff;
	font-family: 'HelveticaNeueLTStd-Lt';
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
    margin:0 0 30px 0;
	
}

article section .bloque h2 {
    clear: left;
    color: #fff;
    font-family: 'proxima_novalight';
    font-size: 40px;
    padding:0 0  30px 0;
    position: relative;
}
article section .bloque h2 span { font-family: "proxima_novasemibold"; }

article section .bloque h3 {
    clear: left;
    color: #fff;
    font-family: "proxima_nova_rgregular";
    font-size: 17px;
    padding:0 0  30px 0;
    position: relative;
}




button {
	background:none;
	border:2px solid #fff;
	padding:10px 20px;
	text-align:center;
	color:#fff;
	font-size:16px;
	cursor:pointer;
	 -webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
}

button:hover { text-shadow: 0px 0px 6px rgba(0,0,0,.9); }




#sec1 button { background:#c61c22;  } 

footer button { background:#0081ba; margin: 20px 50px; padding:10px 30px; } 







#sec2 ul{
	 background:#fff;
	width:100%;
	height:100%;
	position:relative;
	float:left;
	display: grid;
	
	grid-template-areas: "foot "
                       "foot "
                       "foot ";
  grid-template-columns: 1fr ;
  grid-template-rows: 1fr ;
  
  
}




.foot { grid-area:foot;  }

#sec2 ul li{
   
  
   float:left;
   list-style:none;
   position:relative;
  color:#000;
  margin:30px;
  padding:20px;
  background-size:cover !important;
  background-position: center top !important;margin-bottom:0;
}
#sec2 ul li:nth-child(odd){margin-right:0; }
#sec2 ul li:nth-last-child(1){margin-bottom:30px; margin-right:30px;}


.over {
	position:absolute;
	width:100%;
	left:0;
	top:0;
	height:100%;
	z-index:1;
	background:none;
}
#sec2 ul li:hover > .over{
	 -webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	background:rgba(205,11,32,.6);
}

.direccion, .telefono { display:none; }
@media screen and (min-width:0\0){
	#sec2 ul {
	text-align:center;
	float:left;
	position:relative;
	width:100%;
   }
  #sec2 ul li{ 
    width:44%;
	margin:2%;
	padding:1%;
	float:left;
	position:relative;
   }
   #sec2 ul li:nth-last-child(1){ 
    width:94%;
   } 
   #sec2 ul li:nth-child(odd){margin-right:0; }
   #sec2 ul li:nth-child(5){margin-bottom:30px; margin-right:2%;}
   }
   
   
   
   
@media screen and (-webkit-min-device-pixel-ratio:0) { 
#sec2 ul {
	text-align:center;
}
  #sec2 ul li{ 
    width:94%;
	margin:2%;
	padding:1%;
      width:94%;
   } 
   #sec2 ul li:nth-child(odd){margin-right:0; }
   #sec2 ul li:nth-child(5){margin-bottom:30px; margin-right:2%;}
}


#sec2 ul li:nth-child(1){ background:url(../assets/path/s1.jpg) no-repeat; }
#sec2 ul li:nth-child(2){ background:url(../assets/path/s2.jpg) no-repeat; }
#sec2 ul li:nth-child(3){ background:url(../assets/path/s3.jpg) no-repeat; }

#sec2 ul li .text{
	bottom:30px;
	left:30px;
	position:absolute;
	color:#fff;
	z-index:2;
}
#sec2 ul li .text h1{
	font-size:40px;
	margin:0 0 40px 0;
	font-family: 'HelveticaNeueLTStd-Roman';;
}
#sec2 ul li .text h2{
	font-size:16px;
	margin:0 0 40px 0;
	font-family: 'HelveticaNeueLTStd-Roman';;
}

#sec2 ul li .text p{
	font-size:14px;
	margin:0 0 40px 0;
	font-family: 'HelveticaNeueLTStd-Roman';
	max-width:400px;
	line-height:1.8;
	text-align:left;
}
#sec7 {
	text-align:center;
}
#sec7 .title {
    font-size:45px;
	font-family: 'proxima_novasemibold';
    height: 60px;
    margin: 0 0 30px;
    position: relative;
    top: 10%;
    width: 100%;
	text-align:left;
}

#sec7 .texto {
    font-size:15px;
	font-family: 'proxima_nova_rgregular';
    margin: 0 ;
    position: relative;
    width: 100%;
	text-align:left;
	line-height: 1.6
}
#sec7 .texto span{ font-family: 'proxima_novasemibold'; font-size:20px; }
#sec7 hr {
   margin:20px 0;
    width: 100px !important;
}
article section .bloqueContact {
   display:inline-block;
   width:40%;
    position: relative;
    top: 10%;
	vertical-align:top;
	text-align:left;
	margin: 0 5% 0 0;
}



#sec7 form{
	 clear: left;
    float: left;
    position: relative;
    margin-top: 80px;
	text-align:center;
}
#sec7 form input{
	width:33%;
	padding:5px 3%;
	border:0;
	margin:0 10px 50px 10px;
	display: inline-block;
	border-bottom:1px solid #fff;
	background:none;
	color:#fff;
	font-size:17px;
}
#sec7 form textarea{
	width:80%;
	height:100px;
	font-family: "HelveticaNeueLTStd-Roman";
	padding:5px 4%;
	border:0;
	margin:10px 2%;
	float:left;
	clear:left;
	font-size:14px;
	border-bottom:1px solid #fff;
	background:none;
	color:#fff;
}
#sec7 form button{
	background:#cd0b20;
	float:right;
	padding:10px 30px;
	margin-right:50px;
	border:0;
}
#sec7 form h4{
	line-height:1.5;
	padding-left:30px;
	margin-bottom:40px;
	
}
#sec7 form .g1{	background: url(../assets/path/g1.png) left top no-repeat;  margin-bottom:110px;}
#sec7 form .g2{	background: url(../assets/path/g2.png) left top no-repeat; }
.check{
	width:40%;
	float:left;
	padding:5px 0 5px 25px;
	
	margin:0  0 20px 0;
	background:url(../assets/path/uncheck.png) center left no-repeat !important;

}
.check input{
	display:none;
}
.checked{
	background:url(../assets/path/check.png) center left no-repeat !important;
}



#sec7 form .check input{
	width:auto; 
	
}
#sec5 .bloque {
	top:5%;
}
#sec5 .bloque .title{
	margin:0 auto  80px auto ;
	text-shadow: 1px 1px 1px rgba(0,0,0,0);
}


 /*tablet*/
@media screen and (max-width: 56.875em) {
	
	.direccion, .telefono {
		display:block;
		font-size:14px !important;
		margin-top:30px !important;
		width:70% !important;
		padding-left:20% !important;
		line-height:1.5;
		
			}
				.direccion span{ font-weight:800; }
.direccion { background:url(../assets/path/dir.png) left top no-repeat; }
.telefono { background:url(../assets/path/tel.png) left top no-repeat; }


	header{
		top:0;
		bottom: inherit;
	}
header ul .menu{
	display:block;
}
#menu-toggle {
  display: none;
}	
header ul label .menuCircle span{
	position:relative;
	padding:10px;
	display:inline-block;
	vertical-align:middle;
}
header ul label .menuCircle{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	border:2px solid #fff;
	
	width:30px;
	height:30px;
	padding:5px;
	margin-right:20px;
	text-align:left;
}

header ul label .menuCircle hr:nth-child(1){
	margin-top:8px;
}

header .logo {
	width:50%;
	height:auto;
	max-width:180px;
}
header .logo  img{
	width:auto;
}
#menuToggle {
  display:none;
   position: absolute;
    right: 0;
	padding:0 2%;
	width:96%;
	top:104px;
	text-align:left;
background: #cd0b20; /* IE6-9 */
}
article aside { padding: 104px 0;}
#menuToggle  li{
	clear: left;
    color: #fff;
    display: table;
    font-size: 30px;
    list-style: outside none none;
    margin: 0 auto;
    padding: 10px 0;
    text-align: left;
    width: 50%;
}
#menuToggle  li:nth-child(1){
	border-top:0;
}
#menuToggle  li:nth-last-child(1){
	border-bottom:0;
}
header ul ul li:nth-child(3){
	float:none;
}


#menu-toggle:checked + #menuToggle {
  display: block;
}

article section .bloque { width:96%; margin: 0 2%; }






 p {
	padding:10px !important;
	font-size:14px !important;
	}



  article section .bloqueContact {
    clear: left;
    width: 96%;
	margin: 0 auto;
}
footer {	position:absolute; display:none; }


#sec5 ul li:nth-last-child(even) label {
	border:0 none;
}

#sec2 ul li:nth-child(5){margin-right:30px; }


@media screen and (-webkit-min-device-pixel-ratio:0) { 
#sec2 ul {
	text-align:center;
}
  #sec2 ul li{ 
    width:42%;
	margin:2%;
	padding:1%;
   }
   #sec2 ul li:nth-last-child(1){ 
    width:94%;
   } 
   #sec2 ul li:nth-child(odd){margin-right:0; }
   #sec2 ul li:nth-child(5){margin-bottom:30px; margin-right:2%;}
}
}
	
	
	
	 /*movil*/
@media screen and (max-width: 37.5em) {
	#sec2 ul li{  margin:20px; margin-bottom:0;}
#sec2 ul li:nth-child(5){margin-bottom:20px; margin-right:20px;}
	
	#sec2 ul li:nth-child(odd){margin-right:20px; }

	article section .bloque h1 {
   
    font-size: 30px;
    padding: 20px 0;
    position: relative;
}

article section .bloque h2 {
    clear: left;
    font-size: 25px;
    
}
#sec7 .title {
   
    font-size: 30px;
    
}
#sec7 .texto {
   
    margin: 0 0 30px 0;
   
}
#sec7 form input {
	 margin: 0 10px 20px;
    width: 70%;
 }
 #sec7 {
    padding-bottom: 130px;

}
	#sec7 form{
margin-top:0;
	}


#sec2 ul{
	 background:#fff;
	width:100%;
	height:100%;
	position:relative;
	float:left;
	display: grid;
	grid-template-areas: "square"
	                     "square"
	                     "square"
	                     "square"
                       "foot ";
  grid-template-columns: 1fr ;
  grid-template-rows: 1fr ;
}
#sec2 ul li { min-height:400px !important; }
#sec2 ul li .text{ left:10px; }
#sec2 ul li .text h1 {    font-size: 30px;}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
#sec2 ul {
	text-align:center;
}
  #sec2 ul li{ 
    width:94%;
	margin:2%;
	padding:1%;
   }
   #sec2 ul li:nth-last-child(1){ 
    width:94%;
   } 
   #sec2 ul li:nth-child(odd){margin-right:0; }
   #sec2 ul li:nth-child(5){margin-bottom:30px; margin-right:2%;}
}


}