@charset "utf-8";

@import url('//use.fontawesome.com/releases/v4.7.0/css/font-awesome-css.min.css');
@font-face {
  font-family: 'FontAwesome';
  src: url('//use.fontawesome.com/releases/v4.7.0/fonts/fontawesome-webfont.eot');
  src: url('//use.fontawesome.com/releases/v4.7.0/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
       url('//use.fontawesome.com/releases/v4.7.0/fonts/fontawesome-webfont.woff2') format('woff2'),
       url('//use.fontawesome.com/releases/v4.7.0/fonts/fontawesome-webfont.woff') format('woff'),
       url('//use.fontawesome.com/releases/v4.7.0/fonts/fontawesome-webfont.ttf') format('truetype'),
       url('//use.fontawesome.com/releases/v4.7.0/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, html a {

}

body{background: #FAFAFA;font-family: 'Encode Sans', Arial;font-size: 13px;color: #292929;margin:0;padding:0;
/text-align: center;}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

#msg-noscript
{
width:100%; padding-top:55px;
height:100%; 
background-color:#FF0000; 
text-align:center;
color:#FFFFFF;
font-size:20px;
position:fixed;
filter:alpha(opacity=80);  /* for IE */
opacity:0.8; /* CSS3 standard */
z-index: 999999;
}

#no-script
{
width:100%;
height:100%;
background-color:#000000;
filter:alpha(opacity=70);  /* for IE */
opacity:0.7; /* CSS3 standard */	
}


#no-script .texto
{
color: #FFFFFF;
font-size: 18px;
margin: 30px auto 0;
text-align: center;
width: 50%;
}

#alert
{
z-index: 9999999;
overflow: hidden;
width: 100%;
text-align: center;
position: absolute;	
left: 0;
background-color: #000;
height: 0;
color: #fff;
font: 20px/50px  Geneva, Sans-serif;
opacity: .8;
bottom: 0;
}

.grecaptcha-badge { 
    visibility: hidden;
}

.msgError{
	font-family: 'Encode Sans', sans-serif;
    font-size: 15px;
    color: red;
    height: auto;
}

.msgError img{
margin-top: -4px;
}

img {
margin:0; padding:0; border:0;
}

p{
line-height: 16px;
}

/* HyperLinks ____*/

a{color: #47b942;text-decoration: none;font-style: normal;font-weight: normal;transition: all .15s ease-in-out;-moz-transition: all .15s ease-in-out;-webkit-transition: all .15s ease-in-out;}

a:hover{color: #a2a2a2;text-decoration: none;transition: all .15s ease-in-out;-moz-transition: all .15s ease-in-out;-webkit-transition: all .15s ease-in-out;}

a.seguircomprando{color: #a2a2a2;text-decoration: none;}
a.seguircomprando:hover{color: #47b942; }

.clear{
clear:both;
}


/* Headings ____*/

h1, h2, h3, h4, h5, h6 {font-weight: normal;margin: 0 0 0 0;color: #ea312c;font-family: 'Encode Sans', sans-serif;}

h1 { font-size: 24px; color: #40ab3d; font-weight: 600; }

h2 { font-size: 20px; color: #47b942; font-weight: 600; }

h3 { font-size: 18px; color: #96c800; }

h4 { font-size: 14px; color: #595959; }

h5 { font-size: 12px; color: #cdcdcd; }

h6 { font-size: 14px; color: black;}



h1{
	width: 100%;
	border-bottom: 1px solid #e8e8e8;
	padding: 20px 20px 20px 5px;
	font-size: 30px;
	font-family:;
	font-weight: 300;
	color: #767676;
	display: block;
	clear: both;
	box-sizing: border-box;
}

/* Layout CSS ____*/


#Superior{clear:both;  background: #FAFAFA;margin: 0 auto; *margin-left: -488px;height: 190px;width: 100%;  }

#headerRhona{
	clear: both;
	position: fixed;
	z-index: 999;
	margin: 0 auto;	
	top: 0; left: 0; right: 0;
	background: #FAFAFA;
	border-bottom: 1px #eee solid; border-top: 5px solid #3d9e35;
	height: auto;width: 100%;
}

#top{width: 100%;background: #3d3c41;/* overflow: hidden; */height: 40px;z-index: 999;}
#wrap-top{
width: 1400px;
margin: 0 auto;
}
#Cabecera{clear:both;margin: 0 auto; *margin-left: -475px;overflow:visible;height: auto;width: 1400px;}


#Cabecera h1.logoVertical{background: url("images/logo-header.png");background-repeat: no-repeat;background-attachment: scroll;background-position: 0% 0%;background-clip: border-box;background-origin: padding-box;background-size: auto auto;float: left;height: 102px;margin: 0;overflow-x: hidden;overflow-y: hidden;position: absolute;text-indent: -500em;width: 244px;z-index: 1;font-size: 1px !important;-moz-transform: rotate(0);top: 15px;border-bottom: none; margin: 0 0 0 20px;}

#Cabecera a h1.logoVertical{ opacity: 1; }
#Cabecera a:hover h1.logoVertical{ opacity: .6; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; }

#Cabecera h1.logoHorizontal{ display: none; background: url("images/logo-header-horizontal.png");background-repeat: no-repeat;background-attachment: scroll;background-position: 0% 0%;background-clip: border-box;background-origin: padding-box;background-size: auto auto;float: left;height: 54px;margin: 0;overflow-x: hidden;overflow-y: hidden;position: absolute;text-indent: -500em;width: 306px;z-index: 1;font-size: 1px !important;-moz-transform: rotate(0);top: 25px;border-bottom: none; margin: 0 0 0 20px;}

/* Paises Logo */
#Cabecera .paises{
margin: 117px 0 0;
position: absolute;
width: 258px;
display:none;
}
#Cabecera .paises h2{
color: #939393;
display: inline-block;
font-size: 14px;
margin: 0 2px 0 0;
text-transform: uppercase;
}
#Cabecera .paises h2 a{
color: #939393;
font-weight: 600;
}
#Cabecera .paises h2.active a{color: #47b941;}
#Cabecera .paises h2 a:hover{
color: #595959;
text-decoration: none;
}

/* Cambiaf pais header */
#Cabecera #formPais{
height: 20px; width: 150px;
margin: 120px 0 0;
float: right;
}

#Cabecera #formPais #imgPais{
float: left;
height: 14px;
margin: 1px 10px 0 0;
color:#939393;
display:inline-block;
font-family:'Encode Sans', sans-serif;
font-size:12px;
font-weight:600;		    
}
#Cabecera #formPais select{
height: 20px;
display:inline-block;
font-family:'Encode Sans', sans-serif;
font-size:12px;
font-weight:600;	
padding: 0 0 0 !important;
width: 70px !important;
-webkit-border-radius: 1px !important;
-moz-border-radius: 1px !important;
border-radius: 1px !important;		  
}

/* Lenguaje */
#Cabecera .lenguaje{height: 20px;margin: 60px 0 0;float: right;

display: none;
}
#Cabecera .lenguaje .idioma{
color: #939393;
display: inline-block;
font-family: 'Encode Sans', sans-serif;
font-size: 12px;
font-weight: 600;
height: 18px;
margin-left: 5px;
opacity: .7;
padding: 2px 0 0 25px;
width: 100px;
}
#Cabecera .lenguaje .idioma:hover{
opacity: 1;
text-decoration: none;
}
#Cabecera .lenguaje a.idioma.spanish{ background: url(images/ico-world-flags-spain.png) no-repeat left top;}
#Cabecera .lenguaje a.idioma.english{ background: url(images/ico-world-flags-british.png) no-repeat left top;}

#Cabecera .lenguaje .idioma.active{
opacity: 1;
cursor: default;
text-indent: -9999em;
pointer-events: none;
width: 0px;
}		

#Main{clear:both;margin:0 auto;overflow:hidden; padding: 0 0 0 0;width: 1400px;}	


.menuCorporativo{color: #b1b1b1;float: left;height: 22px;margin: 0 0 0 150px;padding: 11px 0 0 30px;position: relative;width: auto;z-index: 9;text-transform: uppercase;font-size: 12px;}

.menuCorporativo a{
color: #b1b1b1;
text-decoration: none;
margin: 0 10px;
display: block;
float: left;
}

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

/*.login{background: url("images/bg-login.png") no-repeat;float:right;margin: 0;padding: 0 10px 0 5px;position: relative; width: 295px !important; height: 38px; z-index: 2; text-transform: uppercase; margin-right: 25px; }*/

.loginOn{ background: transparent !important; text-transform: initial; margin-left: 0; text-align: right; }

#loginMovil{ display: none; }	

.login .formulario{float: left;height: 24px;margin: 7px 0 0 0;padding: 0 0;width: 290px;}

.login .formulario .userIcon{float: left;height: 14px;margin: 0 5px 0 2px;padding: 5px 0 0 0;width: 16px;position: absolute;}

.login .formulario .usuario{background: #ffffff;border: 1px solid #d2d2d4;border-radius: 3;-moz-border-radius: 3;-webkit-border-radius: 3;float: left;height: 24px;margin: 0 8px 0 0;padding: 0 5px 0 20px;width: 120px;color: #000;box-sizing: border-box;}

.login .formulario .passIcon{float: left;height: 14px;margin: 0 5px 0 130px;padding: 5px 0 0 0;width: 16px;position: absolute;}

.login .formulario .password{
	background: #ffffff;
	border: 1px solid #d2d2d4;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 1px;
	border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	float: left;
	height: 24px;
	margin: 0;
	padding: 0 5px 0 20px;
	width: 110px;
	box-sizing: border-box;
	}

.login .formulario .submit{background: #c0c0c0;border: none;-moz-border-radius-topleft: 1px;-webkit-border-top-left-radius: 1px;border-top-left-radius: 1px;-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px;border-top-right-radius: 3px;-moz-border-radius-bottomright: 3px;-webkit-border-bottom-right-radius: 3px;border-bottom-right-radius: 3px;-moz-border-radius-bottomleft: 1px;-webkit-border-bottom-left-radius: 1px;border-bottom-left-radius: 1px;float: left;height: 24px;text-indent: -.2em;width: 33px;color: #fff;}

.login .formulario .submit:hover{
background: #359f31;
cursor: pointer;
}


.login .links{color: #fff;float: left;font-size: 13px;margin: 10px 0 0 0;padding: 0 0;text-align: center;width: 300px;overflow: hidden; display: none;}

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

.login .links a:hover{
color: #b1b1b1;
text-decoration: none;
}

/* LOGON */

.login .logOn{ margin: 0 20px 0 0; padding: 12px 0 9px 0; width: 420px; float: right;}
.login .logOn .panelDecuento{
position: absolute;
background: #3d3c41;
color: #d3cfcf;
padding: 6px 10px 6px 7px;
font-size: 12px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;	
display: none;
margin-left: 85px;
}

.login form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #bdbdbd;
}
.login form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #bdbdbd;
   opacity:  1;
}
.login form input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #bdbdbd;
   opacity:  1;
}
.login form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #bdbdbd;
}
.login form input::-ms-input-placeholder { /* Microsoft Edge */
   color:    #bdbdbd;
}

.login form input::placeholder { /* Most modern browsers support this now. */
   color:    #bdbdbd;
}
.login .logOn .panelCliente{color: #d3cfcf; font-size: 13px;margin: 0 10px 0 0;}
.login .logOn .panelCliente a{ color: #359F31;}
.login .logOn .panelCliente a:hover{ color: #ffffff;}


.logoiso, #top .logoiso{
margin-left:730px;
margin-top:43px;
position:absolute;
z-index:9999999;
display: none;
}

#country-selector{
	float: right;
	list-style-type: none;
	margin: 5px 0 0 0;
	position: relative;
	top: 2px;
	width: 95px;
	z-index: 10;
}
#country-selector a{
	font-weight: bold;
	font-size: 12px;
	color: #b1b1b1;
	float: left;
	margin: 0;
}
#country-selector a:hover{
	color: #fff;

}
#country-selector a img{
	margin: 2px 8px 0 5px;
	float: left;
}
#country-selector li{
	display: block;
	clear: both;
	overflow: hidden;
	margin: 5px 0;
}

#country-selector li ul.dropdown-menu {
    background: #3d3c41;
    left: -5px!important;
    top: 10px!important;
    padding: 3px 5px;
    min-width: 130px;
}

