/*#########################################*/
/*
					ESTILOS GENERALES
*/
/*#########################################*/
html,body{margin:0; padding:0;min-width:320px;}

body{
font-size:14px;
width:100%;
color:#000;
margin:0 auto!important;padding:0!important;
overflow:hidden;
overflow-y:auto;
}
/*Este es el contenedor de todo*/
.main{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;z-index:1;
min-width:320px;
overflow-x:hidden;
height:auto;
}

/* CONTENEDORES */
.contenedor-1{width:100%;}
.contenedor-2{background-position:top;}
.contenedor-3{}
.contenedor-4{}
.contenedor-contenido{
margin-top:0px;
}
.contenido-del-sitio{}
.contenedor-menu-mobile{height:100%;width:200px;position:absolute;top:5px;left:13px;z-index:50;}
.contenedor-zonas{}

/*Zonas Editables*/
.zonas{overflow:hidden;padding-top:10px;padding-bottom:10px;}
.estructuraPagina-Izquierda,
.estructuraPagina-Derecha{padding:0;overflow: hidden;}
.estructuraPagina-Izquierda p,
.estructuraPagina-Derecha p,
.zonas p{margin-top:0;margin-bottom:0;}
.zonas img,
.estructuraPagina-Izquierda img,
.estructuraPagina-Derecha img{max-width:100%!important;}


/*ANCHO DEL SITIO*/
.width-960{max-width:960px!important;}

/* TEXTO */
p{}
ul,ol{list-style-position:inside;}
a, a:active, a:visited {}
a:hover {}
address{font-style:normal;}

/*#########################################*/
/*
					EXPRESS
*/
/*#########################################*/

.tipo_pagina_1 img{max-width:100%;height:auto;}
#paginacion_tienda_virtual_info,#paginacion_tienda_virtual_barra{text-align:center;}
.WidgetLinkDestacado{color:#fff;}
/*formulario custom*/
.FormWidget .itemForm{margin-top:20px;}
.FormWidget .labelForm{font-size:1em;padding-bottom:5px;font-weight:bold;}
.FormWidget .opcion {font-weight:normal; padding-right: 10px;}
.FormWidget .opcion input {margin-right:5px;margin-top:10px;}


/*#########################################*/
/*
					HEADER 
*/
/*#########################################*/

header{vertical-align:middle;}
.color .header{}
/*Logo*/
.contenedor-empresa{text-align:center;width:100%;padding:10px 0;}
#logo img{}
.nombre{display:block;vertical-align:middle;font-size:1.2em;line-height:1.2em;}

/*Imagen de Cabecera */
.contenedor-cabecera{max-width:960px;width:100%;position:relative;}
#cabecera{
	background-position:center center;
	background-image:url('fondo.jpg');
	background-repeat:no-repeat;
	width:100%
	margin:0 auto;
	margin-top:10px;
	max-width:960px;
	padding-top:39%;
	background-size: cover;
   -moz-background-size: cover;
	position:relative;
	overflow:hidden;
	}
#cabecera img{min-height:150px!important; min-width:376px!important;}
.texto-cabecera{width:100%;text-align:right;z-index:55;color:#fff;font-size:2em;
position:absolute;top:20%; right:20px;
}
.texto-cabecera p{}

/*#########################################*/
/*
		SECCIONES
*/
/*#########################################*/

#secciones{display:block;
width:100%;
background-image: url(bg-secciones.png);
	background-size: 100%;
   -moz-background-size: cover;
   background-repeat:no-repeat;
height:31px;
position:absolute;
top:-2px;
left:0;
z-index:50;
background-position:center center;
}
.MenuSeccion{list-style:none;text-align:center;vertical-align:middle;width:100%;}
.MenuSeccion li{display:inline-block;text-align:center;}
.MenuSeccion li:hover{}
.MenuSeccion li a{font-size:1.2em;text-align:Center;display:block;padding:0 10px;}
.MenuSeccion li:first-child a{}
.MenuSeccion li:last-child a{}
.MenuSeccion li a:hover{}


