html{
	background-color:#DADAD9;
	background-image:url(images/bg-blast.png);
	background-attachment:fixed;
	box-sizing:border-box; /*asegura que el relleno y el border están incluidos een el ancho y altura total de los elementos*/
}

HEADER{
	width:100%;
	background-color: #FFF;
}

BODY{
	margin:0 auto;
	padding:0;
	font-family:sans-serif;
	box-shadow:0 0 6px 0 black;
	background-color:#FFF;
}

FOOTER{
	padding:20px;
	margin-top:0px;
	background-color:#000;
}

.banner{
	width:100%;
	height:auto;
	z-index:-2;
}



@media (max-width:768px){

	.distribuidor{
		width:70%;		
	}
	
}

SECTION{
	WIDTH:100%;
	margin:0 auto;
	height:auto;
}

ARTICLE{
	WIDTH:100%;
	margin:0 auto;
}

ASIDE{
	WIDTH:100%;
	margin:0 auto;
}

.line_top{
	width:100%;
	height:30px;
	background-color:#E21F20;
}

.top_logo{
	width:100%;
	height:auto;
	max-width:1200px;
	min-width:150px;
	box-sizing:border-box;
	padding:20px 0px 20px 0px;
	text-align:center;
	background-image:url(img/bg_top.png);
	background-position:center top;
	background-repeat:repeat-x;
}

.contenedor{
width: 100%;
margin: 0 auto;
max-width: 1200px;
position: relative;
background-color:#FFF;
}

.flex-container {
    display: flex;            
    background-color: #fff;
    flex-direction: row;
    
}
.flex-container > div {
    background-color: #fff;
    width: auto;
    margin: 13px;
    text-align: center;
    padding: 20px 30px 30px 30px;    
}

.flex-container-2 {
    display: flex;            
    background-color: #E5E5E5;
    flex-direction: row;
    
}
.flex-container-2 > div {
    width: auto;
    margin: 13px;
    text-align: center;
    padding: 20px 30px 30px 30px;    
}

.icono{
	padding-bottom:15px;
	text-align:center;
}

.line{
	text-align:center;
	height:auto;
}

.line2{
	text-align:center;
	background-color:#E5E5E5;
}

.fila{
	position:relative;
	margin:0 auto;
	width:95%;
	height:auto;
	display:table;
	text-align:center;
}

.fila-02{
	position:relative;
	margin:0 auto;
	width:100%;
	height:auto;
	clear:both;
	display:table;
}

.blanco{
	background-color:#FFF;
}

.col-12{
	float:left;
	width:100%;
}

.col-11{
	float:left;
	width:98%;
}

.col-8{
	float:left;
	width:64%;
} 
.col-6{
	float:left;
	width:50%;
}

.col-4{
	float:left;
	width:32%;
}

.col-3{
	float:left;
	width:23%;	
	background-color:#209BD7;
}

.col-2{
	float:left;
	width:2%;
}

.col-1{
	float:left;
	width:2%;
	background-color:#FFF;
	color:#FFF;
}

.title_serv_ind{
	position:relative;
	margin:0 auto;
	width:95%;
	height:auto;
	clear:both;
	display:table;
	background-image:url(images/line.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-bottom:20px;
	font-weight:500;
	font-size:20px;
	padding-top:20px;
}

.tabla-01{
	margin:0 auto;
	width:70%;
	border:1px solid #000;
	font-family: 'Helvetica Light', sans-serif;
	font-size:15px;
	color:#666;
	line-height:20px;
	font-weight:lighter;
}

.fila-tabla{
	position:relative;
	padding:5px;
	width:100%;
	height:auto;
	clear:both;
	display:table;
	border:1px solid #000;
}

table{
	border:1px solid #000;
	margin:0 auto;
	border: 1px solid #000;
	width:40%;
	padding:0;
	border-collapse:collapse;/*para que el borde sea sólo una línea*/
	border-spacing:0;
	
}

table tr{
	border:1px solid #000;
	padding:5px;
}

table td, table th{
	padding:5px;
}

.center{
	text-align:center;
	margin: 0 auto;
	width:100%;
	width:85%;
	padding-top:30px;
}

.right{
	text-align:right;
}

.contacto_form1{
	margin:0 auto;
	width:60%;
}

.bg_gris{
	background-color:#DFDFDF;
}

.bg_index_ser{
	background-color:#E5E5E5;
	padding:30px 0px 20px 0px;
}

.foot-01{
  float:left;
  width:80%;
}

.foot-02{
  float:right;
  width:10%;
  color:#FFF;
}

.celda_contacto{
	width:70%;
}

.adelante{
	float: right;
	margin: -25px 30px 0 0;
}

.clear{
	clear:both;
	color:#FFF;
}

.line{
	height:30px;
	background-image:url(images/linea.png);
	background-repeat:repeat;
	background-position:center;
}

.bg_prod{
	background-color:#CCC;
	text-align:center;
	margin-top:-5px;
	padding:10px;
	font-family: 'Helvetica Light', sans-serif;
	font-size:15px;
}

.mapa{
	width:100%;
	height:300px;
}

.der{
	text-align:right;
}

.contact_left{
	float:left;
	margin:15px 10px 10px 10px;
}
.contact_right{
	float:right;
	padding-top:20px;
}

.title_cont_ind{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:20px;
	color:#B9181A;
	line-height:22px;
	font-weight:bold;
	text-align:left;
}

.contacto_ind{
	background-color:#CCC;
	height:160px;
}

#proyectos1{
	display:block;
	margin:0 auto;
}

#proyectos2{
	display:table-row;
	text-align:center;
}

#p1, #p2, #p3{
	display:table-cell;
	padding-top:3px;
}

#p1{
	width:60px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:17px;
	color:#B9181A;
	line-height:22px;
	text-align:left;
}

#p2{
	width:10px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:17px;
	color:#B9181A;
	line-height:22px;
	text-align:left;
}

#p3{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:17px;
	color:#000;
	text-align:left;
	padding-right:10px;
}

img.zoom {
    width: 100%;
    height: auto;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
 
.transition {
    -webkit-transform: scale(1.8); 
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
}

#contacto_form{
	width:100%;
	background-color:#E5E5E5;
	padding: 20px;
	margin-right:50px;
}

.datos_contacto{
	text-align:left;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:15px;
	line-height:20px;
	color:#333;
}