#country-selector .nom-pais{
	position: relative;
	top: 6px;
	float: left;
}
.dropdown:hover .dropdown-menu{
	display: block;
}
.dropdown-menu{
    display: none;
    float: right;
    width: auto;
    min-width: 120px; /* Antes era 100px  */
    cursor:default;
    background: #3d3c41;
    padding: 10px 5px 5px;
    margin: 0; margin-right: -7px;
    z-index: 9; top: 35px;
    overflow: hidden;
    position: fixed;
    margin-left: -35px;
    
}
.dropdown.show .dropdown-menu {
    display: block;
    opacity: 1;
    cursor: pointer;
}
figure.fa-caret-down {
    font-family: FontAwesome;
    float: right;
    display: block;
    margin: 6px 0 0 10px;
}

.buscador{margin:0 0 0 370px; width: 550px; z-index: 9; height: 30px;}

.buscador .inputBuscar{
	background: #fff; border: 1px solid #CAD1D9;
	color: #a8a8a8; font-family: 'Encode Sans', sans-serif ;font-size: 14px; height: 50px;/* padding: 0; */
	width: 500px;float: left;box-sizing: border-box; margin-right: 0px; margin-top: 30px;
}

#Cabecera .buscador .submitBuscar{
	background: #47b942 url(images/ico-lupa.png?20240527);
	border: none;
	height: 50px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 04px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	margin: 0 0;
	transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	width: 50px;
	float: left; margin: 30px 0 0 -2px;
}
#Cabecera .buscador .submitBuscar:hover{
background: #3d3c41 url(images/ico-lupa.png?20240523);
border: none;
cursor: pointer;
margin: 30px 0 0 -2px;
opacity: .6;
}

/*** Banner ancho 1200x80pe **/
#bannerAncho{
	width: 1400px; height: 80px; margin: 10px 0 10px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
#bannerAncho img{ 
	transition: transform .5s; /* Animation */ 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	width: 100%;
    height: 80px;	
}
#bannerAncho img:hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

#bannerAnchoInterior{
	width: 1400px; height: 80px; margin:0 auto; margin-top: 10px; margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	text-align: center;
}
#bannerAnchoInterior2{
	width: 1400px; height: 80px; margin:0 auto; margin-top: 10px; margin-bottom: 10px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

#bannerAnchoInterior img, #bannerAnchoInterior2 img{ transition: transform .5s; /* Animation */ }
#bannerAnchoInterior img:hover, #bannerAnchoInterior2 img:hover{
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

#DestacadosHome{
	margin: 0 auto;
	width: 1400px;
}

	#DestacadosHome .slide{
		height: 430px;
		position: relative;
		width: 1400px;
		z-index: 1;
		margin: 0;
		display: block;
		/* float: left; */
		overflow: hidden;
	}
	
	#DestacadosHome .pestanas{
		height: 400px;
		margin: 10px 0;
		position: relative;
		width: 1400px;
		z-index: 2;
		background: #fff;
		display: block;
		overflow: hidden;
		/*float: left;*/
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#DestacadosHome .pestanas h1{
		width: 100%;
		padding-left: 2%;
	}
	#DestacadosHome .pestanas h2{
		float: right;
		font-size: 14px;
	    margin-right: 20px;
	    margin-top: -50px;
	}
	#DestacadosHome .pestanas h2 a:hover{
		color: #3d9e35;
	}
	.image_carousel{
		padding: 0 0 0 10px!important;
		height: 90px;
	}
.itemDestacado{
	background: transparent!important;
	width: 230px!important;
	height: 260px!important;
	margin: 0 30px;
}
.caroufredsel_wrapper{
	width: 1400px!important;
	height: 320px!important;
	margin-left: 15px !important;
}
.caroufredsel_marcas{
    width: 1350px !important;
    height: 100px !important;
}

/***Destacados ***/
#wrap-destacados{
	width: 100%;
	display: block;
	margin: 0;
	overflow: hidden;
}
.sop-destacados-indx{
	width: 1400px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
}
.sop-destacados-indx h2{
	color: #2f2f30;
	font-size: 18px;
}
.sop-destacados-indx span{
	margin: 20px 0 0;
	display: block;
}
.sop-destacados-indx .fa{
	font-size: 75px;
	color: #f78f1e;
}
.sop-destacados-indx ul{
margin: 0;
padding: 0;
}
.sop-destacados-indx ul li{padding: 30px 0;list-style: none;text-align: center;float: left;display: inline-block;width: 200px;border-right: 1px solid #eeeeee;box-sizing: border-box;}
.sop-destacados-indx ul li:last-child{
	border-right: none;
}
.sop-destacados-indx ul li a{
	color: #666666;
}
.sop-destacados-indx ul li:hover .fa{
	color: #808080;
	transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;
}
.sop-destacados-indx ul li:hover h2 {
	color: #f78f1e;
}

/***Destacados ***/
#wrap-destacados{
	width: 100%;
	display: block;
	margin: 0;
	overflow: hidden;
}
.wrap-destacados-seccion{ margin: 10px 0 !important; }
#wrap-destacados h1{
	padding-left: 20px;
}

.sop-destacados-indx{
	width: 1400px;
	margin: 0 auto 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.sop-destacados-indx-interior{
	margin: 0 auto !important;
}

.sop-destacados-indx h2{
	color: #2f2f30;
	font-size: 13px;
	font-weight: normal;
}
.sop-destacados-indx span{
	margin: 20px 0 0;
	display: block;
}
.sop-destacados-indx .fa{
	font-size: 75px;
	color: #f78f1e;
}
.sop-destacados-indx ul{
margin: 0;
padding: 0;
}
.sop-destacados-indx ul li{
padding: 40px 0; margin: 20px 0;
list-style: none;
text-align: center;
float: left;
display: inline-block;
width: 200px;
border-right: 1px solid #eeeeee;
}
.sop-destacados-indx ul li:last-child{
	border-right: none;
}
.sop-destacados-indx ul li img{
	margin: 0 auto 10px;
}
.sop-destacados-indx ul li a{
	color: #47b942 ;
}

.sop-destacados-indx ul li:hover h2 {
	color: #47b942;
}
.sop-destacados-indx ul li:hover img{
	opacity: .5;
}

/* Texto para Seo comercio electronico */
#textoSeo{
	height: auto;
	width: 100%;
}
#textoSeo .seo{
	width: 1400px;
	margin: 0 auto 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	background: #fff;
	display: block;
	overflow: hidden;	
}

#textoSeo .seo h2{
	width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding: 20px 20px 20px 5px;
    font-size: 24px;
    text-align: center;
    font-weight: 300;
    color: #767676;
    display: block;
    clear: both;
    box-sizing: border-box;
}
#textoSeo .seo p{
	font-size: 12px !important;
	line-height: 20px !important;
	margin: 10px 20px;
}
#textoSeo .seo ul li{
	font-size: 12px !important;
	color: #666;
}

#textoSeo .seo .col1{
	float: left;
	width: 48%;
	padding: 1%;
}
#textoSeo .seo .col2{
	float: left;
	width: 48%;
	padding: 1%;
}
/* Footer */

footer .container{
    background-image: url(images/bg_footer.png);
    background-repeat: no-repeat;
    background-position: right;
    min-height: 350px;
    padding: 50px 0;
    overflow: hidden;
    width: 100%;
    background: #282828;
    color: #8f8f8f;
}

footer .container .row{
	background: #fff;
}

/* Newsletter */

.sop-newsletter{
    color: #fff;
    float: left;
    width: 300px;
    margin: 0 50px 0 50px;
}
#susc-news-form{
	float: left;
	clear: both;
	display: block;
	margin-bottom: 20px;
}
.sop-newsletter h3, footer h3, .widget h3{
    color: #d2d2d2!important;
    font-size: 14px;
    margin: 0 0 5px;
}
.sop-newsletter p{
    font-size: 12px;
    color: #8f8f8f;
    line-height: 1.3;
    text-align: left;
    margin: 0 0 10px 0;
}
#susc-news-form input{
    width: 250px;
    float: left;
    height: 35px;
    border: 1px solid #fff;
    border-radius: 0;
    max-width: 300px;
    box-sizing: border-box;
    margin-right: 0px;
}
#susc-news-form .btn-susc{
    width: 35px;
    height: 35px;
    color: #fff;
    background: #359f31;
    cursor: pointer;
    position: relative;
    padding: 0;
    font-size: 20px;
    line-height: 1;
    border-radius: 0;
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 0;
    min-width: 35px;
}
#susc-news-form .btn-susc:hover{
    background: #6b6b6b;
}

.rrss{
    margin: 20px 0 0;
    padding: 0;
    clear: both;
    list-style-type: none;
}
.rrss li{
	float: left;
	margin: 0 10px 0 0;
}
.rrss a{
    width: 35px;
    height: 35px;
    border-radius: 18px;
    display: block;
    background: #359f31;
    font-size: 22px;
    color: #fff;
    text-align: center;
    padding: 2px 0 0 1PX;
    box-sizing: border-box;
}
.rrss a:hover{
    background: #6b6b6b;
}
.list-footer{
    list-style-type: none;
    float: left;
    margin: 0 50px 0 0;
    padding: 0;
}

.list-footer li{
margin: 0 0 5px;
}

.list-footer li a{
    color: #8f8f8f;
    font-size: 13px;
}
.list-footer li a:hover{
    color: #fff;
}
.widget{
	float: left;
	margin: 0 65px;
}


.cont-pie{
	width: 1400px;
	margin: 0 auto;
	padding: 30px 0;
	overflow: hidden;
	color: #8f8f8f;
}
.datos-pie{
	float: left;
	margin: 0 30px 0;
}
.datos-pie p{
    line-height: 18px;
    color: #8f8f8f;
    font-size: 13px;
    margin: 0 100px 20px 0;
}

.tyco{
	width: 115px;
	height: 40px;
	background: url(images/tyco-on.png);
	float: left;
	display: block;
}

.tyco:hover{
	background: url(images/tyco-hover.png);
}

.vta-telef{
	width: 220px;
	float: left;
	margin: 10px 10px;
}
.vta-telef .fa{
	font-size: 40px;
	float: left;
	color: #b5b5b5;
	margin: 0 10px; 
}
.vta-telef .tit-pie{
	float: left;
}
.vta-telef .fono-pie{
	float: left;
	font-size: 25px;
	color: #b5b5b5;
}
.met-pago{
	float: left;
	margin: 0 0 0 480px; /*0 0 0 25px;*/
}

/* LOGIN REGISTRO - PANEL ____*/			

#Cabecera .login .panelCliente{
width: 300px;
margin-left: 17px; margin-top: 4px; text-align: center;
font-size: 13px; color: #FFF; 
}
#Cabecera .login .panelClienteEnlaces{	
font-size: 12px;
text-align: center;
margin-top: 4px;
}	

.marcaCelda{ background: #fcfcda !important; }

.RegistroCliente{
	width: 50% !important;
}
.form-horizontal .RegistroCliente .controls {
	margin-left: 0px !important;
}
.RegistroCliente .IntTable{
	width: 90.1% !important;
}


/* WEB PAGE ____*/

#WebPage{
clear: both;
margin:0 auto;
overflow: visible;
text-align: left;
min-width: 950px;
width: 100%;
}

#WebPage .align{background: #fff;clear:both;margin:0 auto;overflow:hidden;padding: 15px 15px; width: 1370px; min-height: auto;margin-bottom: 15px;}

#WebPage .align .content{ float: right; margin: 0 0 0 10px; width: 1100px;}

#WebPage .align .content-full{float: left;margin: 0 20px 0 0;width: 100%;}

#WebPage .align .content-full .listProductos{float: left;margin: 0 0 15px 15px;width: 100%;}
#WebPage .align .content-full .listProductos .contentListado {
    float: left;
    margin: 30px 0 0 0;
    padding: 0 0;
    width: 100%;
}

#WebPage .align .content-full h1{ width: 98% !important; margin: 0 auto !important;}
#WebPage .align .content-full h1 span.textob{
    display: block;
    font-size: 16px;
    color: #333333;
    margin-bottom: 10px;
}
#WebPage .align .content-full .listProductos .contentListado .blockProducto {    margin-bottom: 11px;
    margin-right: 11px;}

