/* ------------------------------------ general -------------------------------------*/

.header {
background: white;
}

.logo{
	text-align: center;
}

.total{
	background: white;
}
body{
	background: url(../img/fondo.jpg)fixed;
	background-size: 100%;
	/*font-family: sans-serif;*/
}

.esp{
	height:20px;
}

a:hover {
	text-decoration: none;
	opacity: 0.5;
}

/* ------------------------------------ index -------------------------------------*/

.grid-bottom{
	margin: 15px;
	margin-bottom: 15px;
}

.grid-bottom p{
	font-family: inherit;
	font-size: 14px;
}

.grid-bottom p2{
	font-family: inherit;
	font-weight: bold;
	font-size: 14px;
}

.marcas{
	text-align: center;
	padding-bottom: 25px;
}


/* ------------------------------------ consejos -------------------------------------*/

.titulo{
	font-family: inherit;
	font-weight: bold;
	font-size: 18px;
	height: 50px;
	padding-top: 10px;
}

.texto{
	font-family: inherit;
	font-size: 14px;
	/*margin: 5px;*/
	line-height: 20px;
}

.texto2{
	font-family: inherit;
	font-size: 14px;
	line-height: 20px;
	margin: 5px;
}

.img_c{
	background: url(../img/sky.jpg) no-repeat center 0;
	height: 245px;
	background-size: 100%;
	opacity: 0.6;
}

/* ------------------------------------ c[1-4] -------------------------------------*/

.col1-4{
	width: 23%;
	float: left;
	margin: 1%;
}

.col3-4{
	width: 73%;
	float: left;
	margin: 1%;
}

.col1-3{
	width: 30%;
	float: left;
	margin: 1%;
	height: 330px;
}

.col1-3_2{
	width: 30%;
	float: left;
	margin: 1%;
	margin-bottom: 20px;
}

.col2-3{
	width: 65%;
	float: left;
	margin: 1%;
}

.col1-3 h3,.col1-3_2 h3{
	color: #547D9F;
	font-size: 24px;
	padding: 15px 0px 15px 0px;
	border-bottom: 1px solid #C0C0C0;
	margin-bottom: 13px;
	font-weight: bold;
}

.cam{
	color: #398048;
	font-size: 24px;
	padding: 35px 0px 15px 0px;
	border-bottom: 1px solid #8C8C8C;
	margin-bottom: 13px;
	font-weight: bold;
	background: url(../img/cambio.jpg) no-repeat;
}

.res{
	color: #398048;
	font-size: 24px;
	padding: 35px 0px 15px 0px;
	border-bottom: 1px solid #8C8C8C;
	margin-bottom: 13px;
	font-weight: bold;
	background: url(../img/responsabilidad.jpg) no-repeat;
}

.nec{
	color: #398048;
	font-size: 24px;
	padding: 35px 0px 15px 0px;
	border-bottom: 1px solid #8C8C8C;
	margin-bottom: 13px;
	font-weight: bold;
	background: url(../img/necesidad.jpg) no-repeat;
}

.col1-3 p,.col1-3_2 p,.col2-3 p,.col2-3 ul,.texto2 ul{
	font-family: inherit;
	font-size: 14px;
	line-height: 20px;
}

.titulo2{
	font-family: inherit;
	font-weight: bold;
	font-size: 18px;
	padding-top: 10px;
	height: 30px;
}

p2{
	font-family: inherit;
	font-weight: bold;
	font-size: 14px;
}

.img_c1{
	text-align: center;
	padding-bottom: 25px;
}



/* ------------------------------------ footer ------------------------------------- */

@media only screen and (max-width: 2200px){
	.span_1_of_5 {
		width:15%;		  
	}
}
@media only screen and (max-width: 800px) and (min-width: 35px) {
	.span_1_of_5 {
		width:94%;
		text-align: center;		
	}
	.span_1_of_5 p a{
	color: #fff;	
	}
}
.span_1_of_5 {

	padding: 1.5%;
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}

.span_1_of_5 ul, .span_1_of_5 li, .span_1_of_5 a {
	color: #839BB2;
	font-size: 13px;
	line-height: 1.8;
}

.span_1_of_5 h3 {
	color: #fff;
	margin-bottom: .5em;
	font-size: 1.5em;
	line-height: 1.2;
	font-weight: normal;
	margin-top: 0px;
	letter-spacing: -1px;
}

.span_1_of_5 p {
	color: #839BB2;	
	font-size: 14px;
}

.span_1_of_5 p a{
	color: #fff;
}

.footer {
/*background: url(../images/foot-bg.gif);*/
background: rgb(47, 51, 60);
}