* {margin: 0; padding: 0; outline: 0;}

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #999;
	font-size: 12px;
	background:#bfbfbf;

}


h1, h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	margin:0 0 15px 0;
	text-align:center;
}



h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 27px;
	letter-spacing: 0px;
	color: rgba(73,171,202,1);
	line-height: 100%;
	padding-left: 20px;
	margin-top:0px;
	margin-bottom:15px;
	text-align: center;
}


h1.title {
	font-size: 46px;
	font-weight: 700;
	color: #6a6a6a;


}


h2 {
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	color: rgba(39,65,86,1);
	
}

h3 {
	font-size: 15px;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(39,65,86,1);
	
}

h4 {
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(39,65,86,1);
	text-align:center;
	
}





p {
	margin: 0 0 14px 0;
}

.menuBtn {

	background: center center no-repeat transparent;
	background: #000;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;

}

.active {

}
.clear {
	clear: both;
}
.wrap {
		/*background:url(../images/bg.png) top left repeat-x;*/
		width: 100%;
		min-width: 900px;
		z-index: 10;
		position: relative;
		margin: 0 auto;
		padding: 0;
		background-color:#FFF;

}

.centro {
	margin-left: 535px;
}

.centro23 { 
     margin-left:455px;

}

.centrado { 
     margin-left:500px;

}

.section {
	width: 100%;
	min-width: 960px;
	z-index: 10px;
	position: relative;
	margin: 0 auto;
	padding: 0 0 5px 0;
	color: #FFF;
}


.inner {
	width: 100%;
	margin: 0 auto;
	position: relative;
	min-height: 20px;
	padding: 10px 0;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;


		
}


/* This is the selector i used for my menu, it needs to be set as position:absolute; */
.subMenu {
	position: absolute;
	top: 0px;
	height: 75px;
	z-index: 1000;
	width: 1216px;
	min-width: 870px;
	background: #FFF;
	float: right;
	padding: 5px 2% 0 2%;
	left: 1px;
}
 a:hover {color: #FFF;
 background-color:rgba(39,65,86,1);
 text-decoration: overline;
 border-style: hidden;
  }

.subMenu .inner {
	padding:0;
	font-weight: 220;
}

.subNavBtn {
	display: block;
	height: 55px;
	width: 5%;
	float: right;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 13px;
	padding: 20px 2% 0 2%;
	text-align: center;
	text-wrap: suppress;
	color: #000;
}

.end {
	margin: 0;
}


/* SECTIONS */

.sTop {
	min-height: 570px;
	background-color:rgba(39,65,86,1);
	
	
}



.s1 {
	min-height: 605px;
	background-image: url(../img/fondoP.png);    
	background-repeat:no-repeat;
	background-size: cover;

}


.s2 {
	min-height: 650px;
	background-image:url(../img/fondo.png);
	
}


.s3 {
	min-height: 530px;
	background-image: url(../img/fondoP.png);
	background-repeat:no-repeat;
	background-size: cover;
}


.s4 {
	min-height: 585px;
	background-color:rgba(39,65,86,1);
}

.s5 {
	min-height: 750px;

}
.s6 {
	min-height: 860px;
	background-image:url(../img/fondofilm.png);

}

.s7 {
	min-height: 1740px;
	background-image: url(../img/fondolamina.png);
	background-repeat:no-repeat;
	background-size: cover;

}
 
 .centro2{
	 margin-left: 420px;
	 
 }
	 
	 

#logo {
	background-color: #FFF;
	float: left;
	height: 75px;
	width: 300px;
	text-align:center;
		
}

#galeria {
	float: left;
	height: 480px;
	width: 1266px;
	margin-top:100px;
	background-color:rgba(39,65,86,1);
	
}

#nosotros {
	background-color: # FFF;
	text-align: center;
	height: 125px;
	width: 800px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 250px;
	color:#000;
}


p {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(39,65,86,1);
	padding-top:5px;
	
}
p2 {
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:17px;
	font-size:13px;
	color:rgba(39,65,86,1);
	
}

p3 {
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:17px;
	font-size:14px;
	color:rgba(39,65,86,1);
	
}


p4{
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:17px;
	font-size:14px;
	color:rgba(39,65,86,1);
	
}
	

blockquote {
	color:rgba(39,65,86,1);
	text-indent:17px;
	font-size: 14px;
	}
	
	
#cajita1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	float: left;
	height: 110px;
	width: 520px;
	margin-left: 70px;
    color:rgba(39,65,86,1);
	margin-top:35px;
}
#cajita2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	float: right;
	height: 110px;
	width: 520px;
	margin-right: 80px;
	color:rgba(39,65,86,1);
	margin-top:35px;
	
}