#WebPage .align .content .fotoDestacada{
	background: #f3f3f3;
	margin: 20px auto;
    padding: 5px;
    width: 90%;
}

#WebPage .align .catalogos h1 { color: #47b942; }
#WebPage .align .catalogos h1 span{ display: block; font-size: 16px; font-weight: 600; color: #767676;}
#WebPage .align .catalogos .texto .catalogo{ 
	float: left;
	width: 320px;
	height: 280px;
	margin: 20px 40px 50px 0;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;	
    overflow: hidden;
    cursor: pointer;
}

#WebPage .align .catalogos .texto .catalogo a .imgzoom{ 
	width: 100%;
    height: 100%;
    background: url("/css/images/loading.gif") left bottom ;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 2s;   
    background-color: #f9f9f9;          
}

#WebPage .align .catalogos .texto .catalogo a .imgzoom:hover {
	transform: scale(1.1);
}

#WebPage .align .catalogos .texto .catalogo a .titulo{
	color: #fff;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 70%;
    letter-spacing: 0px;
    height: auto; width: 100%;
    float: left;
    z-index: 2;	
    position: relative;
}
#WebPage .align .catalogos .texto .catalogo a .titulo span{
	color: #fff;
	text-align: center;
	font-size: 14px;
    font-weight: 400;
    display: block; 
    letter-spacing: 1px;
    display: none;
}

#WebPage .align .ContenidoTable {margin: 20px 70px;width: 87%;}
#WebPage .align .ContenidoTable label, input, button, select, textarea { font-size: 15px; }

#WebPage .align .form-horizontal .ContenidoTable { margin: 20px 90px; width: 85%; }
#WebPage .align .mi-panel .ContenidoTable { margin: 10px 0; width: 100%; }

/* FORM REGISTRO INVITADO ____*/
#WebPage .align #FormularioInvitado .ContenidoTable {
	margin: 20px 0px 20px 45px;
    width: 60%;
}

#WebPage .align #FormularioInvitado .ContenidoTableCarro {
	float: right;
    width: 28%;
    overflow: auto;
    position: relative;
    margin: 20px 55px 20px 0px;
    border: 0px;
}

#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30{ width: 100%; }
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-margen{ margin-right: 15px; }

#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-login h3{ color: #595959; font-size: 20px; border-bottom: 1px solid #e8e8e8; padding-bottom: 2%; margin-bottom: 3%;}
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-login .texto{ font-size: 15px; line-height: 24px; margin: 10px 20px 2px 0;}
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-login .form-horizontal .control-label { width: 100%; font-size: 14px;}
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-login .form-horizontal .controls { width: 100%; margin-left: 0;}
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-login .form-horizontal .controls input.span4, textarea.span4, .uneditable-input.span4 {width: 320px;}
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-login .form-horizontal  .olvido {float: left;text-align: right;margin-top: -30px;font-size: 15px; }
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-login .form-horizontal .panel{ margin-top: 20px; }

#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-crear .texto{ font-size: 15px; line-height: 24px; margin: 10px 20px 20px 0;}
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-crear .btn { min-width: 125px; width: 125px; text-align: center; margin: 0 auto;}
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-crear ul {margin: 35px 0px 65px 5px; line-height: 25px;}
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-crear h3{ color: #595959; font-size: 20px; border-bottom: 1px solid #e8e8e8; padding-bottom: 2%; margin-bottom: 3%; }
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-crear .sinregistro{ text-align: center; margin-top: 25px; font-size: 14px;}


#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-carro h3{ color: #595959; font-size: 16px; border-bottom: 1px solid #e8e8e8; margin-bottom: 3%; background: #fbfbfb; padding: 12px 6px 12px 12px; font-family: 'Encode Sans', sans-serif; font-weight: bold; text-shadow: 1px 1px 0 white; }
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-carro h3 span { font-size: 14px; }
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-carro { font-size: 14px; min-height: 204px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #dddddd; width: 99.6%;}
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-carro .reg-carro-invitado { margin: 10px; }
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-carro .nombre{ float: left; width: 100%; font-weight: bold; color: #595959; }
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-carro .imgPro{ float: left; width: 100px;}
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-carro .precio{ float: left;  width: 195px; margin-top: 10px; color: #4d4d4d; font-size: 15px; margin-left: 10px;}
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-carro .precio .precio-normal {text-decoration: line-through; font-size: 13px; }
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-carro .cantidad{ float: left; width: 195px; font-size: 13px; margin-left: 10px;}
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-carro .linea{ float: left; width: 100%; border-bottom: 1px dotted #e8e8e8; margin: 5px 0 10px 0;  }

#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-carro-resumen{ width: 99.5%; margin-top: 38px; border-radius: 5px; float: right; color: #595959; font-size: 15px; border: 1px solid #dddddd; }
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-carro-resumen h3{ color: #595959; font-size: 16px; border-bottom: 1px solid #e8e8e8; margin-bottom: 3%; background: #fbfbfb; padding: 12px 6px 12px 12px; font-family: 'Encode Sans', sans-serif; font-weight: bold; text-shadow: 1px 1px 0 white; }
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-carro-resumen .literal { width: 45%; float: left; height: 30px; margin-left: 4%;}
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-carro-resumen .valor { width: 50%; float: left; height: 30px;}
#WebPage .align #FormularioInvitado .ContenidoTableCarro .al-30-carro-resumen .total { font-size: 16px; font-weight: bold; margin-bottom: 20px;}

#WebPage .align .texto figure{ margin: 10px 45px; }
#WebPage .align .texto figure iframe{
	max-width: 100%; /*1000px;*/
    background: #f3f3f3;
    margin: 0px !important;
    padding: 5px;
}
#WebPage .align .texto, p{
	color: #666;
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
    margin: 20px 45px;
}
#WebPage .align .texto hr{
display: block;
box-sizing: content-box;
height: 1px;
border: 0;
border-top: 1px solid rgba(0,0,0,.1);
}
#WebPage .align .texto h1, #WebPage .align .texto h2, #WebPage .align .texto h3, #WebPage .align .texto h4 {
	margin: 25px 0 -20px 0px; 
}
#WebPage .align .texto ul, #WebPage .align .texto ol{
	margin: 25px 50px 25px 25px;
}

#WebPage .align .texto ul li, #WebPage .align .texto ol li {
	margin: 0 0 5px 0;
}

#WebPage .align .texto .mostrar{
width: 100%;
margin-top: -10px; margin-bottom: 15px; padding-left: 15px; margin-left: -15px;
background: url(images/menuArrow.png) no-repeat;
}

#WebPage .align .texto .logo-webpay{
margin-left: 400px;
margin-top: 15px;
position: absolute;
}
#WebPage .align .texto table{
border-top: 1px solid #dddddd; border-right: 1px solid #dddddd;
border-radius: 4px; -moz-border-radius: 4px;
border-spacing: 0 0;
margin: 25px 0;
width: 94%;
}	

#WebPage .align .texto table thead td, #WebPage .align .texto table thead th{
background: #f2f2f2;
color: #000;
font-weight: bold;
text-align: left;
}

#WebPage .align .texto table thead td:first-child, #WebPage .align .texto table thead th:first-child{
border-top-left-radius: 4px;
}

#WebPage .align .texto table thead td:last-child, #WebPage .align .texto table thead th:last-child{
border-top-right-radius: 4px;
}

#WebPage .align .texto table td, #WebPage .align .texto table th{
background: white;
border-left: solid #dddddd 1px;
border-bottom: solid #dddddd 1px;
color: #5B5B5B;
text-align: left;
font-weight: normal;
}
#WebPage .align .texto table td img{
clear: both !important;
margin: 0; border: 0; padding: 0;
border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
box-shadow: 0; -moz-box-shadow: 0; -webkit-box-shadow: 0;	
text-align: center;			
}

#WebPage .align .texto table thead:first-child tr:first-child th:first-child, #contenidoPage .texto table tbody:first-child tr:first-child td:first-child{
border-top-left-radius: 4px;
}

#WebPage .align .texto table thead:first-child tr:first-child th:last-child, #contenidoPage .texto table tbody:first-child tr:first-child td:last-child{
border-top-right-radius: 4px;
}


#WebPage .align .texto table thead:last-child tr:last-child th:first-child, #contenidoPage .texto table tbody:last-child tr:last-child td:first-child{
border-bottom-left-radius: 4px;
}

#WebPage .align .texto table thead:last-child tr:last-child th:last-child, #contenidoPage .texto table tbody:last-child tr:last-child td:last-child{
border-bottom-right-radius: 4px;
}

#WebPage .align .texto table td.title, #WebPage .align table td.title  {
background-color:#F2F2F2;
background-position:initial initial;
background-repeat:initial initial;
color:#5B5B5B;
font-weight: bold;
font-size: 15px;
}
#WebPage .align .texto table td.titleR, #WebPage .align table td.titleR  {
background-color:#f7f7f7;
background-position:initial initial;
background-repeat:initial initial;
color:#5B5B5B;
font-weight: bold;
}			
#WebPage .align .texto table td.titleDescuento, #WebPage .align table td.titleDescuento  { color: #28a745; }
#WebPage .align .texto table td.blanco, #WebPage .align table td.blanco  {
background-color:#fff;
border-bottom: 0px !important;
border-left: 0px !important;

}
#WebPage .align .texto table td.finLeft, #WebPage .align table td.finLeft {
border-bottom-left-radius: 4px;
}
#WebPage .align .texto table td.finRight, #WebPage .align table td.finRight {
border-bottom-right-radius: 4px;
}


#WebPage .centrar{
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    width: 1400px;
    min-height: auto /*700px*/;
    margin-bottom: 20px;
}
#WebPage .centrar .contenedor{
	height: auto; min-height: 400px;
	background-color: #fff; 

    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);	
    float: left; padding: 2%; padding-bottom: 0;
    
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;    
}



#WebPage .centrar .al-30{ width: 28.5%; }
#WebPage .centrar .al-30-margen{ margin-right: 15px; }

#WebPage .centrar .al-30-login h3{ color: #595959; font-size: 20px; border-bottom: 1px solid #e8e8e8; padding-bottom: 2%; margin-bottom: 3%;}
#WebPage .centrar .al-30-login .texto{ font-size: 15px; line-height: 24px; margin: 10px 20px 2px 0;}
#WebPage .centrar .al-30-login .form-horizontal .control-label { width: 100%; font-size: 14px;}
#WebPage .centrar .al-30-login .form-horizontal .controls { width: 100%; margin-left: 0;}
#WebPage .centrar .al-30-login .form-horizontal .controls input.span4, textarea.span4, .uneditable-input.span4 {width: 95%;}
#WebPage .centrar .al-30-login .form-horizontal .olvido {float: left;text-align: right;margin-top: -30px;font-size: 15px; }
#WebPage .centrar .al-30-login .form-horizontal .panel{ margin-top: 20px; }

#WebPage .centrar .al-30-crear .texto{ font-size: 15px; line-height: 24px; margin: 10px 20px 20px 0;}
#WebPage .centrar .al-30-crear .btn { min-width: 125px; width: 125px; text-align: center; margin: 0 auto;}
#WebPage .centrar .al-30-crear ul {margin: 35px 0px 65px 5px; line-height: 25px;}
#WebPage .centrar .al-30-crear h3{ color: #595959; font-size: 20px; border-bottom: 1px solid #e8e8e8; padding-bottom: 2%; margin-bottom: 3%; }
#WebPage .centrar .al-30-crear .sinregistro{ text-align: center; margin-top: 25px; font-size: 14px;}


#WebPage .centrar .al-30-carro h3{ color: #595959; font-size: 20px; border-bottom: 1px solid #e8e8e8; padding-bottom: 2%; margin-bottom: 3%; }
#WebPage .centrar .al-30-carro h3 span { font-size: 14px; }
#WebPage .centrar .al-30-carro { font-size: 14px; min-height: 208px;}
#WebPage .centrar .al-30-carro .nombre{ float: left; width: 100%; font-weight: bold; color: #595959; }
#WebPage .centrar .al-30-carro .imgPro{ float: left; width: 100px;}
#WebPage .centrar .al-30-carro .precio{ float: left;  width: 230px; margin-top: 10px; color: #4d4d4d; font-size: 15px; margin-left: 10px;}
#WebPage .centrar .al-30-carro .precio .precio-normal {text-decoration: line-through; font-size: 13px; }
#WebPage .centrar .al-30-carro .cantidad{ float: left; width: 230px; font-size: 13px; margin-left: 10px;}
#WebPage .centrar .al-30-carro .linea{ float: left; width: 100%; border-bottom: 1px dotted #e8e8e8; margin: 5px 0 10px 0;  }

