@charset "UTF-8";



body, html{
	margin:0px;
	width:100% !important;
	height:100%;
	overflow-x:hidden !important;
	background-color:#FFF;
	}	


.modulocasos {max-width: 1150px;}

img{
	border:none;
	border-radius:0px;  
	}
	
#backfull_home{
	float:left;
	width:100%;
	}

	
#main_logo_menu{
	width:100%;
	float:left;
	position:relative;
	z-index:2;
	height:166px;
	margin-bottom:-350px;

}

#main_logo_menu_i{
	width:100%;
	float:left;
	position:relative;
	z-index:2;
	height:166px;
}

#logo_menu{
	width:1150px;
	min-height:166px;
	}
	
.logo{
	float:left;
	margin-top:0px;
	position:relative;
  	z-index:5;
	margin-left:
	}
	
.menuppal{
	position:relative;
	z-index:2;	
	}
	
.menuppal a{
	font-family: 'Lato', sans-serif!important;
	}
	
	
.ddmx .acton a.item1-active, .ddmx .acton a.item1:hover, .ddmx .acton a.item1 {
    white-space: nowrap;
    background-image: none;
    color: #521850 !important;
    font-weight: 900;
}

#reslider{
	height:720px;
	width:100%;
	}

.slidermod{
	position:relative;
	z-index:1;
    margin-top:-40px;
	}

.slidermods{
	position:relative;
	z-index:1;
    margin-top:-200px;
    float:left;
  width:100% !important;
  margin-bottom: -125px;
	}
	
#next94, #next131 {
    right: 310px !important;
}

#prev94, #prev131 {
	right:380px !important;
	left:inherit !important;
	}
	
#heads{
	width:100%;
	
	margin-top:-60px;
	}


#mediocentrado{
	width:100%;
	float:left;
	position:relative;
	z-index:5;
}

#centrado{
	width:1150px;
	min-height:166px;
	}
	
.pielh{
	float:left;
	margin-top:-500px;
	font-family: 'Lato', sans-serif!important;
	color:#7C7C7C;
	font-size:16px;
	}
	
.pielh2{
	font-family: 'Lato', sans-serif!important;
	color:#7C7C7C;
	font-size:16px;
	width:1005;
	padding-bottom:70px;
	}
	
.pielh h1, .pielh2 h1{
	color:#862784;
	font-size:44px;
	font-weight:400;
	margin:0px;
	}
	
.pielh h2, .pielh2 h2{
	color:#862784;
	font-size:40px;
	margin-top:-10px;
	margin-bottom:0px;
	}
	
.pielh a{
	background-color:#682E1C;
	padding:5px 15px 5px 15px;
	border-radius:5px;
	color:#fff;
	text-decoration:none;
	margin-top:20px;
	font-size:18px;
}

.tituloslider{
	width:100%;
	float:left;
	font-family: 'Lato', sans-serif!important;
	
	
	}
	
.tituloslider h1{
	color: #999;
	font-size:52px;
	font-weight:400;
	margin:0px;
	}
	
.tituloslider h2{
	color:#862784;
	font-size:54px;
	margin-top:0px;
	margin-bottom:0px;
	}
	
.prodslide{
	float:left;
	width:100%;
	margin-top:10px;
	}
	
#servicios{
	height:1149px;
	width:100%;
	background-image:url(../../../images/grafica_fl/fondo_serv.jpg);
	float:left;
	background-position:top;
	height:1450px;
	background-repeat: no-repeat;
	}
	
.slideservicios{
	margin-top:100px;
	}
	
#cust-navigation98 {
    top: 21px !important;
 }
 
.btnleft{
	float:left;
	margin-top:70px;
	}
	
.btnright{
	float:right;
	margin-top:70px;
	text-align:right !important;	
	}
	
.botonesservicios{
	width:1100px;
	display:block;
	margin-top:370px;
	}
	
.botonesservicios h3{
	width:100% !important;
	color:#862784;
	font-size:44px;
	font-weight:900;
	font-family: 'Lato', sans-serif!important;
	margin-bottom:20px;
	float:left;
}
	
#servb{
	float:left;
	background-image:url(../../../images/grafica_fl/fondo_boton.jpg);
	width:235px;
	height:154px;
	font-family: 'Lato', sans-serif!important;
	color:#FFF;
	padding-top:80px;
	margin-right:40px;
	margin-top:50px;
	margin-bottom:60px;
	}
	
.botonesservicios a{
	background-color:#682E1C;
	padding:5px 15px 5px 15px;
	border-radius:5px;
	color:#fff;
	text-decoration:none;
	font-size:22px;
	font-family: 'Lato', sans-serif!important;
}


#footer{
	width:100%;
	float:left;
	position:relative;
	z-index:5;
	background-image:url(../../../images/grafica_fl/footer.png);
	background-position:top;
	
	
}

#footercentrado{
	width:1150px;
	min-height:401px;
	}

.redes{
float:left;
margin-top:200px;
width:50%;
text-align:center;
}

.redes img{
margin-right:7px;
  vertical-align:middle;
}

.datos{
float:left;
width:45%;
margin-top:110px;
text-align:left;
color:#fff;
font-family: 'Lato', sans-serif!important;
margin-left:50px;
}

