body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	overflow-y: scroll;
	overflow-x: hidden;
	background-repeat: repeat-x;
}
#barra{
	width:100%;
	height:50px;
	background-color: #2B3033;
	padding-top: 10px;
}	
#colum1 {
	width:31%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	text-align: center;
	vertical-align: middle
}
#colum2 {
	width:31%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:3%;
	margin-right:3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	text-align: center
}
#colum3 {
	width:31%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	text-align: center
}
#izq75 {
	width: 75%;
	float: left;
	text-align: left;
	padding-top: 10px
}
#der25 {
	width: 25%;
	float: right;
	text-align: right;
}
#contenedor {
	width: 100%;
	max-width: 1220px;
	height: auto;
	margin: 0 auto;
	text-align: center
}
#cont_menu {
	width: 100%;
	height: auto;
	z-index:20;
	margin:auto;
}
#cont_menu-fixed {
	width: 100%;
	position:fixed;
	z-index:21;
	background-color: #FFF;
	margin:auto;
-webkit-box-shadow: -1px 10px 5px -5px rgba(0,0,0,0.29);
-moz-box-shadow: -1px 10px 5px -5px rgba(0,0,0,0.29);
box-shadow: -1px 10px 5px -5px rgba(0,0,0,0.29);
}
#cont_servicios {
	width: 100%;
	height:auto;
	margin:auto;
}
#imagenes {
	position:relative;
	width: 100%;
	height:auto;
	z-index:1;
	float:left
}
.img-scale {
	width:100%;
	border:none;
	padding:0;
	height:auto;
}
.img-scale2 {
	width:75%;
	border:none;
	padding:0;
	height:auto;
}
.img-logos {
	width:auto;
	border:none;
	padding:0;
	height:auto;
}
#contenedor_pie {
	width: 100%;
	height:auto;
	margin: 0 auto;
	background-color: #272C2F;
	float:left;
	overflow:hidden;
		}
#contenedor_iconos  {
	width: 100%;
	height:auto;
	margin: 0 auto;
	background-color: #272C2F;
	float:left;
		}
#contenedor_pie2 {
	width: 1176px;
	height: 100%;
	margin: 0 auto;
		}
#principal {
	width: 100%;
	max-width: 1190px;
	height: 100%;
	margin: 0 auto;
}
#pagina {
	width: 100%;
	max-width: 1190px;
	min-height:400px;
	height: auto;
	margin: 0 auto;
	margin-top:50px;
	margin-bottom:50px;
	float:left;
	overflow:auto
}
#pagina2 {
	width: 100%;
	max-width: 1190px;
	height: auto;
	margin: 0 auto;
	text-align: left
}
#pagina-gris {
	width: 100%;
	min-height: 400px;
	height: auto;
	margin: 0 auto;
	overflow:auto;
	background-color: #E8E8E8;
}
#pagina-verde {
	width: 100%;
	min-height: 400px;
	height: auto;
	margin: 0 auto;
	overflow:auto;
	background-color: #eaebd7;
}
#pagina-verde-osc {
	width: 100%;
	height: 250px;
	margin: 0 auto;
	overflow:hidden;
	background-color: #bec92f;
}
#pagina3 {
	width: 100%;
	max-width: 1190px;
	min-height: 400px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: left
}
#pagina4 {
	width: 100%;
	max-width: 1190px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: left
}
#cont_pagina {
	width: 100%;
	max-width: 840px;
	height: auto;
	margin: 0 auto;
	margin: 50px;
	padding: 50px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#espacio {
	width:100%;
	height:auto;
	margin: 0 auto;
	padding-top:20px;
	padding-bottom:20px;
	float:left
}
#espacio-titulo {
	width:100%;
	height:auto;
	margin: 0 auto;
	padding-top:20px;
	padding-bottom:20px;
	float:left;
	margin-bottom: 40px
}
#colum_index {
	width:100%;
	max-width:32%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	float:left;
	padding-left:1%;
	padding-right:1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}	