#WebPage .centrar .al-30-carro-resumen{ margin-top: 15px; border-radius: 5px; float: right; color: #595959; font-size: 15px; }
#WebPage .centrar .al-30-carro-resumen h3{ color: #595959; font-size: 20px; border-bottom: 1px solid #e8e8e8; padding-bottom: 2%; margin-bottom: 3%; }
#WebPage .centrar .al-30-carro-resumen .literal { width: 50%; float: left; height: 30px;}
#WebPage .centrar .al-30-carro-resumen .valor { width: 50%; float: left; height: 30px;}
#WebPage .centrar .al-30-carro-resumen .total { font-size: 16px; font-weight: bold; margin-bottom: 20px;}

/* Utilidades Pie Interior Page ____*/
#WebPage .align .utilities{
border-top: 1px dotted #e5e5e5;
float: left;
height: 87px;
margin: 15px 40px;
padding: 10px 0 0 0;
width: 90%;
}

#WebPage .align .utilities .redes{ position: relative;margin: 0 0 0 0;width: 630px;z-index: 1;}



/* WEB ARTICULO ____*/

.breadcrumbs{background: #f9f9f9; color: #707070;float: left;font-size: 12px;margin: 0 0 10px 0;padding: 10px 10px;width: 98%;}

.breadcrumbs a{
color: #47b942;
text-decoration: none;
}

.breadcrumbs a:hover{
color: #066592;
text-decoration: underline;
}

#WebPage .align .content .fecha{
color: #939393;
float: left;
font-family: 'Encode Sans', sans-serif;
font-size: 14px;
font-weight: 600;
margin: 0 0 -20px 7px;
padding: 0 0;
width: 100%;
}

#WebPage .align .content .bajada{
font-family: 'Encode Sans', sans-serif;
font-size: 16px;
font-weight: 600;
margin: 20px 45px;
padding: 0 0;
width: 90%;
color: #636363; text-align: justify;
}

#WebPage .align .content .texto img{
background: #f3f3f3;
margin: 10px 10px -15px 10px !important;
padding: 5px;
}

/* WEB ARTICULOS ____*/

#WebPage .align .content .destacada{margin: 0 auto;padding: 0 0 20px 0;width: 920px;border-bottom: 1px solid #dddddd;}

#WebPage .align .content .destacada .foto{
margin: 0 10px 0 0;

}

#WebPage .align .content .masNoticias .articulos .articulo .foto a:hover img, #WebPage .align .content .destacada .foto a:hover img  {
    background: #47b942;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 70;
    transition: .2s linear all;
    z-index: 999;
}

#WebPage .align .content .destacada .foto img{margin: 0 0; padding: 10px; width: 895px;height: 475px; background: #f9f9f9;}

#WebPage .align .content .destacada .fecha{
color: #939393;
float: left;
font-family: 'Encode Sans', sans-serif;
font-size: 13px;
font-weight: 600;
margin: 40px 0 -10px 15px;
padding: 0 0;
width: 100%;
}

#WebPage .align .content .destacada .titulo{float: left;margin: 0 0 5px 0;padding: 0 0;width: 100%;}

#WebPage .align .content .destacada .titulo h1{
font-size: 20px;
padding-bottom: 50px;
}

#WebPage .align .content .destacada .bajada{float: left;font-family: 'Encode Sans', sans-serif;font-weight: 600;margin: 10px 0 0 0px;padding: 0 0;width: 100%;}

#WebPage .align .content .masNoticias{background: #f6f6f6;border-radius: 4px;-moz-border-radius: 4px;margin: 0 auto;padding: 0;width: 920px;}

#WebPage .align .content .masNoticias .titulo{background: url(images/bg-sideTitulo.gif) repeat-x center top;border-top-right-radius: 4px;-moz-border-radius-topright: 4px;-webkit-border-top-right-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-topleft: 4px;-webkit-border-top-left-radius: 4px;color: #737272;float: left;font-family: 'Encode Sans', sans-serif;font-weight: 700;height: 32px;/*text-shadow: 1px 1px 0 #efefef;*/width: 920px;}

#WebPage .align .content .masNoticias .nombre{float: left;margin: 6px 0 0 11px;width: 100%;}

#WebPage .align .content .masNoticias .articulos{background: white;float: left;margin: 0 0;padding: 10px 0;width: 100%;}

#WebPage .align .content .masNoticias .articulos .articulo{background: transparent;border-radius: 4px;-moz-border-radius: 4px;float: left;height: 330px;margin: 0 9px 25px 9px;padding: 5px;width: 370px;border-bottom: 1px solid #dddddd;}

#WebPage .align .content .masNoticias .articulos .articulo:nth-of-type(even){
	float: right;
}

#WebPage .align .content .masNoticias .articulos .articulo .foto{
float: left;
margin: 0 0 5px 0;
padding: 0 0;
}

#WebPage .align .content .masNoticias .articulos .articulo .foto img{margin: 0 0;padding: 10px;width: 350px;height: 190px; background: #f9f9f9;}

#WebPage .align .content .masNoticias .articulos .articulo .titulo{background: transparent;float: left;height: auto;margin: 0 0 5px 10px;padding: 0 0;width: 98%;}

#WebPage .align .content .masNoticias .articulos .articulo .titulo h2{
font-size: 14px;
}

#WebPage .align .content .masNoticias .articulos .articulo .bajada{float: left;font-size: 14px;margin: 0 0 0 10px;padding: 0 0 5px 0;width: 98%;}


/* SIDEBAR WEB PAGE ____*/

.sidebarPage{border-radius: 4px;-moz-border-radius: 4px;float: left;margin: 0 0;padding: 0;width: 250px;box-sizing: border-box;}

.sidebarPage .titulo-catalogo-productos{ background: #47b942; border-top-right-radius: 4px;-moz-border-radius-topright: 4px;-webkit-border-top-right-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-topleft: 4px;-webkit-border-top-left-radius: 4px;color: #fff;font-family: 'Encode Sans', sans-serif;font-weight: 700;height: 50px; margin: 0;width: 100%;box-sizing: border-box; border-bottom: 1px solid #ddd; font-size: 14px;
text-transform: uppercase;
padding: 15px 0 0 13px;}

/* WEB TIENDA PRODUCTO ____*/

#WebPage .align .contentProducto{float: left;margin: 0 20px 15px 0;width: 1400px;overflow: hidden;}

#WebPage .align .contentProducto .breadcrumbs{background: #f9f9f9; color: #707070;float: left;font-size: 13px;margin: 0 0 10px 0;padding: 10px;width: 1350px;}

#WebPage .align .contentProducto .breadcrumbs a{
color: #47b942;
text-decoration: none;
}

#WebPage .align .contentProducto .breadcrumbs a:hover{
color: #066592;
text-decoration: underline;
}

#WebPage .align .contentProducto .producto{float: left;margin: 0 0;padding: 0 0;width: 1400px;min-width: 1400px;overflow: hidden;}

#WebPage .align .contentProducto .producto .imagenes{float: left;height: auto;margin: 0 30px 0 0px;padding: 0 0;width: 500px;}

#WebPage .align .contentProducto .producto .imagenes .fotoProducto{border: 5px solid #f9f9f9;float: left;margin: 0 0;padding: 0 0;background: url(images/loading.gif) center center no-repeat;}

#WebPage .align .contentProducto .producto .imagenes .fotoProducto span.prodtit-indx-dcto{
	float: left;
	width: auto;
	height: auto;
	padding: 5px 8px 4px 8px;
	background: #e4022d;
	color: #fff;
	font-size: 11px;
	opacity: 0.9;
	font-weight: bold;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px;
	position: relative;
	margin-top: -315px;
    margin-left: 10px;
    opacity: .7;
}

#WebPage .align .contentProducto .producto .imagenes .fotoProducto img{height: 322px;width: 500px;}


#WebPage .align .contentProducto .producto .imagenes .masFotos{
float: left;
height: 28px;
margin: -35px 0 0 185px;
padding: 0 0;
width: 146px;
opacity: .6;
}

#WebPage .align .contentProducto .producto .imagenes .masFotos a{
opacity: .6;
}

#WebPage .align .contentProducto .producto .imagenes .masFotos a:hover{
opacity: 1;
}

#WebPage .align .contentProducto .producto .imagenes .miniaturas { width: 520px; }
#WebPage .align .contentProducto .producto .imagenes .miniaturas a{
float: left;
border: 5px solid #f9f9f9;
margin: 10px 9px 0 0px;
padding: 0 0;
background: url(images/loading.gif) center center no-repeat;
height: 70px;
}

#WebPage .align .contentProducto .producto .imagenes .miniaturas a:hover{
opacity: .6;
}

#WebPage .align .contentProducto .producto .descripcion{float: left;height: auto;margin: 0 0;padding: 0 0;width: 840px;position: relative;}

#WebPage .align .contentProducto .producto .descripcion .marca{color: #6d6c6c;float: left;margin: 15px 0 0 5px; width: 29%;display: block;clear: both; font-size: 13px;}
#WebPage .align .contentProducto .producto .descripcion .identif{color: #6d6c6c;float: left;margin: 15px 0 0 0; width: 70%;font-size: 13px; text-align: right;}				
#WebPage .align .contentProducto .producto .descripcion .titulo{float: left;margin: 0 0 10px 0;padding: 0 0;width: 100%;}

#WebPage .align .contentProducto .producto .descripcion .titulo h1{
color: black;
font-size: 19px;
padding-top: 0;
margin-bottom: 10px;
padding-bottom: 30px;
width: 97%;
}

#WebPage .align .contentProducto .producto .descripcion .bajada{float: left;margin: 0 0 2px 0;padding: 0 0;width: 100%;}

#WebPage .align .contentProducto .producto .descripcion .bajada p{
margin: 5px 0;
padding:  0 0;
line-height: 14px;
}

#WebPage .align .contentProducto .producto .descripcion .precio{color: #666;float: none;margin: 0 0 30px 5px;padding-bottom: 30px;width: 96%;display: block;clear: both;font-size: 15px; border-bottom: 1px solid #e8e8e8;}

#WebPage .align .contentProducto .producto .descripcion .precio span.verde{color: #299f24;font-size: 20px; background: #fff;}
#WebPage .align .contentProducto .producto .descripcion .precio span.rojo{
color: #f84949;
font-size: 15px;

background: #fff;
}

#WebPage .align .contentProducto .producto .descripcion .cantidad{color: #a7a7a7;float: left;margin: 0 5px 0 5px;padding: 0 0;width: auto; }
#WebPage .align .contentProducto .producto .descripcion .cantidadObs{color: #a7a7a7;float: left;margin: 0 5px 0 5px;padding: 0 0;width: 100%; }

#WebPage .align .contentProducto .producto .descripcion .botones{color: #a7a7a7;float: left;height: 25px;margin: 0 0 5px 0;padding: 0 0;width: auto;}

#WebPage .align .contentProducto .producto .descripcion .botones .botonProducto{
float: left;
margin: 0 15px 0 0;
padding: 0 0;
}

#WebPage .align .contentProducto .producto .descripcion .botones .botonProducto a{
opacity: 1;
}

#WebPage .align .contentProducto .producto .descripcion .botones .botonProducto a:hover{
opacity: 0.6;
}
#WebPage .align .contentProducto .producto .descripcion .logo-webpay{float: right;position: relative;right: 0px;clear: both;margin: 5px 0 0;}

#WebPage .align .tabsProducto{float: left;height: 100%;margin: 0 20px 0 0;padding: 0 0;width: 1400px;}


.tabs{
	list-style: none;
	padding: 0 0 0 15px;
	border-bottom: 1px solid #eeeeee;
	overflow: hidden; width: 96%;
}
.tabs li a{
	float: left;
	font-size: 16px;
	padding: 10px 30px;
	margin: 0 3px -1px;
	border: 1px solid #eeeeee;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	color: #ccc;
}
.tabs li a.active{
	background: #fafafa;
	color: #47b942;
}
.tab_content{
	display: block;
	clear: both;
	padding: 20px;
	color: #666;
}
.tab_content h3{
	margin-bottom: 20px;
}