.datos a{
text-decoration:none;
color:#fff;}

.datos img{
margin-right:10px;
float:left;
  padding-bottom: 25px;
}

.quienes{
	width:100%;
	background-image:url(../../../images/grafica_fl/head_quienes_01.png);
	background-position:top;
	background-repeat:no-repeat;
	height:722px;
	}
	
.serviciosc{
	width:100%;
	background-image:url(../../../images/grafica_fl/head_servicios_01.png);
	background-position:top;
	background-repeat:no-repeat;
	height:0px;
	}
	
.productoss{
	width:100%;
	background-image:url(../../../images/grafica_fl/head_productos_01.png);
	background-position:top;
	background-repeat:no-repeat;
	height:722px;
	}
	
.pubs{
	width:100%;
	background-image:url(../../../images/grafica_fl/head_publicaciones_01.png);
	background-position:top;
	background-repeat:no-repeat;
	height:722px;
	}

.casose{
	width:100%;
	background-image:url(../../../images/grafica_fl/head_casos.png);
	background-position:top;
	background-repeat:no-repeat;
	height:722px;
	}
	
.contactoss{
	width:100%;
	background-image:url(../../../images/grafica_fl/head_contactos_01.png);
	background-position:top;
	background-repeat:no-repeat;
	height:722px;
	}
	
#contenidocentral{
	width:1000px;
	font-family: 'Ubuntu', sans-serif ;
	color:#666;
	padding-bottom:60px;
	margin-top:-30px;
	text-align:justify;
	font-size:16px;
	}
	
#contenidocentral h3{
font-family: 'Lato', sans-serif!important;
color:#666;
font-size:32px;
text-align:center !important;
font-weight:300;
border-top:1px dotted #666666;
margin-top:-20px;
padding-top:20px;
text-transform:uppercase;
}

#contenidocentral h2{
font-family: 'Lato', sans-serif!important;
color:#8d278b;
font-size:42px;
text-align:center !important;
}

#contenidocentral h1{
font-family: 'Lato', sans-serif!important;
color: #666;
font-size:42px;
margin-bottom:-40px;
text-align:center !important;	
}
	
div#fox-container-c106 .fox-form-stacked .controls {
    float: none !important;
}

.fox-form {
	text-align:center !important;	
	}

.catalogo{
	width:1000px;
	margin-top:-20px;
	padding-bottom:20px;
	padding-top:30px;
	background-image:url(../../../images/grafica_fl/fondo_productos.png);
	height:auto;
	overflow:auto;
	border-radius:30px;
	
	}

#productocatalogo{
	width:33.3%;
	float:left;
	height:430px;
	}
	
#productocatalogo:hover{
	border-radius:20px;
	background-color:#f9f6f6;
	}
	
.catalogo img{
	float:left;
}

.catalogo h1{
font-family: 'Lato', sans-serif!important;
color:#8d278b;
font-size:26px;
text-align:center !important;
}

.catalogo h2{
font-family: 'Lato', sans-serif!important;
color:#862784;
font-size:15px;
text-align:center !important;
font-weight:normal;
font-style:italic;
margin-top:-10px;
}

.catalogo a{
	text-decoration:none !important;
}

.menuserv{
	background-color:#8d278b;
	padding:5px;
	margin-top:-50px;
	
	}
	
.menuserv li{
	display:inline;
	margin:0px 20px 0px 20px;
	}
	
.menuserv a{
	text-decoration:none;
	color:#FFF	;
	font-family: 'Lato', sans-serif!important;
	font-size:16px;
	}
	
.menuserv a:hover, .menuserv a:active{
	font-weight:900;
	}
	
.servstyle{
	background-color:#C60;
	background-image:url(../../../images/grafica_fl/fondo_servicios.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:50px;
	margin-bottom:70px;
	}
	
#cust-navigation115, #cust-navigation116, #cust-navigation117, #cust-navigation118, #cust-navigation119 {
    position: absolute;
    top: 543px !important;
   	width:100%;
}

.blogscreen h2{
	font-family: 'Lato', sans-serif!important;
font-size:32px;
text-align:center !important;
font-weight:300;
margin-top:10px;
padding-top:20px;
padding-bottom:10px;

	}


/*////////////////////////////////////////////////////////////////////////////////////////Version Responsive*/	
	


@media (max-width:1048px) {

.logo{
	float:left;
	margin-top:20px;
	position:relative;
	z-index:5;
	margin-left:100px;
	}
	
.logo img{
	width:70%;	
	}
	
#logo_menu{
	width:100%;
	min-height:230px;
	}
	
.menuppal{
	margin-top:-10px;
	}
	
.ddmx a.item1, .ddmx a.item1:hover, .ddmx a.item1-active, .ddmx a.item1-active:hover {
    padding-top: 0px;
    padding-right: 12px;
    padding-bottom: 11px;
    padding-left: 12px;
    font-size: 14px;
}



@media (max-width:800px) {
	
.logo{
	float:left;
	margin-top:20px;
	position:relative;
	z-index:5;
	margin-left:0px;
	}
	
.menuppal{
	margin-top:-165px;
	float:right;
	}
	
.ddmx a.item1, .ddmx a.item1:hover, .ddmx a.item1-active, .ddmx a.item1-active:hover {
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 11px;
    padding-left: 6px;
    font-size: 12px;
}

  
.modulocasos{
margin-top: 60px!important;
margin-bottom: 60px!important; 
}
  
  
#casos #heads {display:none!important; }