#colum_index1 {
	width:360px;
	max-width:360px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	float:right
}
#colum_index2 {
	width:360px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left:32px;
	padding-right:32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	text-align:left;
}
#colum_index3 {
	width:360px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	text-align:left;
}	
#menu_resp {
	width: 1190px;
	max-width: 1190px;
	height: auto;
	margin: 0 auto;
	z-index: 10;
	position:absolute
}
#pie01 {
	width: 20%;
	height: auto;
	margin: 0 auto;
	float:left;
	margin-top:60px;
	text-align:left
}
#pie02 {
	width: 18%;
	height: auto;
	margin: 0 auto;
	float:left;
	margin-top:60px;
	text-align:left
}
#pie03 {
	width: 22%;
	height: auto;
	margin: 0 auto;
	float:left;
	margin-top:60px;
	text-align:left
}
#pie04 {
	width: 20%;
	height: auto;
	margin: 0 auto;
	float:left;
	margin-top:60px;
	text-align:left
}
#pie05 {
	width: 20%;
	height: auto;
	margin: 0 auto;
	float:right;
	margin-top:60px;
	text-align:left
}
#col-25index {
	width: 33%;
	margin:0px;
	float:left;
}
#col-25index-ocuta {
	width: 33%;
	margin:0px;
	float:left;
	visibility: visible;
	display: block
}
#col-25 {
	width: 25%;
	margin:0px;
	float:left;
}
#col-33 {
	width: 33%;
	height:auto;
	margin:0px;
	float:left;
}
#col-50 {
	width: 46%;
	height: auto;
	min-height: 350px;
	float:left;
	margin-left: 2%;	
	margin-right: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#col-48-izq {
	width: 47%;
	float: left;
	text-align: left;
	margin-right:6%;
	margin-bottom:20px;
	margin-top:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#col-48-der {
	width: 47%;
	float: left;
	text-align: left;
	margin-bottom:20px;
	margin-top:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#col-48-der-margen {
	width: 40%;
	float: left;
	text-align: left;
	margin-bottom:20px;
	margin-top:10px;
	margin-left: 7%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#col-48-der-fondo {
	width: 47%;
	float: left;
	text-align: left;
	margin-bottom: 20px;
	margin-top: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 25px;
	background-color: #E0E0E0
}
#col-48-der-fondo-v {
	width: 47%;
	float: left;
	text-align: left;
	margin-bottom: 20px;
	margin-top: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 25px;
	background-color: #adb726
}
#col-48-izq2 {
	width: 47%;
	float: left;
	text-align: left;
	margin-right:6%;
	margin-bottom:20px;
	margin-top:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#col-48-izq-fondo {
	width: 47%;
	float: left;
	text-align: left;
	margin-right:6%;
	margin-bottom:20px;
	margin-top:20px;
	padding: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #eae9e9
}
#col-48-der2 {
	width: 47%;
	float: left;
	text-align: left;
	margin-bottom:20px;
	margin-top:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#col-centro {
	width: 50%;
	float: center;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: auto
}
#col-novedad {
	width: 100%;
	float: left;
	margin-right: 4%;
	text-align: left;
	margin-bottom:20px;
	margin-top:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#col-novedad-gris {
	width: 100%;
	float: left;
	margin-right: 4%;
	text-align: left;
	margin-bottom: 20px;
	margin-top: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #E8E8E8;
}
#col-25-prod {
	width: 25%;
	height:auto;
	margin:0px;
	float:left;
	padding-left:0px;
	padding-right:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#FFF
}
#col-85-prod {
	width: 100%;
	height:auto;
	margin:0px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#col-logos {
	width: 50%;
	height: 120px;
	float: left;
}
.pie {
	font-size: 14px;
	font-weight: normal;
	color: #D3C8E0;
	text-decoration: none;
	text-align:left;
	}
.pie-link {
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-align: left;
	line-height: 25px;
	}
.pie-link:hover {
	font-size: 15px;
	font-weight: normal;
	color: #ab2428;
	text-decoration: none;
	text-align:left;
	line-height: 25px;
	}
.titulo {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 32px;
	COLOR: #262626;
	line-height: 31px;
	}
.titulo-40 {
	font-family: 'Barlow Semi Condensed', sans-serif;
	FONT-SIZE: 40px;
	COLOR: #262626;
	font-weight: bold;
	line-height: 38px;
	text-transform: uppercase
	}