.tab_content ul{
	list-style-type: disc;
    font-size: 15px;
    line-height: 30px;
    margin: 20px 45px;
}

.tab_content p{ width: 1230px;}
.tab_content table{
border-top: 1px solid #dddddd; border-right: 1px solid #dddddd;
border-radius: 4px; -moz-border-radius: 4px;
border-spacing: 0 0;
margin: 0 45px;
width: 1230px;
}	

.tab_content table thead td, .tab_content table thead th{
background: #f2f2f2;
color: #000;
font-weight: bold;
text-align: left;
}

.tab_content table thead td:first-child, .tab_content table thead th:first-child{
border-top-left-radius: 4px;
}

.tab_content table thead td:last-child, .tab_content table thead th:last-child{
border-top-right-radius: 4px;
}

.tab_content table td, .tab_content table th{
background: white;
border-left: solid #dddddd 1px;
border-bottom: solid #dddddd 1px;
color: #5B5B5B;
text-align: left;
font-weight: normal;
font-size: 14px;
}
.tab_content table td img{
clear: both !important;
margin: 0; border: 0; padding: 0;
border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
box-shadow: 0; -moz-box-shadow: 0; -webkit-box-shadow: 0;	
text-align: center;			
}

.tab_content table thead:first-child tr:first-child th:first-child, .tab_content table tbody:first-child tr:first-child td:first-child{
border-top-left-radius: 4px;
}

.tab_content table thead:first-child tr:first-child th:last-child, .tab_content table tbody:first-child tr:first-child td:last-child{
border-top-right-radius: 4px;
}


.tab_content table thead:last-child tr:last-child th:first-child, .tab_content table tbody:last-child tr:last-child td:first-child{
border-bottom-left-radius: 4px;
}

.tab_content table thead:last-child tr:last-child th:last-child, .tab_content table tbody:last-child tr:last-child td:last-child{
border-bottom-right-radius: 4px;
}

.tab_content table td.title, .tab_content table td.title  {
background-color:#F2F2F2;
background-position:initial initial;
background-repeat:initial initial;
color:#5B5B5B;
}

/* Degrade en leer mas **/
  .cortanota{
	  height: 250px; width: 95%;
	  overflow: hidden;
  }
   .tapanota {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%) repeat scroll 0 0;
    border-bottom: 10px solid #fff;
    height: 200px;
    margin-top: -200px;
    position: absolute;
    width: 1320px;
    z-index: 1;
	}
	#ver-nota {
		margin: 0 auto;
	    text-align: center;
	    width: 150px;
	    cursor: pointer;		
	    background: #47b942 none repeat scroll 0 0;
	    border-radius: 5px;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    color: white;
	    font-size: 14px;
	    font-weight: bold;
	    margin-top: -30px;
		z-index: 10;
		position: relative;
	    margin-bottom: 10px;
	    padding: 10px 5px;
	}	
	
	#ver-nota:hover{ background:#299f24; }
	
	

/* WEB TIENDA LISTADO PRODUCTOS ____*/

#WebPage .align .listProductos{float: left;margin: 0 0 15px 15px;width: 1105px;}

#WebPage .align .listProductos h1{
	font-size: 30px;
	border-bottom: 1px #e8e8e8 solid !important;
	color: #47b942;
	width: 100%;
}
#WebPage .align .listProductos h1 span{
    display: block;
    font-size: 16px;
    color: #333333;
    margin-bottom: 10px;
}
#WebPage .align .listProductos .breadcrumbs{ color: #707070;float: left;font-size: 12px;margin: 0 0 5px 0;padding: 10px;width: 98%; }

#WebPage .align .listProductos .breadcrumbs a{
color: #47b942;
text-decoration: none;
}

#WebPage .align .listProductos .breadcrumbs a:hover{
color: #066592;
text-decoration: underline;
}

#WebPage .align .listProductos .contentListado{float: left;margin: 30px 0 0 0;padding: 0 0;width: 1105px;}
#WebPage .align .listProductos .contentListado .herramientas{background: white;border-bottom: 1px dotted #cccccc;float: left;height: 39px;margin: -25px 0 17px;padding: 3px 0;width: 100%;}

#WebPage .align .listProductos .contentListado .herramientas-foot{background: white;border-bottom: 1px dotted #cccccc; border-top: 1px dotted #cccccc;float: left;height: 36px;margin: 17px 0 15px;padding: 10px 0;width: 100%;}
#WebPage .align .content-full .contentListado .herramientas{
	width: 98%;
}

#WebPage .align2 .listProductos .contentListado .herramientas{ width: 99.9%; margin-top: 2px; padding-bottom: 6px;}
#WebPage .align2 .listProductos .contentListado .herramientas-foot{ padding-top: 6px;}
#WebPage .align2 .listProductos .contentListado .ordenar { width: 320px !important;}
#WebPage .align2 .listProductos .contentListado .mostrar { width: 320px !important; margin: 0 0 0 25px;}
#WebPage .align2 .listProductos, #WebPage .align2 .listProductos .contentListado, #WebPage .align2 .content-full .contentListado .herramientas{
	width: 930px;
}

#WebPage .align .listProductos .contentListado .ordenar{color: #8c8c8c;float: left;font-size: 14px;height: 24px;margin: 0 0;padding: 2px 0 0 0;width: 340px; margin-left: 10px;}
#WebPage .align .listProductos .contentListado .ordenar select{ margin-left: 10px; height: 32px; padding: 5px;}

#WebPage .align .listProductos .contentListado .vigencia{color: #8c8c8c;float: left;font-size: 14px;height: 19px;margin: 0 0;padding: 12px 0 0 0;width: 340px; margin-left: 10px;}

#WebPage .align .listProductos .contentListado .mostrar{color: #8c8c8c;float: left;font-size: 14px;height: 19px;margin: 0 0 0 5px;padding: 12px 0 0 0;text-align: center;width: 500px;}

#WebPage .align .listProductos .contentListado .paginado{color: #8c8c8c;float: right;font-size: 14px;height: 26px;margin: 0 0 0 32px;padding: 5px 0 0 0;width: 200px;}

#WebPage .align .listProductos .contentListado .paginado .nombre{
float: left;
margin: 7px 12px 0 0;
}

#WebPage .align .listProductos .contentListado .paginado .btn-anterior{
background: url(images/btn-pagLeft.png) no-repeat center top;
float: left;
height: 19px;
margin: 6px 10px 0 0;
text-indent: -9999em;
width: 23px;
}

#WebPage .align .listProductos .contentListado .paginado .btn-anterior:hover{
background: url(images/btn-pagLeft.png) no-repeat center bottom;
}

#WebPage .align .listProductos .contentListado .paginado .numeroPagina{
float: left;
font-size: 14px;
font-weight: 400;
margin: 7px 10px 0 0;
width: auto;
text-align: center;
}

#WebPage .align .listProductos .contentListado .paginado .numeroPagina a{
color: #31972b;
font-weight: normal;
text-decoration: none;
}

#WebPage .align .listProductos .contentListado .paginado .numeroPagina a:hover{
color: #91C200;
text-decoration: underline;
}

#WebPage .align .listProductos .contentListado .paginado .btn-posterior{
background: url(images/btn-pagRight.png) no-repeat center top;
float: left;
height: 19px;
margin: 6px 0 0 0;
text-indent: -9999em;
width: 23px;
}

#WebPage .align .listProductos .contentListado .paginado .btn-posterior:hover{
background: url(images/btn-pagRight.png) no-repeat center bottom;
}


#WebPage .align .listProductos .contentListado .blockProducto{
background-color:#FFFFFF;background-position:initial initial;background-repeat:initial initial;border:1px solid #F6F6F6;float:left;margin-bottom:5px;margin-right:5px;padding:5px;position:relative;width: 205px;height: 380px;font-size: 11px;text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#WebPage .align .listProductos .contentListado .blockProducto-buscar{ margin-bottom:11px;margin-right:11px; }
	
#WebPage .align .listProductos .contentListado .blockProducto:hover{background: #fbfbfb;
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.4);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.4);
}

#WebPage .align .listProductos .contentListado .blockProducto.last {
margin-right: 0;
}

#WebPage .align .listProductos .contentListado .blockProducto .thumb{float: none;height: 129px;margin: 0 auto;padding: 0 0;width: 200px;}

#WebPage .align .listProductos .contentListado .blockProducto .thumb img{background: #fff url(images/loading.gif) center center no-repeat;width: 200px;height: 129px;}

#WebPage .align .listProductos .contentListado .blockProducto .thumb a{
opacity: 1;
}

#WebPage .align .listProductos .contentListado .blockProducto .thumb a:hover{ color: #3d9e35;}

#WebPage .align .listProductos .contentListado .blockProducto .thumb span.prodtit-indx-dcto{
	float: left;
	width: auto;
	height: auto;
	padding: 5px 8px 4px 8px;
	background: #e4022d;
	color: #fff;
	font-size: 11px;
	opacity: 0.9;
	font-weight: bold;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px;
	position: relative;
    margin-top: -131px;
    margin-left: -5px;
    opacity: .7;
}

#WebPage .align .listProductos .contentListado .blockProducto .idRhona{position: relative;width: auto;font-size: 11px; color: #9a9a9a; display:  block;clear:  both;width: 100%;text-align: center;}
#WebPage .align .listProductos .contentListado .blockProducto .idRhona a{						
font-size: 12px;
color: #9a9a9a;
}

#WebPage .align .listProductos .contentListado .blockProducto .marca a{
color: #888888;
float: left;
margin: 8px 0 2px 0;
padding: 0 0;
width: 100%;
font-size: 10px;
text-align: center;
}

#WebPage .align .listProductos .contentListado .blockProducto .titulo{float: none;font-size: 16px;margin: 5px auto;padding: 0 0;width: 100%;line-height: 20px;text-align: center; height: 110px;}

#WebPage .align .listProductos .contentListado .blockProducto .titulo a{
color: #333333;
text-decoration: none;
width: 100%;
display: block;
}

#WebPage .align .listProductos .contentListado .blockProducto .titulo a:hover{
color: #299f24;
text-decoration: none;
}

#WebPage .align .listProductos .contentListado .blockProducto .titulo .descripcion a{
font-size: 13px;
padding: 0 0;
width: 100%;
color: #767676;
}

#WebPage .align .listProductos .contentListado .blockProducto .codFabricante{
float: left;
font-size: 10px;
margin: -5px 0 6px 0;
padding: 0 0;
width: 150px;
color: #9b0000;
}

#WebPage .align .listProductos .contentListado .blockProducto .valor{
color: #8c8a8a;
font-size: 12px;
float: none;
margin: 5px auto;
padding: 0 0;
width: 100%;
height: auto;
}
#WebPage .align .listProductos .contentListado .blockProducto .valor a{
	color: #3d9e35;
	font-size: 18px;
}

#WebPage .align .listProductos .contentListado .blockProducto .valor span.verde{
color: #299f24;
font-size: 19px;
}
#WebPage .align .listProductos .contentListado .blockProducto .descuento{
	font-size: 18px;
	color: #3d9e35;
	background: #fff;
	display: block;
}


#WebPage .align .listProductos .contentListado .blockProducto .boton{position: absolute;margin: 12px 0 12px 24px;}
#WebPage .align .listProductos .contentListado .blockProducto .boton a i{
margin-right: 10px; }
#WebPage .align .listProductos .contentListado .blockProducto .boton a{
width: 145px !important;  
padding: 10px 5px 8px 5px !important;
}
#WebPage .align .listProductos .contentListado .blockProducto .boton a:hover{
background-color: #5cb85c;
border-color: #4cae4c;
color: #fff;
}

#WebPage .align .listProductos .contentListado .blockProducto .link{
float: left;
height: 25px;
margin: 0 0;
padding: 0 0;
width: 150px;
}

#WebPage .align .listProductos .contentListado .blockProducto .link a{
opacity: .8;
}

#WebPage .align .listProductos .contentListado .blockProducto .link a:hover{
opacity: 1;
}

/* WEB TIENDA LISTADO PRODUCTOS EN OFERTA____*/

#WebPage .align .listProductosOfertas{
float: left;
margin: 0;
width: 100%;
}

#WebPage .align .listProductosOfertas h1{
font-size: 22px;
}

