html, body {
	margin: 0px;
	text-align: center;
	padding: 0px;
	background-color: #FFF; 

	font-family: 'Varela Round', sans-serif; font-weight: 400;
	font-size: 16px; color:#000;

}

.icon{
    text-align: center;
}

h1, h2, h3, h4 { font-weight:normal; margin:0px !important; }


barmenu{
    text-align: center; 
    height: auto;
	   background: url(./img_entorno/bg_trans50.png) repeat;
            color: #fff;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
			display:none;
        }
        
        barmenu.sticky {
            position: fixed;
			top: 0;
            height: auto; 
            width: 100%;
            background: #000;
            text-align: center; z-index: 2000;
			display:block;
        }

.recuadro_encabezado {
	font-size: 16px; font-style: normal; color: #fff; font-family: "Didact Gothic"; padding: 10px;
	background-color:#069;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius: 5px;
}
.recuadro_encabezado i { color: #FFF;}


.img-full { width: 100%; height:auto; }
.img-circle { 
	border-radius:50%;
	overflow:hidden;

}
.divimg_atras {
	position: relative;
	width: 100%; /* for IE 6 */
}
superpos {
	position: absolute;
	width: 100%;
}


.menu_img {
	background-color:none;
}
.menu_img:hover {
	background-color: #000;
}

.menu_img1 {
	background-color: #FFF;
}
.menu_img1:hover {
	background-color: #000;
}

.fondo_imagen_01 {
	background: url(../images/fondo_nosotros.jpg) no-repeat top center scroll; 	  
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;

}
.fondo_imagen_02 {
	background: url(../images/fondo_productos.jpg) no-repeat top center scroll; 	  
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;

}
.fondo_imagen_03 {
	background: url(../images/fondo_servicios.jpg) no-repeat top center scroll; 	  
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;

}
.fondo_imagen_04 {
	background: url(../images/fondo_contacto.jpg) no-repeat top center scroll; 	  
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;

}
.fondo_pie_pagina {
	background: url(../images/fondo_pie.jpg) no-repeat top center scroll; 	  
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;

}
.bg_imagen_02 {
	background: url(../images/wall_mini_02.jpg) no-repeat center center fixed; 	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;

}


.textura_cabecera {background-color: #FFF;}
.textura_menu {background-color: #000;}
.textura_maintrans0 {background: url(./images/css_trans_0.png); background-repeat:repeat;}
.textura_maintrans1 {background: url(./images/css_trans_1.png); background-repeat:repeat;}
.textura_maintrans2 {background: url(./images/css_trans_2.png); background-repeat:repeat;}
.textura_maintrans3 {background: url(./images/css_trans_3.png); background-repeat:repeat;}
.textura_pie {background-color: #000;}

.boton_link {
	font-size: 16px; color: #FFF; font-family: "Didact Gothic";
	padding: 10px;
	border: none !important;
	background-color:#069;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius: 10px; cursor: pointer;
}
.boton_link:hover {
	background-color: #666;
}



.fail {font-size: 11px; color: #C00;  }
.exito {font-size: 11px; color: #090;  }

.slider-td {
	margin: 0px !important;
	border: none !important;
	background-color:#FFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius: 5px; cursor: pointer;
}
.slider-td:hover {
	background-color: #EAEAEA;
}

.main-titulos {font-size: 48px; color: #333; font-family: 'Varela Round', sans-serif; font-weight: 400;}
.main-titulos-b {font-size: 48px; color: #FFF; font-family: 'Varela Round', sans-serif; font-weight: 400; }
.main-subtitulos {font-size: 38px; color: #333; font-family: 'Varela Round', sans-serif; font-weight: 400;}
.main-subtitulos-b {font-size: 38px; color: #FFF; font-family: 'Varela Round', sans-serif; font-weight: 400;}
.main-subtitulos-med {font-size: 24px; color: #333; font-family: 'Varela Round', sans-serif; font-weight: 400;}
.main-subtitulos-med-b {font-size: 24px; color: #FFF; font-family: 'Varela Round', sans-serif; font-weight: 400;}
.main-subtitulos-min {font-size: 20px; color: #333; font-family: 'Varela Round', sans-serif; font-weight: 400;}
.main-subtitulos-min-b {font-size: 20px; color: #FFF; font-family: 'Varela Round', sans-serif; font-weight: 400;}

.main-textos {font-size: 16px; color: #000; font-weight: 400;}
.main-textos-b {font-size: 16px; color: #FFF; font-weight: 400;}
.main-textos-med {font-size: 12px; color: #000; font-weight: 400;}
.main-textos-med-b {font-size: 12px; color: #FFF; font-weight: 400;}
.main-textos-min-b {font-size: 10px; color: #FFF; font-weight: 400;}
.main-textos-min {font-size: 10px; color: #000; font-weight: normal;}
.main-textos-jus {font-size: 16px; color: #000; font-weight: 400; text-align:justify;}
.main-textos-jus-b {font-size: 16px; color: #FFF; font-weight: 400; text-align:justify;}

.main-slogan-big {font-size: 50px; color: #000;font-family: 'Varela Round', sans-serif; font-weight: 400; }
.main-slogan-big-b {font-size: 50px; color: #FFF;font-family: 'Varela Round', sans-serif; font-weight: 400; }
.main-slogan {font-size: 38px; color: #000;font-family: 'Varela Round', sans-serif; font-weight: 400;}
.main-slogan-b {font-size: 38px; color: #FFF;font-family: 'Varela Round', sans-serif; font-weight: 400;}
.main-slogan-med {font-size: 26px; color: #000;font-family: 'Varela Round', sans-serif; font-weight: 400;}
.main-slogan-med-b{font-size: 26px; color: #FFF;font-family: 'Varela Round', sans-serif; font-weight: 400;}
.main-slogan-min {font-size: 18px; color: #000;font-family: 'Varela Round', sans-serif; font-weight: 400;}
.main-slogan-min-b{font-size: 18px; color: #FFF;font-family: 'Varela Round', sans-serif; font-weight: 400;}

.main-result-ok {font-size: 11px; color: #090; font-weight: normal;}
.main-result-error {font-size: 11px; color: #F00; font-weight: normal;}
.main-letra-capital {font-size: 30px; color: #069; font-family: "Didact Gothic"; font-weight:normal;}


.main-precios {font-size: 30px; color: #060; font-family: "Didact Gothic"; font-weight:normal;}
.main-precios-med {font-size: 16px; color: #F00; font-family: "Didact Gothic"; font-weight:normal;}
.main-precios-min {font-size: 14px; color: #333; font-family: "Didact Gothic"; font-weight:normal;}
.main-precios-total {font-size: 22px; color: #060; font-family: "Didact Gothic"; font-weight:normal;}
.main-precios-td { 
	background-color:#EAEAEA; color:#333;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius: 10px;
	
}
.main-precios-td:hover { background-color:#FFF}

.pie_textos {font-size: 16px; color: #FFF; font-family: "Didact Gothic"; }
.pie_visitas {font-size: 18px; color: #ccc; font-family: "Didact Gothic"; }



a {color: #FFF; text-decoration : none;}
a:hover {text-decoration: none; color: #FFF; }
a:active {color: #FFF; text-decoration : none;}

.menu-item {font-size: 20px; color: #fff; font-family: "Didact Gothic";}
a.menu-over {font-size: 18px; color: #fff; font-family: "Didact Gothic"; padding-left: 10px;}
a.menu-over:hover {font-size: 18px; color: #CCC; font-family: "Didact Gothic";}
a.menu-over:active {font-size: 18px; color: #CCC; font-family: "Didact Gothic";}

.menu-bar {font-size: 22px; font-family: "Didact Gothic"; font-weight:300; cursor:pointer;}
.menu-bar:hover {font-size: 22px}
.menu-bar-txt {font-size: 20px; color: #FFF; font-family: "Didact Gothic"; font-weight:300; cursor:pointer;}
.menu-bar-med {font-size: 14px; color: #FFF; font-family: "Didact Gothic"; cursor:pointer;}
.menu-bar-med:hover {font-size: 14px; color: #069; font-family: "Didact Gothic";}
.menu-bar-mini {font-size: 12px; color: #FFF; font-family: "Didact Gothic"; cursor:pointer;}
.menu-bar-mini:hover {font-size: 12px; color: #069; font-family: "Didact Gothic";}

.menu-pie {font-size: 18px; font-family: "Didact Gothic"; font-weight:400; cursor:pointer; color:#000;}
.menu-pie:hover {color: #930;}


.menu-bar-td {color: #333; background-color:#FFF ; border-right:2px solid #999; font-size: 22px; font-family: "Didact Gothic"; font-weight:300; cursor:pointer;}
.menu-bar-td:hover {color: #FFF !important; background-color:#999;}

.menu-bar-div {background-color: #000; padding:10px;}
.menu-bar-div:hover {background-color: #069; color:#FFF !important;}

.fancybox-x {font-size: 16px; color: #666; font-family: "Didact Gothic"; cursor:pointer;}
.fancybox-x:hover {font-size: 16px; color: #000; font-family: "Didact Gothic";}
.fancybox-x:active {font-size: 16px; color: #000; font-family: "Didact Gothic";}

.fancybox-b {font-size: 14px; color: #FFF; font-family: "Didact Gothic"; cursor:pointer;}
.fancybox-b:hover {font-size: 14px; color: #CCC; font-family: "Didact Gothic";}
.fancybox-b:active {font-size: 14px; color: #CCC; font-family: "Didact Gothic";}



#menufancyajax {font-size: 11px; color: #fff; font-family: "Didact Gothic";}

/* FORMULARIOS */

.custom-form input, select, textarea { 
	outline:none !important;
	border:1px solid #CCC;
    background-color: #CCC !important;
    padding:10px;
    color: #000;
    font-size:14px !important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius: 5px;
	resize: none; width:90% !important;
}

.custom-form input:focus { color:#000; }
.custom-form button {
    outline:0;
	color:#fff;
    border:0px solid #666;
    background-color: #069;
    padding:8px; font-family: "Didact Gothic"; font-size: 16px; cursor: pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius: 5px;

}
.custom-form button:hover { color:#000;}
::placeholder { color: #999; opacity: 1; }
:-ms-input-placeholder { color: #999; }
::-ms-input-placeholder { color: #999; }
.custom-form-item {font-size: 14px; color: #333;font-family: "Raleway";}