.subtitulo {
	font-family: 'Barlow Semi Condensed', sans-serif;
	FONT-SIZE: 30px;
	COLOR: #262626;
	text-transform: uppercase
	}
.subtitulo-verde {
	font-family: 'Barlow Semi Condensed', sans-serif;
	FONT-SIZE: 35px;
	COLOR: #adb726;
	text-transform: uppercase
	}
.subtitulo-verde2 {
	font-family: 'Barlow Semi Condensed', sans-serif;
	FONT-SIZE: 20px;
	COLOR: #adb726;
	text-transform: uppercase
	}
.subtitulo-link {
	font-family: 'Barlow Semi Condensed', sans-serif;
	FONT-SIZE: 20px;
	line-height: 22px;
	COLOR: #adb726;
	text-transform: uppercase;
	text-decoration: none
	}
.subtitulo-link:hover {
	font-family: 'Barlow Semi Condensed', sans-serif;
	FONT-SIZE: 20px;
	line-height: 22px;
	COLOR: #262626;
	text-transform: uppercase;
	text-decoration: none
	}
.ubuntu-anaranjado {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 20px;
	COLOR: #d0610d;
	}
.ubuntu-anaranjado2 {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 16px;
	COLOR: #d0610d;
	}
.titulo-anaranjado {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 44px;
	COLOR: #d0610d;
	}
.ubuntu-cuerpo {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 20px;
	COLOR: #262626;
	text-align: justify
	}
.ubuntu-cuerpo-center {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 20px;
	COLOR: #262626;
	text-align: center
	}
.ubuntu-cuerpo-3 {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 18px;
	COLOR: #262626;
	text-align: justify
	}
.ubuntu-cuerpo-2 {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 16px;
	COLOR: #262626;
	text-align: justify
	}
.ubuntu-cuerpo-4 {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 16px;
	COLOR: #262626;
	text-align: left
	}
.ubuntu-cuerpo-1 {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 13px;
	COLOR: #262626;
	}
.ubuntu-link-2 {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 16px;
	COLOR: #262626;
	text-decoration: none
	}
.ubuntu-link-2:hover {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 16px;
	COLOR: #3F6005;
	text-decoration: none
	}
.ubuntu-link-3 {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 20px;
	COLOR: #262626;
	text-decoration: none
	}
.ubuntu-link-3:hover {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 20px;
	COLOR: #3F6005;
	text-decoration: none
	}
.ubuntu-cuerpo-verde {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 16px;
	COLOR: #186636;
	text-align: justify
	}
.link-verde {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 16px;
	COLOR: #BEC92F;
	text-decoration: none
	}
.link-verde:hover {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 16px;
	COLOR: #262626;
	text-decoration: none
	}
.link-verde2{
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 20px;
	COLOR: #BEC92F;
	text-decoration: none
	}
.link-verde2:hover {
	font-family: 'Ubuntu', sans-serif;
	FONT-SIZE: 20px;
	COLOR: #262626;
	text-decoration: none
	}