#WebPage .align .listProductosOfertas .breadcrumbs{
background: #f9f9f9;
border-radius: 4px; -moz-border-radius: 4px;
color: #707070;
float: left;
font-size: 11px;
margin: 0 0 5px 0;
padding: 5px 10px;
width: 98%;
}

#WebPage .align .listProductosOfertas .breadcrumbs a{
color: #47b942;
text-decoration: none;
}

#WebPage .align .listProductosOfertas .breadcrumbs a:hover{
color: #066592;
text-decoration: underline;
}

#WebPage .align .listProductosOfertas .contentListado{
float: left;
margin: 5px 0 0 0;
padding: 0 0;
width: 100%;
}

#WebPage .align .listProductosOfertas .contentListado .herramientas{
background: white;
border-top: 1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
float: left;
height: 26px;
margin: 5px 0;
padding: 0 0;
width: 100%;	
}

#WebPage .align .listProductosOfertas .contentListado .ordenar{
color: #8c8c8c;
float: left;
font-size: 11px;
height: 24px;
margin: 0 0;
padding: 2px 0 0 0;
width: 200px;	
}

#WebPage .align .listProductosOfertas .contentListado .mostrar{
color: #8c8c8c;
float: left;
font-size: 11px;
height: 19px;
margin: 0 0 0 35px;
padding: 7px 0 0 0;
text-align: center;
width: 450px;	
}

#WebPage .align .listProductosOfertas .contentListado .paginado{
color: #8c8c8c;
float: right;
font-size: 11px;
height: 26px;
margin: 0 0 0 32px;
padding: 0 0;
width: 189px;	
}

#WebPage .align .listProductosOfertas .contentListado .paginado .nombre{
float: left;
margin: 7px 12px 0 0;
}

#WebPage .align .listProductosOfertas .contentListado .paginado .btn-anterior{
background: url(images/btn-pagLeft.png) no-repeat center top;
float: left;
height: 19px;
margin: 3px 10px 0 0;
text-indent: -9999em;
width: 23px;
}

#WebPage .align .listProductosOfertas .contentListado .paginado .btn-anterior:hover{
background: url(images/btn-pagLeft.png) no-repeat center bottom;
}

#WebPage .align .listProductosOfertas .contentListado .paginado .numeroPagina{
float: left;
font-size: 12px;
font-weight: 400;
margin: 7px 10px 0 0;
width: auto;
text-align: center;
}

#WebPage .align .listProductosOfertas .contentListado .paginado .numeroPagina a{
color: #31972b;
font-weight: normal;
text-decoration: none;
}

#WebPage .align .listProductosOfertas .contentListado .paginado .numeroPagina a:hover{
color: #91C200;
text-decoration: underline;
}

#WebPage .align .listProductosOfertas .contentListado .paginado .btn-posterior{
background: url(images/btn-pagRight.png) no-repeat center top;
float: left;
height: 19px;
margin: 3px 0 0 0;
text-indent: -9999em;
width: 23px;
}

#WebPage .align .listProductosOfertas .contentListado .paginado .btn-posterior:hover{
background: url(images/btn-pagRight.png) no-repeat center bottom;
}


#WebPage .align .listProductosOfertas .contentListado .blockProducto{
/*
-webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0 1px 4px;
box-shadow:rgba(0, 0, 0, 0.0980392) 0 1px 4px;
*/
background-color:#FFFFFF;
background-position:initial initial;
background-repeat:initial initial;
border:1px solid #F6F6F6;				    
float:left;
margin-bottom:10px;
margin-right:10px;
padding:11px;
position:relative;
width:150px; height: auto; min-height: 290px;
font-size: 11px;			    					
}

#WebPage .align .listProductosOfertas .contentListado .blockProducto:hover{
background: #fbfbfb url(images/bg-blockProducto.png) no-repeat right bottom;
border:1px solid #afafaf;
transition: .2s all linear;

}

#WebPage .align .listProductosOfertas .contentListado .blockProducto.last {
margin-right: 0;
}

#WebPage .align .listProductosOfertas .contentListado .blockProducto .thumb{
float: left;
height: 120px;
margin: 0 0;
padding: 0 0;
width: 150px;

}

#WebPage .align .listProductosOfertas .contentListado .blockProducto .thumb img{
background: #fff url(images/loading.gif) center center no-repeat;
}

#WebPage .align .listProductosOfertas .contentListado .blockProducto .thumb a{
opacity: 1;
}

#WebPage .align .listProductosOfertas .contentListado .blockProducto .thumb a:hover{
opacity: .5;
}


#WebPage .align .listProductosOfertas .contentListado .blockProducto .idRhona{
top: 5px;
position: absolute;
background: #F6F6F6;
width: auto;
font-size: 10px;
}
#WebPage .align .listProductosOfertas .contentListado .blockProducto .idRhona a{						
color: #292929;
}

#WebPage .align .listProductosOfertas .contentListado .blockProducto .marca a{
color: #888888;
float: left;
margin: 0 0;
padding: 0 0;
width: 150px;
font-size:10px;
}

#WebPage .align .listProductosOfertas .contentListado .blockProducto .titulo{
float: left;
font-size: 14px;
margin: 0 0 6px 0;
padding: 0 0;
width: 150px;
font-family:'Encode Sans', sans-serif;
line-height: 16px;
min-height: 50px;
}

#WebPage .align .listProductosOfertas .contentListado .blockProducto .titulo a{
color: #299f24;
font-weight: 600;
text-decoration: none;
font-family:'Encode Sans', sans-serif;
}

#WebPage .align .listProductosOfertas .contentListado .blockProducto .titulo a:hover{
color: #777575;
text-decoration: none;
}

#WebPage .align .listProductosOfertas .contentListado .blockProducto .descripcion a{
float: left;
font-size: 11px;
margin: -5px 0 6px 0;
padding: 0 0;
width: 150px;
color: #292929;
height: 25px; overflow: hidden;
}

#WebPage .align .listProductosOfertas .contentListado .blockProducto .codFabricante{
float: left;
font-size: 10px;
margin: -5px 0 6px 0;
padding: 0 0;
width: 150px;
color: #9b0000;
}

#WebPage .align .listProductosOfertas .contentListado .blockProducto .valor{
color: #a7a7a7;
float: left;
margin: 0 0 6px 0;
padding: 0 0;
width: 150px;
height: 25px;
font-family:'Encode Sans', sans-serif;
}

#WebPage .align .listProductosOfertas .contentListado .blockProducto .valor span.verde{
color: #299f24;
font-size: 19px;
}


#WebPage .align .listProductosOfertas .contentListado .blockProducto .boton{
/* position: relative;*/
bottom: 5px;

}
#WebPage .align .listProductosOfertas .contentListado .blockProducto .boton a{

width: 138px !important; min-width: 100px;
padding: 5px !important;
background: url("images/ico-carroBtn.png") no-repeat scroll 8px center;

}
#WebPage .align .listProductosOfertas .contentListado .blockProducto .boton a:hover{
background-color: #5cb85c;
border-color: #4cae4c;
color: #fff;
}

#WebPage .align .listProductosOfertas .contentListado .blockProducto .link{
float: left;
height: 25px;
margin: 0 0;
padding: 0 0;
width: 150px;
}

#WebPage .align .listProductosOfertas .contentListado .blockProducto .link a{
opacity: .8;
}

#WebPage .align .listProductosOfertas .contentListado .blockProducto .link a:hover{
opacity: 1;
}

/* WEB TIENDA LISTADO PRODUCTOS CARRO ____*/
#WebPage .align .carroCompras{
width: 98% !important;
}	
#WebPage .align .carroCompras .breadcrumbs {	
	width: 98.5% !important;
	font-size: 14px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 10px;	
}

#WebPage .align .carroCompra{
	width: 100%;
	font-size: 14px;
	color: #5B5B5B;
	margin: 0 auto; margin-top: 20px;
	padding: 0;
}
#WebPage .align .carroCompra #formu{ position: relative; float: left; width: 72%; height: auto;} 

	#WebPage .align .carroCompra-izq{
		float: left;	
		width: 100%; height: 100px; padding: 1%;
		margin-right: 1%; margin-bottom: 2%;	
		background: #f8f7f7;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;		
	}
		#WebPage .align .carroCompra-izq .imgPro{ float: left; height: 70px; margin-right: 1%; } 	
		#WebPage .align .carroCompra-izq .marca{ float: left; width: 65%; font-size: 11px; color: #b9b6b6; margin: 4px 0;} 
		#WebPage .align .carroCompra-izq .codigo{ float: left; width: 20%; font-size: 11px; color: #b9b6b6; text-align: center;} 
	
		#WebPage .align .carroCompra-izq .nombre{ float: left; width: 35%; color: #292929; font-size: 16px;} 
			#WebPage .align .carroCompra-izq .nombre a {color: #292929;}
			#WebPage .align .carroCompra-izq .nombre a:hover {color: #47b942;}
			#WebPage .align .carroCompra-izq .descrip {color: #5B5B5B; font-size: 14px;}
		#WebPage .align .carroCompra-izq .precio{ float: left; width: 25%; } 
			#WebPage .align .carroCompra-izq .precio-pago{ font-size: 16px; color: #47b942; } 
			#WebPage .align .carroCompra-izq .precio-text{ font-size: 11.5px; color: #47b942; } 
			#WebPage .align .carroCompra-izq .precio-normal{ font-size: 13px; color: #5B5B5B; text-decoration: line-through;} 
		#WebPage .align .carroCompra-izq .cantidad{ float: left; width: 25%; text-align: right;} 
		#WebPage .align .carroCompra-izq .eliminar{ float: left; width: 98%; border-top: 1px #e8e8e8 solid; text-align: right; padding: 1%; margin-top: 10px; font-size: 12px;}
			#WebPage .align .carroCompra-izq .eliminar a {color: #5B5B5B;} #WebPage .align .carroCompra-izq .eliminar a:hover {color: red;} 
		
#WebPage .align .carroCompra-der{
	float: right;
	color: #5B5B5B;
	width: 23%; height: auto; 
	min-height: 218px;
	background: #eeeeee; padding: 1%;
	font-size: 16px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;		
}
	#WebPage .align .carroCompra-der h1{ margin: 0; border: 0 !important; padding: 0; color: #292929; font-size: 20px; margin-bottom: 30px;  }
	#WebPage .align .carroCompra-der .literal { border-bottom: 1px #ddd dashed; float: left; width: 50%; padding: 8px 0; font-size: 14px;}
	#WebPage .align .carroCompra-der .valor { border-bottom: 1px #ddd dashed; float: left; width: 50%;  padding: 8px 0; text-align: right; font-size: 14px;}
	#WebPage .align .carroCompra-der .descuento {color: #28a745; font-weight: bold; font-size: 16px;}
	#WebPage .align .carroCompra-der .total { font-size: 16px; color: #292929; font-weight: 600;}

#WebPage .align .botonCompra-der{
	float: right; width: 25%; margin-top: 1%;
    margin-bottom: 2%;	
	}
	#WebPage .align .botonCompra-der #btnProcesar{
		width: 90% !important;
	    font-size: 15px;
	    font-weight: 600;
	    text-align: center;
	    border-radius: 20px;		
	} 

#WebPage .align .botonesPago{
	float: right; width: 100%;
}
	#WebPage .align .botonesPago #btnProcesar{ 
		float: left; width: 170px; margin-right: 3%;  text-align: center;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;	
		}	
	#WebPage .align .botonesPago #btnPagar{ 
		float: right; width: 200px; 
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;		
	}	


		