#cajitalogo {
	float: left;
	height: 110px;
	width: 95px;
	color:#000;
	padding-right:7px;
}
#linea {
	height:5px;
	width: 900px;
	margin-left:280px;
}

#titulos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 45px;
	width: 1200px;
	margin-left:100px;
	margin-top:20px;
}
#titulo1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	float: left;
	height: 45px;
	width: 350px;
	margin-left:15px;	
}
#circulos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 290px;
	width: 1200px;
	margin-left:90px;
	margin-top:15px;
	margin-right:10px;
}
#circulos1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 290px;
	width:350px;
	margin-left:30px;	
	float:left;
	text-align:center;
}

#circulos2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 290px;
	width:350px;
	margin-left:22px;	
	float:left;
	text-align:center;
}

#cajatexto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	float: left;
	width: 1200px;
	margin-left:90px;
	height:130px;
}
#textocajita {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	float: left;
	width: 350px;
	height:80px;
	margin-left:15px;
	margin-right:15px;
	margin-top:10px;
}

#vermas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	float: left;
	width: 360px;
	height:20px;
	margin-top:20px;
	margin-right:10px;
		
}



#cajacontacto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	float: left;
	height: 350px;
	width: 460px;
	margin-left:80px;
	margin-right:80px;
}


#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	float: left;
	height: 130px;
	width: 100%;
	margin-top:20px;
	background-color: #CCC;
	padding-top:20px;
	
	
}

#cajitafooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	text-align: center;
	float: left;
	height: 100px;
	width: 305px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}


.contacto{
    border-radius: 6px;
    padding: 5px 5px 5px;
    background-color:rgba(39,65,86,1);
   
}
.contacto label{
    display: block;
}
.contacto div{
    margin-bottom: 7px;
}
.contacto input[type='text'], .contacto textarea{
    padding: 5px 5px;
    width: 370px;
    border: 1px solid #CED5D7;
    resize: none;
    box-shadow:0 0 0 3px #EEF5F7;
    margin: 5px 0;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
    outline: none;
    box-shadow:0 0 0 3px #dde9ec;
}
.contacto input[type='submit']{
    border: 1px solid #CED5D7;
    box-shadow:0 0 0 3px #EEF5F7;
    padding: 5px 13px;
    border-radius: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 0px white;
 
    background: #e4f1f6;
    background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
    background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%);
}
.contacto input[type='submit']:hover{
    background: #edfcff;
    background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
    background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%);
}
.contacto input[type='submit']:active{
    background: #cfe6ef;
    background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
    background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}


#scroll {
	height: 65px;
	width: 500px;
	overflow: auto;
	margin-top:35px;

}

#cajitanoticias {
	float: left;
	height: 420px;
	width: 500px;
	margin-left:100px;
	
}

#cajalproteccion{

	
}

#cajafilm {
	float: left;
	height: 250px;
	width: 290px;
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 240px;
}
#cajatextofilm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-image:url(../img/fondo.png);
	background-size:cover;
	text-align: center;
	padding: 30px;
	float: left;
	height: 120px;
	width:1205px;

}
#cajatextoblanca {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	height: 120px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}

#cajacortinas {
	text-align: center;
	float: left;
	height: 250px;
	width: 275px;
	margin-left:32px;
	margin-bottom:30px;
	margin-top:20px;
}

#espacio{
	height: 20px;
	width:280px;
	margin-left:15px;	
	float:left;
	text-align:center;

	
	
}#cajablanca {
	float: left;
	height: 150px;
	width: 100%;
	margin-top:20px;
}
#cajitaiconos {
	float: left;
	height: 150px;
	width: 200px;
	text-align:center;
	margin-left:75px;
	margin-right:25px;
	margin-top:30;
	margin-bottom:10px;
}


#titulosbase {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	height: 30px;
	width: 100%;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	text-align:center;
}

#cajitasbase {

	float: left;
	height: 30px;
	width: 200px;
	margin-left:75px;
	margin-right:20px;
}

#empavonados {
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../img/fondo.png);
    text-align: center;
	background-repeat:repeat;
	float: left;
	height: 700px;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top:15px;
}
#redes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	height:60px;
	width: 200px;
	margin-left: 540px;
}
#facebook {
	text-align: center;
	float: left;
	height: 50px;
	width: 50px;
	margin-top:12px;
	margin-left:27px;
	margin-right:10px;
}