/*#########################################*/
/*
		MENU PRINCIPAL
*/
/*#########################################*/

.menuFlotante{position:absolute;top:30%;right:0px;z-index:50;width:80%;}
#menu-superior .MenuPrincipal{list-style:none;text-align:left;font-size:0px;padding:10px;}
#menu-superior .MenuPrincipal li{display:inline-block;position:relative;}

#menu-superior .MenuPrincipal li a{display:block;padding:5px 10px;}
#menu-superior .MenuPrincipal li a:hover,.MenuSeccion li a:hover{}

#menu-superior .MenuPrincipal .select{}
#menu-superior .MenuPrincipal .select:hover{}


/*#########################################*/
/*
		SUB MENUES
*/
/*#########################################*/

#menu-superior .MenuPrincipal li ul{
	display:none;margin:0px;position:absolute;left:-10px;top:32px;width:200px;margin:0 auto;z-index:999;
	padding-top:17px;
}
#menu-superior .MenuPrincipal li ul li{
display:block;margin-right:0px!important;padding-left:10px;
}

#menu-superior .MenuPrincipal li ul li a{}
#menu-superior .MenuPrincipal li ul li:hover a{}

/*#########################################*/
/*
		MENU MOBILE
*/
/*#########################################*/

/*Boton*/
#menu-mobile-button{z-index:50;cursor:pointer;}
#menu-mobile-button ul{margin:0px !important;}
#menu-mobile-button ul li{display:inline-block;vertical-align:middle;}
#menu-mobile-button .iconoMenuBg{width:43px;height:40px;padding:5px;}
#menu-mobile-button ul li span {display:block;height:100%;width:100%;background-repeat:no-repeat;}
#menu-mobile-button .seccionActual{}

/*Menu lateral*/
#menu-mobile{
	position:absolute;
	left:0;
	overflow-x:hidden;
	width:270px;
	z-index:0;
	height:auto;
	position:absolute;left:0;
	}
#menu-mobile .MenuPrincipal{list-style:none;}
#menu-mobile .MenuPrincipal li{display:block;}
#menu-mobile .MenuPrincipal li a{display:block;padding:10px;border-bottom:1px solid #ccc}
#menu-mobile .MenuPrincipal li ul{display:none;}
#menu-mobile .MenuPrincipal li ul li a{border:0px;}

/*icono agregado desde el script de menu*/
#menu-mobile .tieneUl{background-position:92% bottom;background-repeat:no-repeat;}
#menu-superior .tieneUl{background-position:92% bottom;background-repeat:no-repeat;}

/*#########################################*/
/*
		CONTENIDO DE LAS PAGINAS
*/
/*#########################################*/

.contenido-del-sitio{width:100%;}
.contenido-del-sitio a{}

/* TABLAS DE GALERIA (PARA TEMPLATES VIEJOS)*/
#tablaGaleria{background: #transparent;}