.tabla-datos-cliente{
    margin: 5px 0 15px !important;
    border-radius: 0px !important;
    float: left;
}	
.tabla-datos-cliente tbody tr td.title { background-color: #f8f7f7 !important; }
	
/* SIDEBAR PRODUCTOS ____*/
.SideProductosRel{float: left;margin: 0 0 20px 0;padding: 0 0;width: 100%;}

.SideProductosRel .titulo{background:#47b942;border-top-right-radius: 4px;-moz-border-radius-topright: 4px;-webkit-border-top-right-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-topleft: 4px;-webkit-border-top-left-radius: 4px;color: #f7f7f7;float: left;font-family: 'Encode Sans', sans-serif;font-weight: 700;height: 30px;width: 100%; font-size: 14px; text-transform: uppercase; padding: 10px 0 10px 0;}

.SideProductosRel .titulo .nombre{
float: left;
margin: 6px 0 0 11px;
width: 185px;
}

.SideProductosRel .titulo .max{
float: left;
height: 17px;
margin: 7px 0 0 25px;
opacity: 1;
transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
width: 16px;
}

.SideProductosRel .titulo .max:hover{
opacity: .5;
transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
}

.SideProductosRel .listadoProductos{background: white;float: left;margin: 0 0;padding: 10px 0 0 0;width:100%;border-left: 1px #d8d8d8 solid;border-right: 1px #d8d8d8 solid;box-sizing: border-box;}

.SideProductosRel .listadoProductos .producto{border-bottom: 1px dotted #cccccc;float: left;margin: 15px 0 10px 0;padding: 0 10px; padding-bottom: 10px;width: 100%;box-sizing: border-box;}

.SideProductosRel .listadoProductos .producto:last-child{
	margin: 15px 0 0 0;
}

.SideProductosRel .listadoProductos .producto .foto{float: left;height: 80px;margin: 0 5px 0 0;padding: 0 0;width: 100px;background: url(images/loading.gif) center center no-repeat;}
.SideProductosRel .listadoProductos .producto .foto img{
	width: 100px
	height: 80px;
}

.SideProductosRel .listadoProductos .producto .marca{color: #888888;float: left;margin: 5px 0 2px 0;padding: 0 0;width: 120px;font-size: 11px;}

.SideProductosRel .listadoProductos .producto .nombre{float: left;font-weight: 600;margin: 0 0;padding: 0 0;width: 120px;font-size: 12px;}

.SideProductosRel .listadoProductos .producto .nombre a{
color: #767676;
font-weight: normal;
font-size: 13px;
text-decoration: none;
}

.SideProductosRel .listadoProductos .producto .nombre a:hover{
color: #91C200;
font-weight: 600;
text-decoration: underline;					 
}


/* Bottom Productos */

.BottomProductosRel {
    width: 99%;
    display: block;
    clear: both;
    margin: 30px 0;
    overflow: hidden;
    float: left;
    border-top: 1px solid #ddd;
    padding: 20px 0;
}

.BottomProductosRel .titulo{
	margin-left: 10px;
}

.BottomProductosRel .listadoProductos{
	width: 100%;
}

.BottomProductosRel .producto{
	width: 250px;
	height: 200px;
	float: left;
	border: 1px solid #ddd;
	margin: 12px 12px;
	padding: 10px;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.BottomProductosRel .producto:hover{
	background: #fbfbfb;
	color: inherit;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.4);
}
.BottomProductosRel .producto .marca{
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 0 0;
	display: block;
	overflow: hidden;
}
.BottomProductosRel .producto .nombre .descrip{
	color: #666;
	font-size: 11px;
}
/* Acordeon productos ____*/	

.accordion {list-style: none;margin: 0 0 20px;padding: 0 0 0 0;width: 100%;}

.accordion div {position:relative;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;color: #767676;cursor: pointer;display: block;font-size: 14px;font-weight: bold;margin:0 0 0 0;padding: 15px 0 10px 15px; background: #f5f5f5;}

.accordion div:after{
	content: "\f0d7";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	position: absolute;
	right: 20px;
}

.accordion div.open{
border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px;
border-bottom-left-radius: 0px; 	-moz-border-radius-bottomleft: 0px;
}

ul.accordion li{
margin-bottom: 3px;
}

.accordion ul {list-style-type: none;display: none;padding: 0 0;}

.accordion ul li { border-top: 1px solid #fff; border-bottom: 1px solid #d8d8d8;color: #375d84;cursor: auto;display:block;font-size: 12px;font-weight: normal;margin: 0 0;padding: 12px 10px 10px 30px;width: 100%;box-sizing: border-box;
position: relative;}


.accordion ul li:before{
	content: "\f0da";
	color: #47b941;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	position: absolute;
	left: 15px;
}
.accordion ul li.delete:before{
	content: "" !important;
	}

.accordion ul a{
text-decoration: none;
}

.accordion ul a li{color: #999;cursor: pointer;font-weight: bold; background-color: #fcfbfb;}

.accordion ul a li:hover{
    color: #000;
    background-color: #faf9f9;
}

.accordion ul a li.active{
background: #94c500 url(images/bullet-menu.png) no-repeat left center;
color: white;
}

.accordion ul a li.delete{
background: #94c500 url(images/ico-delA.png) no-repeat left center;
color: white;
} 	
.accordion ul a li.delete:hover{
background: #d8d8d8 url(images/ico-delB.png) no-repeat left center;
color: white;
} 	  						  				
.accordion ul a li span.no-bold{
font-weight: normal;
}
/* Footer ____*/

#Footer{background: #282828;clear: both;color: white;margin:0 auto;overflow: visible;text-align: left;min-width: 950px;width: 100%;padding: 40px 0px 0; border-top: 3px solid #3d9e35;}


#AlignFooter{background: #151515;margin: 50px auto 0; *margin-left: -475px;padding: 20px 0 20px 0;width: 100%;border-bottom: 5px solid #3d9e35;}

#AlignFooter .logoFooter{
float: left;
height: 43px;
margin: 25px 0 0 25px;
padding: 0 0;
width: 97px;
}

#AlignFooter .menuFooter{
float: left;
font-family: 'Encode Sans', sans-serif;
font-size: 12px;

margin: 42px 0 0 25px;
padding: 0 0;
width: 400px;
}

#AlignFooter .menuFooter a{
color: white;
text-decoration: none;
}

#AlignFooter .menuFooter a:hover{
color: #91C200;
text-decoration: underline;
}

#AlignFooter .CreditosFooter{
color: #7d7d7d;
float: left;
font-family: 'Encode Sans', sans-serif;
font-size: 10px;
margin: 0 0 0 25px;
padding: 0 0;
width: 400px;
}

#AlignFooter .FechaFooter{
float: right;
font-family: 'Encode Sans', sans-serif;
font-style: italic;
font-size: 12px;
margin: 46px 35px 0 0;
padding: 0 0;
width: 71px;
}

#AlignFooter .cambiar-pais{
float: right;
font-family: 'Encode Sans', sans-serif;
font-style: italic;
font-weight: 600;
font-size: 12px;
height: 23px;
margin: 46px 35px 0 0;
padding: 0 0;
width: 260px;
}
#AlignFooter .cambiar-pais span.paisTxt{
float: left;
margin: 2px 10px 0 0;
}

#AlignFooter .cambiar-pais form#form2{
}
#AlignFooter .cambiar-pais form#form2 #imgPais{
float: left;
height: 14px;
margin: 4px 10px 0 0;
width: 16px;
}
#AlignFooter .cambiar-pais form#form2 select{
height: 20px;
font-family: 'Encode Sans',sans-serif;
font-size: 12px;
font-weight: 600;
padding: 0 0 0 !important;
width: 70px !important;
-webkit-border-radius: 1px !important;
-moz-border-radius: 1px !important;
border-radius: 1px !important;
}




/* Style popup de fancybox ___*/

.fancy{
display: none;
text-align: justify;
font-size: 13px; 
line-height: 20px;
}

.fancy h1{
width: 100%; padding-bottom: 20px;
border-bottom: 3px solid #40AB3D;
margin-bottom: 10px;
}


.fancy p{ width: 100%; margin: 0;}

.fancy .button {
display: inline-block;
padding: 8px 18px;
margin-right: 15px;
margin-bottom: 5px;
-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;
-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3); -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3); box-shadow:inset 1px 1px 0 rgba(255,255,255,0.3);
font-family: "'Encode Sans' Neue",'Encode Sans',Arial,sans-serif;
font-size: 16px;
font-weight: bold;
text-align: center;
text-decoration: none;
cursor: pointer;
outline: none !important;
overflow: visible;
}

.fancy .button:hover, .button:focus {
text-decoration:none;
}

.fancy .button-green {
color: #fff;
background: #a5bd24; /* Old browsers */
background: -moz-linear-gradient(top, #a5bd24 0%, #7dac38 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5bd24), color-stop(100%,#7dac38)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a5bd24 0%,#7dac38 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a5bd24 0%,#7dac38 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #a5bd24 0%,#7dac38 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5bd24', endColorstr='#7DAC38',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #a5bd24 0%,#7dac38 100%); /* W3C */
text-shadow: 0 1px 1px rgba(0,0,0,0.25);
border: 1px solid #781;
}

.fancy .button-green:hover,.button-green:focus {
color: #fff;
background: #5c8825; /* Old browsers */
background: -moz-linear-gradient(top, #8fbb44 0%, #5c8825 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fbb44), color-stop(100%,#5c8825)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8fbb44 0%,#5c8825 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8fbb44 0%,#5c8825 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #8fbb44 0%,#5c8825 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fbb44', endColorstr='#5c8825',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #8fbb44 0%,#5c8825 100%); /* W3C */
border: 1px solid #670;
}



/* Fin Style popup de fancybox ___*/


/*------------------------------------------------------------------  
/* CSS propio del editor del cms*/
.text-right{
text-align: right !important;
}
.text-left{
text-align: left !important;
}
.text-center{
text-align: center !important;
}

/*------------------------------------------------------------------  
/* Mensajes de Alerta */
.alert {
padding: 20px; margin: 0 auto;  margin-bottom: 10px; margin-top: 10px; border: 1px solid transparent; border-radius: 4px; width: 90% !important; font-size: 14px; 
}.alert-warning {
color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.alert-danger {
color: #a94442; background-color: #f2dede; border-color: #ebccd1;
}.alert-success {
color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6;
}
.float-left{ float: left; }

.text-red{ color: red !important; }

.condiciones{
width: 285px;
font-size: 12px;
text-align: center;

}

/*** Login 2024 ***/
#login{
	float: right;
	width: 230px;
	height: 30px;
	margin: 10px 0 0 10px;
	color: #3d3c41;	
}

#login img{ float: left; }
#login span.hola{
	float: left;
    width: 78%;
    margin-left: 5px;
    font-size: 12px;
}
#login span.nombre a{
	float: left;
    width: 78%;
    margin-left: 5px;
    font-size: 14px;
    font-weight: bold;
     color: #3d3c41;
}
#login span.nombre a:hover{
	color: #3d9e35;
}

/*** Carro ***/
#carro {
	float: right;
	width: 180px;
	height: 30px;
	margin: 10px 0 0 10px;
	color: #3d3c41;
}
#carro img{ float: left; }
#carro span.productos{
	float: left;
    width: 78%;
    margin-left: 5px;
    font-size: 12px;
}
#carro span.nombre a{
	float: left;
    width: 78%;
    margin-left: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #3d3c41;
}
#carro span.nombre a:hover{
	color: #3d9e35;
}

/*** Menú ***/ 

.ico-menu-cat{
	float: left;
	margin: 8px 0 0 0;
}


.ico-mail{
	float: right;
	margin: 8px 0 0 0;
}


#menuPrincipal #menu {
	background: none;
	float: left;
	height: 39px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 1050px;
	text-align: justify;
}
#menu li{
	display: inline-block;
	text-shadow:none;
}
#menu li a {
    background: none;
    color: #292929;
    font-family: 'Encode Sans', sans-serif;
    font-size: 13px;
    display: block;
    height: 20px;
    padding: 9px 17px 9px 17px;
    text-decoration: none;
    transition: none;
    text-transform: uppercase;
}
.cont-menu-cat{
	list-style: none;
	position: relative;
	/* display: block; */
	height: 37px;
	float: left;
	width: 120px;
	cursor: pointer;
	padding: 0 0 0 5px;
	box-sizing: border-box;
}
.cont-menu-cat:hover{
	background: #F4F4F4;
}
.cont-menu-cat span{
	    font-family: 'Encode Sans', sans-serif;
	font-size: 13px;
	padding: 9px 0 0 5px;
	float: left;
}
.navigation {
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 1;
}
.cont-menu-cat:hover .navigation{
	display: block;
}

.navigation ul,
.navigation ul li,
.navigation ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation ul {
  position: relative;
  z-index: 500;
  float: left;
}

.navigation ul li {
  float: left;
  min-height: 0.05em;
  line-height: 1em;
  vertical-align: middle;
}

.navigation ul li.hover,
.navigation ul li:hover {
  /* position: relative; */
  z-index: 510;
  cursor: default;
}

.navigation ul ul {
  visibility: inherit;
  position: relative;
  z-index: 520;
  width: 100%;
}

