@charset "utf-8";
/* CSS Document */

@import url(/_ext/fonts.googleapis.com/css__qaa7b2ddfbf.css);

@import url('/css/quienes-somos.css');
@import url('/css/servicios.css');
@import url('/css/marcas.css');
@import url('/css/contacto.css');
@import url('/css/tiendas.css');
@import url('/css/franquicias.css');
@import url('/css/sedes.css');
@import url('/css/index.css');

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend, article, section, header, footer {margin:0;padding:0;border:none;outline:0;font-weight:normal;font-style:inherit;font-family:inherit;}
ol,ul{list-style:none}

/*PARA IE*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}

body{font-family: 'Roboto Condensed' , sans-serif;}
strong{ font-weight:400; }
/**/
/*Transicion*/

#redes img:hover,#menu li:hover{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;-ms-transition: all 0.4s ease;}

/**/
/*Opacidad*/
/*
{opacity: 0.7;}
*/



/***GENERALES****/
.wrap{width: 960px; padding: 0 10px;margin:auto;position: relative;}

/****CABECERA HOME****/
#sol_efecto{ height:86px; min-height:86px; width:100%; min-width:100%; }
#MainHeader{width: 100%; position:fixed; left:0; right:0; top:0; z-index:10; }
#logo{position: absolute;top:-20px; left: 10px}

#MainHeader>section{margin:auto;}
#MainHeader>section:nth-child(1){background-color: #000;height: 30px;overflow: hidden;width: 100%;min-width: 980px;}
#MainHeader>section:nth-child(2){background-color: #fff;height: 55px;border-bottom: 1px solid #888;width: 100%;min-width: 980px;}

#datosHeader{font-size: 16px; color: #fff; margin-left: 200px;margin-top: 5px;float: left;font-weight:lighter;}
#datosHeader a:link{color:#fff;text-decoration: none;}
#datosHeader a:visited{color:#fff;}
#datosHeader a:hover{color:#888;}

#redes{float: right;margin-top: 5px; margin-right: 10px;}
#redes img:hover{opacity: 0.7}

#menu {margin:0; padding:0;margin-left: 200px;height: 55px; }
#menu li{float:left;padding: 17px 8px;border-right: 1px solid #888;font-weight: lighter;}
#menu li:hover{background-color: #006633; color:#FFF; cursor:pointer; }

#menu > li{ font-size: 19px; }

#menu a:link{color: #222; font-size: 19px;text-decoration: none;}
#menu a:visited{color: #222;}
#menu a:hover li:not(#sub_prod){color: #fff}

/* SUBMENU */
#sub_prod{ position:relative; }
#sub_prod:hover .submenu{ display:block; }
.submenu{ display:none; position:absolute; top:56px; left:-1px; z-index:8; background-color:#FFF; }
.submenu li{ float:none; width:176px; border: 1px solid #888; border-top:none; }
/* FIN SUBMENU */

.current{background-color: #006633 !important;color: #fff;}

/*FOOTER*/
footer{width: 100%; min-width: 980px;background-color: #222;overflow: hidden;height: 140px}
footer>section{width: 960px; padding: 10px;margin: auto;position: relative;}
#zonaIzq{float: left;margin-top: 15px;}
#zonaIzq>figure{border-right: 1px solid #fff;display: inline-block;margin:0;}
#zonaIzq>figure img{padding: 0 15px 0 0}
#zonaIzq>ul{display: inline-block;vertical-align: top; margin-top: 0px;margin-left: 10px}
#zonaIzq>ul>li{font-size: 20px; }
#zonaDer{float: right;text-align: right; height: 140px;}
#zonaDer p{color: #fff;}
footer a:link{color: #fff;text-decoration: none;font-weight:lighter;}
footer a:visited{color: #fff;}
footer a:hover{color: #999;}

#redesFoot{margin-top: 15px; font-size: 20px;}

/*IMAGEN SECCION*/
#imgSupSecc{width: 100%; min-width: 980px;overflow: hidden;}
#imgSupSecc>img{width: 100%;}

/*AVISO LEGAL*/
.avisoLegal{width: 85% !important; margin:auto;text-align: justify;color: #333;font-size: 20px;margin-bottom: 100px;}

/*MAPA WEB*/
#mapaWeb{width: 60%; margin: auto;text-align: left; padding-bottom: 100px;}
#mapaWeb>li{;font-size: 30px;margin: 5px 0}
#mapaWeb>li>ul{margin-left: 50px;}
#mapaWeb>li>ul>li{}

#mapaWeb>li> a:link{text-decoration: none;color: #333;}
#mapaWeb>li> a:visited{color: #333;}
#mapaWeb>li> a:hover{color: #888;}

#mapaWeb>li>ul a:link{text-decoration: none;color: #888;}
#mapaWeb>li>ul a:visited{color: #888;}
#mapaWeb>li>ul a:hover{color: #aaa;}

#zonaForm2 p.error_form,
#zonaForm p.error_form{ clear:both; margin:10px auto; width:100%; color:red; display:none; }