#imag-res {
	width: 100%;
}
.imag-prod {
	width:100%;
	max-width:270px;
	height:100%;
	max-height:300px
}
.ubuntu-blanco {
	font-family: 'Ubuntu', sans-serif;
	font-size: 22px;
	text-align: left;
	color: #FFF;
}
.ubuntu-gris {
	font-family: 'Ubuntu', sans-serif;
	font-size: 20px;
	text-align: left;
	color: #A6A6A6;
}
.ubuntu-verde-link {
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	text-align: left;
	color: #ffffff;
	background-color: #dee0b4;
	text-decoration: none;
	padding: 20px
}
.ubuntu-verde-link:hover {
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	text-align: left;
	color: #A6A6A6;
	text-decoration: none;
	padding: 20px
}
.ubuntu-verde3-link {
	font-family: 'Ubuntu', sans-serif;
	font-size: 30px;
	text-align: left;
	color: #BEC92F;
	text-decoration: none;
}
.ubuntu-verde3-link:hover {
	font-family: 'Ubuntu', sans-serif;
	font-size: 30px;
	text-align: left;
	color: #A6A6A6;
	text-decoration: none;
}
.ubuntu-verde {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 20px;
	text-align: left;
	color: #BEC92F;
	text-decoration: none
}
.ubuntu-verde:hover {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
	text-decoration: none
}
.ubuntu-blanco {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 16px;
	text-align: left;
	color: #FFFFFF;
}
.ubuntu-blanco-link {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 16px;
	text-align: left;
	color: #FFFFFF;
	text-decoration: none
}
.ubuntu-blanco-link:hover {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 16px;
	text-align: left;
	color: #BEC92F;
	text-decoration: none
}
.link-blanco {
	font-family: 'Ubuntu', sans-serif;
	font-size: 30px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 31px;
}
.link-blanco:hover {
	font-family: 'Ubuntu', sans-serif;
	font-size: 30px;
	color: #BEC92F;
	text-decoration: none;
	line-height: 31px;
}
.link-blanco15 {
	font-family: 'Ubuntu', sans-serif;
	font-size: 30px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 31px;
}
.link-blanco15:hover {
	font-family: 'Ubuntu', sans-serif;
	font-size: 30px;
	color: #000000;
	text-decoration: none;
	line-height: 31px;
}
.campo {
	width: 100%;
	FONT-SIZE: 16px;
	COLOR: #272C2F;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #dcdcdc;
	background-color: #f0f0f0
}
.campo2 {
	width: 30%;
	FONT-SIZE: 16px;
	COLOR: #272C2F;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #dcdcdc;
	background-color: #f0f0f0
	}
.boton {
	FONT-SIZE: 14px;
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #bec92f;
	background-color: #bec92f

		}
.img-scale-icono {
	width:129px;
			}
.img-borde {
	width: 100%;
	height: auto;
	border: 3px solid #FFFFFF
			}

/*
    MEDIA QUERY
*/

@media screen and (max-width:768px) {
        
   
#contenedor {
	max-width: 100%;
}
#cont_menu {
	max-width:100%;
	height:auto;
}
#contenedor_pie2 {
	width: 100%;
		}
#principal {
	max-width: 100%;
}
#cont_pagina {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	margin: 50px;
	padding: 50px;
}
#espacio {
	padding-top:20px;
	padding-bottom:20px
}		
#colum_index, #colum_index1, #colum_index2, #colum_index3 {
	width:100%;
	max-width:100%;
	padding-left:5%;
	padding-right:5%
}
#colum1, #colum2, #colum3 {
	width:100%;
	height: auto;
	margin-right:20px;
	margin-left:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#menu_resp {
	width: 100%;
	max-width: 100%;
}
#pie01, #pie02, #pie03, #pie04 {
	width: 100%;
	margin-right:20px;
	margin-left:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:10px;
}
#pie05 {
	width: 100%;
	margin-right:20px;
	margin-left:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	margin-top:10px;
}
#col-25 {
	width: 100%;
	margin-right:20px;
	margin-left:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#col-33 {
	width: 100%;
	margin-right:0px;
	margin-left:0px;
}
#pagina, #pagina2, #pagina3, #pagina-gris, #pagina-verde, #pagina-verde-osc, #pagina4  {
	max-width: 100%;
	min-height:400px;
	margin-top:150px;
	margin-bottom:20px;
	float:left;
	overflow:hidden;
	padding-left:5%;
	padding-right:5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#col-25index {
	width: 100%;
	margin:0px;
	float:left;
}
.img-logos {
	width:70%;
	border:none;
	padding:0;
	height:auto;
}
#barra{
	width:100%;
	height:80px;
	background-color: #2B3033;
	padding-top: 10px;
}
#izq75 {
	width: 77%;
	padding-left: 5px
}
#der25 {
	width: 21%;
	padding-top: 10px
}
#col-48-der-fondo {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 40px;
	padding: 25px;
	background-color: #E0E0E0
}
#col-48-der-fondo-v {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 40px;
	padding: 25px;
}
#espacio-titulo {
	width:100%;
	height:auto;
	margin: 0 auto;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	margin-bottom: 10px
}
#col-25index-ocuta {
	visibility: hidden;
	display: none
}
#col-centro {
	width: 100%
}
  }