.navigation ul .cont-menulat {
     visibility: hidden;
     display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 520;
    width: calc(100% + 40px);
    padding: 10px;
    box-sizing: border-box;
    margin: 0 0 0 0;
}


.navigation ul ul li { float: none; }

.navigation ul ul ul {
  top: 0;
  right: 0;
}

.navigation ul li:hover > ul {visibility: inherit;}
.navigation ul li:hover > .cont-menulat {
	visibility: visible;
    display: block;
    z-index: 9999;
    width: 1400px;
    height: auto;
    min-height: 250px;
    background: #f1f1f1;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 34px;
}

.navigation ul ul {
  z-index: 0;
}

.navigation ul li { float: none; }

.navigation ul ul { margin-top: 0.05em; }

.navigation {
    width: 100%; /*calc(100% - 40px);*/
    zoom: 1;
    position: relative;
    background: #fff;
    float: left;
    margin: 0 0 0 0;	}

.navigation:before {
  content: '';
  display: block;
}

.navigation:after {
  content: '';
  display: table;
  clear: both;
}

.navigation a {
  display: block;
  padding: 10px;
  color: #ffffff;
  text-decoration: none;
}

.navigation > ul {
	width: 100%;
	background: #FAFAFA;
}

.navigation ul ul {width: 225px; float: left; padding: 0px !important;box-sizing: border-box;}

.navigation > ul > li > a {
      color: #292929;
      overflow: hidden;
    text-transform: uppercase;
    font-weight: 600;
}

.navigation > ul > li > a:hover { color: #ffffff; }

.navigation > ul > li a:hover,
{background: #47b942;
	color: #fff;
}
.navigation > ul > li:hover a {
	color: #595959;
}

.navigation li {/* position: relative; */}

/*.navigation ul li.has-sub > a:after {
  content: "\f078";
  font-family: FontAwesome;
  position: relative;
    font-size: 10px;
    margin: 0 0 0 5px;
}
*/
.has-sub ul li, .has-sub ul li a{
	/* background: #fff; */
	    width: 100%;
    display: block;
}


.navigation ul .cont-menulat {
 /*background: #FAFAFA !important;*/
 -webkit-border-radius: 0 3px 3px 3px;
  -moz-border-radius: 0 3px 3px 3px;
  border-radius: 0 3px 3px 3px;
  /*
  -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.2);
  box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.2);
  */
  /*
  -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px 5px 10px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 5px 10px 0px rgba(50, 50, 50, 0.75)
  */
}

.navigation ul ul {
    z-index: 400;
    background: transparent;
    margin-right: 5px !important;
    padding: 0 0 0 0;
}

.navigation .filas-menu{
	display: block;
	clear: both;
	margin: 0 0 20px;
	padding: 0 0 20px;	
	overflow: hidden;
}

.navigation ul .cont-menulat h3{
	color: #595959;
	padding: 8px 0 12px 4px; margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Encode Sans', Arial;
	border-bottom: 1px solid #ddd;
}

#menu-titulo{
	display: block !important;
}

.navigation ul .cont-menulat h4{
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	font-size: 13px;
	font-family: 'Encode Sans', Arial;
	width: 215px; 
	background: #fff;
}

.navigation ul ul a { 
	color: #292929; 
	padding: 5px ;
    width: calc(100% - 10px);

}

.navigation ul ul a:hover { 
	color: #47b942;
	    background: #fbfbfb;
	}

.navigation ul ul li {}


.navigation.align-right > ul > li > a {
  border-left: 0.3em solid #34A65F;
  border-right: none;
}

.navigation.align-right { float: right; }

.navigation.align-right li { text-align: right; }

.navigation.align-right ul li.has-sub > a:before {
  content: '+';
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -6px;
}

.navigation.align-right ul li.has-sub > a:after { content: none; }

.navigation.align-right ul ul {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 598;
  width: 100%;
}

.navigation.align-right ul ul li.first {
  -webkit-border-radius: 3px 0 0 0;
  -moz-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}

.navigation.align-right ul ul li.last {
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
}

.navigation.align-right ul ul {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}


/*** Lateral Cliente ***/

#lat-cliente{
	background: #ebebeb;
	border: 1px solid white;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	float: left;
	margin: 15px 10px 0 0;
	padding: 0 0 5px 0;
	width: 250px;
}

/*** Contenido Cliente ***/

p.datos-cliente {
    margin-bottom: 5px;
    margin-left: 10px;
    font-size: 14px;
}

#cont-cliente{
	float: left;
	width: 882px;
	margin: 1em 0 0 15px;
}

.nomb-cliente{
	font-size: 21px;
	font-weight: bold;
}

#cont-cliente h1{
	font-size: 24px;
	color: #f78f1e;
	font-weight: bold;
	margin-top: -5px;
}
#cont-cliente .ContenidoTable{
	width:100% !important;
	
}
#cont-cliente .ContenidoTable h4{
 width: 870px !important;
 font-size: 16px !important;
}

#cont-cliente .ContenidoTable table{
	background: #dddddd; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; 
	margin: 15px 15px 0 13px !important;
	width: 97% !important;
}
.nombreTabla{
	font-size: 16px !important; 
	margin: 0 0 0 8px;
}

#tit-lat-cli{
	background: #878787;
	color: #fff;
	overflow: hidden;
	padding: 5px 0 10px;
	    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
.mi-somn{
	font-size: 20px;
	display: block;
	font-weight: bold;
	padding: 10px 0 0 30px;
}
.serv-linea{
	font-size: 18px;
	padding: 5px 0 10px 30px;
}

.secc-lat{
	margin: 10px 0 20px;
	overflow: visible;
}
.secc-lat h1{
	background: url(images/bg-categoria-up.png);
	width: 260px;
	font-size: 16px;
	font-weight: 700;
	padding: 14px 0 14px 20px;
	color: #fff;
	position: relative;
	overflow: visible;
	border-bottom: none;
}

.secc-lat h1.active{background: url(images/bg-categoria-act.png);}
.secc-lat h1:after{
content: url(images/bg-shadow.png);
position: absolute;
bottom: -12px;
left: 0;
}


.secc-lat ul li{
	padding: 5px 0;
	list-style: none;
	margin-left: -40px;
}
.secc-lat ul li a{
	background: transparent;
	position: relative;
	width: 260px;
	display: block;
	padding: 7px 0 7px 0;
	-moz-transition: all 0s;
	-webkit-transition: all 0s;
	transition: all 0s;
	color: #5b5b5b;
	font-size: 14px;
}
.secc-lat ul li a:hover, .secc-lat ul li a.active{
	color: #fff;
}
.ico-mp-li{
	width: 12px;
    height: 12px;
    margin: 2px 5px 2px 15px;
    background: transparent url(images/ico-ml-li.png) no-repeat 0 0;
    display: block;
    float: left;
}

.secc-lat ul li:hover .ico-mp-li, .secc-lat ul li a.active .ico-mp-li{
background: transparent url(images/ico-ml-li.png) no-repeat 0 -12px;
}
.secc-lat ul li:hover a{
	background: #CCCCCC;
	width: 250px;
}
.secc-lat ul li:hover .ico-mp-li{

    background: transparent url(images/ico-ml-li-ho.png) no-repeat 0 0;

}
.secc-lat ul li a.active, .secc-lat ul li a.active:hover{
	background: url(images/bg-item-activo.png);
	width: 260px;
}

.ico-misprod:before{
	content: url(images/ico-PanelSidebar-user.png);
	margin: -2px 5px 0 0;
	display: block;
	float: left;
	width: 21px;
	height: 21px;
}

.ico-serv-linea:before{
	content: url(images/ico-PanelSidebar-Servicios.png);
	margin: -2px 5px 0 0;
	width: 21px;
	height: 21px;
		display: block;
	float: left;
}

.ico-util:before{
	content: url(images/ico-PanelSidebar-Utilidades.png);
	margin: -2px 5px 0 0;
	width: 21px;
	height: 21px;
		display: block;
	float: left;
}

.alerta{background:red;border:1px solid #dddddd;border-radius:4px;-moz-border-radius:4px;float:left;margin:-15px 0 25px;padding:15px 20px;width:640px;}
.gris{background:#f7f7f7;}
.amarillo{background:#ffee91;}
.verde{background:#e1ffe7; color: #3d3c41; padding: 0 10px; }
.rojo{background:#ffe0e0;}

.mi-panel{
	width: 1100px;
    float: right;
}

.mi-panel h1{
	border-bottom: 0px;
	color: #47b942;
	padding: 15px 0 0;
}

.mi-panel .alert{ width: 95% !important; } 
.mi-panel .cuadroInfo{ margin: 0; width: 100%;}

/** Compartir RRSS ***/

.comp-rrss{
    margin: 1.5em auto;
    overflow: hidden;
    order: 3;
    display: block;
    width: 100%;
    position: relative;
}

.comp-rrss .redes a {
    text-align: center;
    background: #ececec;
    color: #fff;
    float: left;
    height: 25px;
    margin: 0 1%;
    opacity: 1;
    padding: 11px 0 0;
    text-transform: uppercase;
    width: 17%;
    font-weight: 700;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
        overflow: hidden;
    position: relative;
}


.redes.twitter-comp a {
    background: #00aced;

}

.redes.facebook-comp a {
    background: #3b5998;
}

.redes.gplus-comp a {
    background: #cc3732;
}

.redes.whatsapp-comp a {
    background: #30b01f;
}


.redes figcaption:before{
    position:absolute;
    top:-12px;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.5);
    content:'';
    -webkit-transition:-webkit-transform 0.6s;
    transition:transform 0.6s;
    -webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
    transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);
}

.redes:hover figcaption:before{
    -webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,155%,0);
    transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,155%,0);
}

#n-visitas{
    border-left: 1px solid #9c9c9c;
    color: #9c9c9c;
    display: block;
    float: left;
    margin: 0 -15px 0 1em;
    text-align: center;
    padding: 2px 1em;
    line-height: 15px;
}
.num-visitas{
    font-size: 18px;
    font-weight: bold;
    display: block;
    clear: both;
}
.txt-visitas{
    font-style: 12px;
    display: block;
    clear: both;
}


/*** Carouserl vertical **/

.product-carousel-vert {
    /* height: 975px; */
    background: #fff;
    display: block;
    overflow: hidden;
    width: 250px;
    position: relative;
    padding: 0 0 50px 0;
}

#carousel-vert a.product span.prodtit-indx{
	color: #333333;
	font-size: 16px;
	line-height: 0.95em;
    height: 45px;
	display: block;
}
#carousel-vert a.product:hover span.prodtit-indx{
	color: #47b942;

}
#carousel-vert a.product:hover{
	box-shadow: 0 3px 6px 0 rgba(51,51,51,.298039);
}

.precio_antes{
	font-size: 13px;
	color: #767676;
	height: 15px;
	/*text-decoration:line-through;*/
}
.noMostrar{
	display: none !important;
}

/* CSS botones - y + de input nuber */
.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
 padding: 7px 10px 8px;
 height: 40px;
 background-color: #ffffff;
 border: 1px solid #cccccc;
 cursor:pointer;}

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
 background: #eeeeee; }

 
 .quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
 outline: none; }
 
 
/*
Busqueda con ajax live en input */
#resultado-buscar {
	z-index: 9 !important;
    position: absolute; top: 119px;
    width: 100%;
    max-width: 548px;
    cursor: pointer;
    overflow-y: auto;
    max-height: 400px;
    box-sizing: border-box;
    
    margin: 0 !important;
    padding: 0 !important;
}
#resultado-buscar .link-class:hover{
background-color:#f1f1f1;
}
#resultado-buscar .list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

#resultado-buscar .list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

#resultado-buscar #resultado-buscar .list-group-item-action:hover, #resultado-buscar .list-group-item-action:focus {
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

#resultado-buscar .list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

#resultado-buscar .list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

#resultado-buscar .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

#resultado-buscar .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

#resultado-buscar .list-group-item:hover, #resultado-buscar .list-group-item:focus {
  z-index: 1;
  text-decoration: none;
}

#resultado-buscar .list-group-item.disabled, #resultado-buscar .list-group-item:disabled {
  color: #6c757d;
  background-color: #fff;
}

#resultado-buscar .list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.msgErrorLogin{
	width: 92% !important;
}