/*TABLAS*/
.tipo_pagina_2 table,.tipo_pagina_2 tr,.tipo_pagina_2 td,.tipo_pagina_3 table,.tipo_pagina_3 tr,.tipo_pagina_3 td,
.tipo_pagina_6 table,.tipo_pagina_6 tr,.tipo_pagina_6 td,.tipo_pagina_7 table,.tipo_pagina_7 tr,.tipo_pagina_7 td
.tipo_pagina_8 table,.tipo_pagina_8 tr,.tipo_pagina_8 td,.tipo_pagina_9 table,.tipo_pagina_9 tr,.tipo_pagina_9 td
{border:none!important;}
.tipo_pagina_6 table,.tipo_pagina_6 tr,.tipo_pagina_6 td {background:transparent!important;border:none!important;}
table,tr,td {border-color:#666;}



/*#########################################*/
/*
					FOOTER 
*/
/*#########################################*/

footer{padding:1em 0 5em 0;}
footer h6{}

/*-------------- MENU FOOTER  */
#MenuFooter {}
#MenuFooter .MenuPrincipal{list-style:none;text-align:left;margin-bottom:20px;}
#MenuFooter .MenuPrincipal li{display:block;padding:5px 10px 5px 0px;float:left;}
#MenuFooter .MenuPrincipal li a{display:block;font-size:;}
#MenuFooter .MenuPrincipal li ul{display:none;}
#MenuFooter .MenuPrincipal li:hover,#MenuFooter .MenuPrincipal a:hover{}


/*#########################################*/
/*
				MODIFICADORES
*/
/*#########################################*/

/*Zonas Editables*/
.zonas{overflow:hidden;}
.zonas img{max-width:100%!important;}

/* PACK CONTACTO, REDES SOCIALES Y DATOS */
.contenedor-datos{list-style:none;}
.redes{border-left:1px solid #ccc;padding-left:2.5%!important;}
.contacto{font-size:1.1em;padding-top:20px;}
.web{}
.icon{padding-right:5px;floar:left;}

/*LOGO EXPRESS*/
#poweredby{text-align:left;margin:0!important;padding:0!important;}
#poweredby img{}
#poweredby p{text-align:left;margin:0!important;padding:0!important;}

.mascara{
	width:40%;height:20%;position:absolute;left:0px;bottom:-2px;z-index:20;
	background-image:url(bg-triangulo2.png);-webkit-background-size:cover;
	background-size: cover;
}

.hache1{position:absolute;top:-55px;z-index:50;left:15px;width:30%;}
.cont-960{
background-color:#fff!important;
max-width:960px!important;
width:100%!important;
margin:0 auto;
-webkit-box-shadow: 0px -1px 7px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    0px -1px 7px rgba(50, 50, 50, 0.55);
box-shadow:         0px -1px 7px rgba(50, 50, 50, 0.55);
}

.contenedor-5{/*position:absolute;bottom:0px;*/width:100%;background-color:#003366;z-index:-5;}
.main{position:relative;}

/*#########################################*/
/*
				HELPERS
*/
/*#########################################*/

.padding-top-bottom-0{padding-top:0px!important;padding-bottom:0px!important;}
.padding-top-0{padding-top:0px!important;}
.padding-bottom-0{padding-bottom:0px!important;}
.padding-left-right-0{padding-left:0px!important;padding-right:0px!important;}
.padding-left-0{padding-left:0px!important;}
.padding-right-0{padding-right:0px!important;}
.fijoMobile{position:absolute;width:100%;top:0;left:0;z-index:900;}
.fijo ul {margin:0;padding:.5em;}
.fijoMobile ul { margin:0;padding:.5em;}
.fijo{position:fixed;width:100%;top:0;left:0;z-index:900;background-color:#fff;color:#000!important;border-bottom:1px solid #333;}
.inline-block{display:inline-block;}

.clearfix{clear:both;}
.absolute{position:absolute;}
.relative{position:relative;}

.top-0{top:0;}
.left-0{left:0;}
.right-0{right:0;}
.bottom-0{bottom:0;}

.width-50-100{width:45%;display:inline-block!important;vertical-align:middle;}
.margin-top-20{margin-top:20px;}
.margin-bottom-20{margin-bottom:20px;}

.display-no{display:none!important;}
.display-si{}
.spacer-20{height:20px;width:100%;}

.contacto span{padding:0!important;margin:5px 0!important;}

/*#########################################*/
/*
				FORMULARIO
*/
/*#########################################*/

.label_form{
	padding-right:20px;
	vertical-align:top;
}
.campo_form{
	padding-bottom:7px;
}
	.campo_form input[type="text"],
	.campo_form textarea{
		max-width:300px;
		height:24px;
		padding:3px;
		border:1px solid #b4b4b4;
		color:#444;
	}
	.campo_form textarea{
		height:150px;
	}
input[type="submit"],
input[type="reset"]{
		margin:0 2px;
		margin-right:5px;
		padding:6px;
		border:0px;
		cursor:pointer;
		-webkit-border-radius: 8px;
		border-radius: 5px;
	}	
input[type="submit"]:hover,
input[type="reset"]:hover{}
.campo_form input[type="submit"]{margin-left:27%;}
	
	
/*#########################################
------------------------------------------

				COLORES

------------------------------------------
#########################################*/


/*GENERALES*/
.color {background:#edf3f8;}
.color .contenedor-total{}
.background-se{background:#edf3f8;}

.color .layer-menu-mobile{background:rgba(0,0,0,.3);
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
position:absolute;z-index:100!important;display:none;opacity:0;width:100%;height:100%;}
.color .contenedor-1{vertical-align:middle;}
.color .contenedor-2{}
.color .contenedor-3{}
.color .contenedor-4{background-color:#003366;}

.color .contenido-del-sitio{}
.color .contenedor-contenido{}
.color .contenido-del-sitio a{color:#;font-weight:bold;}

.color #cabecera{}
.color .texto-cabecera{}
.color a{color:#06c;}
.color a:hover {color:#39f;}
.color b{color:#333;}
.color strong{color:#333;}
.color .nombre{font-weight:bold!important;color:#06c;}

.icon-mobile{float:right;font-size:1.3em;color:#06c;}

/*CLASES EXPRESS*/
.color .WidgetLinkDestacado{color:#fff;
	background-color:#06c;color:#fff!important;	font-size:1.1em;
	font-weight:normal!important;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out; 	
	}
	
.color .WidgetLinkDestacado:hover{background-color:#39f;}



/*MENUES*/
/*--seccion*/
.color .MenuSeccion{}
.color .MenuSeccion li a{color:#06c;}
.color .MenuSeccion li a:hover{color:#39f;}

/*--superior*/
.color #menu-superior{}
.color #menu-superior .MenuPrincipal{background:rgba(255,255,255,.9);}
.color #menu-superior .MenuPrincipal li {font-size:0;font-size:18px;margin-right:2px;}
.color #menu-superior .MenuPrincipal li a{color:#06c;}
.color #menu-superior .MenuPrincipal li:hover > a{color:#666}
.color #menu-superior .MenuPrincipal > li .select{color:#666;
}

/*--Sub Menu*/
.color #menu-superior .MenuPrincipal li ul li{background-color:#fff;}
.color #menu-superior .MenuPrincipal li ul a{color:#666;}
.color #menu-superior .MenuPrincipal li ul a:hover{color:#39f;}

/*--Menu Mobile*/

/* mobile lateral*/
.color #menu-mobile a{font-size:1.2em;}

/* mobile boton*/
.color #menu-mobile-button {
color:#000;font-size:1.2em;	
}
.color #menu-mobile-button .iconoMenuBg{background-color:#06c;}
.color #menu-mobile-button span {background-image:url(menu-icon-color.png);}
.color .selectedMenu{color:#;padding-left:10px;width:auto;}/*la palabra Menu*/


/*-- Menu footer*/
.color #MenuFooter .MenuPrincipal li a{color:#ccc; font-size:1em;}
.color #MenuFooter .MenuPrincipal li a:hover{color:#39f;}
.color #MenuFooter .MenuPrincipal .select{color:#39f;}


/* FOOTER */

.color footer h6{color:#ccc;}
.color footer{color:#ccc;}
.color footer a{color:#ccc;}
.color footer a:hover{color:#39f;}

/* MODIFICADORES */
.color .icon{color:#39f;}


/* FORMULARIO */
.color input[type="submit"],
.color input[type="reset"]{
		font-size:1.1em;
		background-color:#39f;
		color:#fff;
		margin:0 2px;
		padding:6px 10px;
		border:0px;
		cursor:pointer;
		-webkit-border-radius: 8px;
		border-radius: 5px;
    	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    	-webkit-transition: background-color 300ms ease-out;
    	-moz-transition: background-color 300ms ease-out;
    	transition: background-color 300ms ease-out; 
	
	}
.color input[type="submit"]:hover,
.color input[type="reset"]:hover{
	background-color:#39c;
	color:#fff;
	}


/*#########################################*/
/*
		FUENTES - COLOR Y TAMAÑO
*/
/*#########################################*/

.color nav{}
.color .nombre{}

.color .contenedor-datos{}

.color input[type="submit"],input[type="reset"],.selectedMenu, nav,.nombre, h1,h2,h3,h4,h5,h6,.WidgetLinkDestacado{
font-weight:normal!important;
font-family: 'Roboto', sans-serif;
}

.color h1{font-size:1.8em;}
.color h2{font-size:1.6em;}
.color h3{font-size:1.3em;}
.color h4{font-size:1.2em;}
.color h5{font-size:1.1em;}
.color h6{font-size:1em;}	

.color .selectedMenu{font-weight:bold!important;
}

/*#########################################*/
/*
				MEDIA QUERIES
*/
/*#########################################*/

@media screen and (max-width: 480px) {
#menu-mobile-button .iconoMenuBg{width:32px;height:30px;}
#menu-mobile-button .selectedMenu{padding-left:0px;}
#menu-mobile-button span{width:32px;height:30px;background-size:contain;}
.texto-cabecera{font-size:1.5em;top:35%;}

	
}


@media screen and (max-width: 639px) {

.contenedor-empresa{text-align:center!important;width:100%;}
#logo {text-align:center!important;padding:0;magin:0;margin:0 auto;}
.MenuSeccion {font-size:10px!important;}
footer,#MenuFooter .MenuPrincipal,#poweredby p{text-align:center!important;}

}

@media screen and (max-width: 767px) {
	.main{overflow:hidden;}	
	.contenido-del-sitio{padding-top:0px;}
	.hache1{position:inherit;width:100%;margin-top:20px;}
	#secciones{text-align:Center;}
	.MenuSeccion{text-align:center!important;float:none!important;}
	.MenuSeccion li{text-align:center;}
	#Menufooter .MenuPrincipal{text-align:center!important;margin-bottom:30px!important;}
	#MenuFooter .MenuPrincipal li{text-align:center!important;float:none;display:inline-block;} 
	.redes {padding-top:20px;}
	.menuFlotante{top:20%;}
	.texto-cabecera{width:60%;}
}


/*#########################################*/
/*
				CABECERA NO VISIBLE
*/
/*#########################################*/

body.menu-secciones-no-visible .MenuSeccion{
	display:none;	
}

body.menu-principal-no-visible .MenuPrincipal{
	display:none;	
}

#navegacion-footer .MenuPrincipal, #MenuFooter .MenuPrincipal {
	display:block;
}
body.menu-pie-no-visible #navegacion-footer ,body.menu-pie-no-visible #MenuFooter {
	display:none;	
}

body.cabecera-no-visible #cabecera{
    display: none !important;
}
body.cabecera-no-visible .no-visible{display:none!important;}
body.cabecera-no-visible .menuFlotante{position:inherit!important;z-index:50;width:100%;-moz-box-shadow:0 5px 5px rgba(182, 182, 182, 0.75);
-webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);}
body.cabecera-no-visible #menu-superior .MenuPrincipal{text-align:center!important;}
body.cabecera-no-visible #menu-superior .MenuPrincipal li ul li{background-color:#d1d1d1!important;text-align:left;}

body.cabecera-no-visible .hache1{position:inherit;width:100%;}
body.cabecera-no-visible #secciones{position:inherit!important;}

body.cabecera-no-visible .contenedor-menu-mobile{position:inherit!important;}