@charset "UTF-8";
/* CSS SODIMAC CHILE. SANTIAGO 2015
// "CASA ECO". 
// Guía de estilos y tendenecias de Sodimac.com
// BASE VERSIÓN 3.0. Diciembre de 2015
// Integración Sodimac Chile.                 
// ;)
======================================================================================*/

/* Carga de fuentes especiales: Miso y Hand of Sean 
// Probar en hoja externa y versión única para todas las guias.
// Usar medidas en rem de preferencia para tamaños de tipografía a diferencia de em
// que hace referencia a la caja contenedora, rem hace referencia al body y por lo 
// tanto es más estable. Ojo con versiones de "Explorer" que necesitan fuente en px
// guiarse segun la tabla de conversión y usar seudo clases (-ms-font-size:18px;)
// o el hack correspondiente (*font-size:18px;)

Tabla de conversión de px a rem con base tipo 14px
-------------------------------------------------- 
11px = 0.7857rem
12px = 0.8571rem
13px = 0.9286rem
14px = 1rem (base)
15px = 1.071rem
16px = 1.143rem
18px = 1.286rem
20px = 1.429rem
22px = 1.571rem
24px = 1.714rem
26px = 1.857rem
28px = 2rem
30px = 2.143rem
32px = 2.286rem
34px = 2.429rem
36px = 2.571rem
38px = 2.714rem
40px = 2.857rem
======================================================================================*/
@font-face {
    font-family: 'misoregular';
    src: url('../fonts/miso/miso-webfont.eot');
    src: url('../fonts/miso/miso-regular-webfont.eot?#iefix')  format('embedded-opentype'),
         url('../fonts/miso/miso-regular-webfont.woff2') format('woff2'),
         url('../fonts/miso/miso-regular-webfont.woff') format('woff'),
         url('../fonts/miso/miso-regular-webfont.ttf') format('truetype'),
         url('../fonts/miso/miso-regular-webfont.svg#misoregular') format('svg');
		font-weight: normal;
        font-style: normal;
}

@font-face {
    font-family:'hand_of_seanregular';
    src: url('../fonts/sean/handsean-webfont.eot');
    src: url('../fonts/sean/handsean-webfont.eot?#iefix')  format('embedded-opentype'),
         url('../fonts/sean/handsean-webfont.woff2') format('woff2'),
         url('../fonts/sean/handsean-webfont.woff') format('woff'),
         url('../fonts/sean/handsean-webfont.ttf') format('truetype'),
         url('../fonts/sean/handsean-webfont.svg#hand_of_seanregular') format('svg');
		font-weight: normal;
        font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');

#containervtc { font-size:18px;  font-weight: 300; font-family:'Roboto', sans-serif !important; color:#666;}
#containervtc p{ line-height:1.3; font-weight: 300; font-size: 18px;}
.breadcrumb { display:none;}

/* ========== mod bootstrap ========== */
#containervtc .container { max-width:960px !important;}
.no-pad { padding:0 !important;}

#containervtc h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; }
#containervtc h1 { font-size:28px; text-align:center; color:#333;}
#containervtc h1 small { display:block; margin:5px 0 10px;}
#containervtc h2 { font-size: 20px;}


#containervtc .bajadaEco{
	background:#50a52b;
	padding:15px 5%;
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	clear:both;
	overflow:hidden;
	width:100%;
	}
#containervtc .bajadaEco h2{
	font-size: 29px;
	text-align: center;
	}
#containervtc .bajadaEco p{
	font-size: 20px;
	line-height: 28px;
	}
	
#containervtc .imgbannertop{ 
	display:block;
	width:100%;
	}
	
	
.btn-big-red { width:100%; height:40px; line-height:40px; color:#fff; background-color:#dd0021; display:block; text-align:center; font-family:'Roboto', sans-serif; font-size:23px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.btn-big-red:hover { text-decoration:none; height:40px; border-bottom:solid 5px #990000; color:#fff;}

.h3upp30px { font-size:30px; text-transform:uppercase; text-align:center; margin-top:50px; margin-bottom:6px;}

.azul { color:#50a52b;}
 .rojo { color:#dd0021;}
/* ========== // ========== */

/* ========== propios pagina ========== */
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}

.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}

.floati { float:left !important;}
.floati a { margin:3px;}
.floatr { float:right !important;}

.centrado { float:none; margin:0 auto;}
.imgbajada { background:url(../img/bottom-bajada-leterales.jpg) repeat-x; float:none; margin:0 auto 30px;}

/* ========== ========== ========== ========== ========== ========== HOME TEMA ========== ========== ========== ========== ========== ========== */
.vtc-top { height: 70px; border-bottom: dashed 1px #ccc; margin-bottom: 6px; margin-top: 3px; background-color: #50a52b;}
.vtc-top-home { height:80px;  margin-bottom:5px;}

.vtc-logo { float:left; background-color:#50a52b; dis}


.xlarge { width:10% !important; height:70px; text-align:center; float:left;}
.large { width:8% !important; height:70px; text-align:center; float:left;}
.small { width:10% !important; height:70px; text-align:center; float:left;}

.vtc-nav-home { position: absolute; z-index: 99; margin:15px 0 0; padding:0; list-style:none; float:right;}
.banner-home {position: absolute;  z-index: 10;}


.vtc-nav { background: #50a52b; margin:10px; padding:0; list-style:none; float: left;}
.vtc-nav li {width: 16,6%; height: 57px; text-align:center; float:left; margin:0 2px;}
.vtc-nav li a { width:100%; height:100%; color:#333; display:block; font-family: 'Roboto', sans-serif; font-size:17px;}
.vtc-nav li a:hover, .vtc-nav li a:active, .vtc-nav li.active a, .flot-vtc-nav li.active a { color:#50a52b; text-decoration:none;}
.vtc-nav li a:link, .flot-vtc-nav li a:link {   text-decoration:none;}
.vtc-nav li a i { width:56px; height:56px; display:block; margin:0 auto; background-color:#fff;}


ul.vtc-nav { list-style-type:none;}
ul.vtc-nav li{ width:16,6%; float:left; }
ul.vtc-nav  li a:link, ul.menuVert1 li a:visited {}
ul.vtc-nav li:hover {background-color: #3a7720;}


.vtc-nav li ul li{  display:block; clear:both; float:left;  width:100%; height:30px; text-align:center; }
.vtc-nav li ul li a {}

.vtc-nav-mob { margin:15px 0 0; padding:0; list-style:none; float:right; margin-right:-10px;}
.vtc-nav-mob li { width:10%; text-align:center; float:left;}
.vtc-nav-mob li a { width:100%; height:100%; color:#666; font-size:13px;}

.vtc-bajada { font-family:'Roboto', sans-serif; font-size:22px; text-align:center;     line-height: 130%;}
.vtc-slider { height:auto; overflow:hidden; display:block; border-bottom:dashed 1px #ccc;}

.vtc-mobile { display:none;}

.vtc-art-desta { height:auto; overflow:hidden;}
.vtc-art-desta h2 { font-size:40px; padding:10px 0;}
.vtc-art-desta h2 small { display:block; margin-bottom:-5px;}
.vtc-art-desta figure { height:400px; display:block; margin:0; padding:0;}
.vtc-art-desta figure img { position:absolute;}
.vtc-art-desta figure figcaption { height:auto; background-color:#fff; float:right; top:50%; margin-top:-125px; margin-right:0px; padding:20px 30px;}
.vtc-art-desta figure figcaption h2 { border:none; margin:0;}
.vtc-art-desta figure figcaption p::after { content:"..."}
.vtc-art-desta figure figcaption a { display:block; color:#50a52b; font-style:italic; font-size:15px; margin-top:8px;}


.eco-destaca { height:auto; overflow:hidden;}
.eco-destaca h2 { font-size:40px; padding:10px 0;}
.eco-destaca h2 small { display:block; margin-bottom:-5px;}
.eco-destaca figure { height:500px; display:block; margin:0; padding:0;}
.eco-destaca figure img { position:absolute;}
.eco-destaca figure figcaption { height:auto; background-color:#fff; float:right; top:50%; margin-top:-125px; margin-right:0px; padding:20px 30px;}
.eco-destaca figure figcaption h2 { border:none; margin:0;}
.eco-destaca figure figcaption p::after { content:"..."}
.eco-destaca figure figcaption a { display:block; color:#50a52b; font-style:italic; font-size:15px; margin-top:8px;}

.articulo { background-color:#fff; margin:30px 0;}
.articulo art-img { position:relative; z-index:0;}
.articulo art-img img { width:100%; height:100%;}
.articulo .art-detalle { width:100%; min-height: 240px; position:relative; margin:0 auto; z-index:1; border:solid 1px #ccc; background-color:#fff; padding:0px 15px 40px 15px;}
.articulo .art-detalle a { text-decoration:none; color:#333;}
.articulo h3 { width:200px; text-align:center; padding:8px 0; margin:-35px auto 15px; background-color:#50a52b; color:#fff; font-size:20px; font-weight:normal; text-transform:uppercase;}




.icon-HomeCasaEco:before{ content: url(../img/logo-botonera.png);  height:auto; }
.icon-Energia-eficiente:before{ content: url(../img/energia-eficiente.png);  height:auto; }
.icon-Ahorro-agua:before{ content:url(../img/ahorro-agua.png);  height:auto;}
.icon-Bosques-sostenibles:before{ content:url(../img/bosques-sostenibles.png);  width:80%; height:auto; }
.icon-Aire-limpio:before{ content:url(../img/aire-limpio.png);  height:auto; }
.icon-Hogar-saludable:before{ content: url(../img/hogar-saludable.png); width:80%; height:auto; }
.icon-Reciclados-y-Biodegradables:before{ content: url(../img/Reciclados-y-Biodegradables.png); width:80%; height:auto; }


#titu-fijo { border-left: solid 4px #50a52b;}
/* ========== // ========== */

<!----------------------menu estatico-------------------------------------------->
.menu-eco-top { }


/* ========== grid element ========== */
.grid { max-width:960px;}
.grid:after { content: ''; display: block; clear: both;}

.button-group { margin-bottom:15px; padding:10px; border:solid 1px #ececec; text-align:center;
-webkit-border-radius:4px;
   -moz-border-radius:4px;
        border-radius:4px;
}
.button-group span { float:left; text-align:left; line-height:20px; border-right:solid 1px #ccc; padding:2px 20px 2px 0; font-family:'Roboto', sans-serif; font-size:20px;}
.button-group .button { background-color:#fff; border:none; margin:0; padding:0 8px; color:#000; font-family:'Roboto', sans-serif; font-size:18px; font-weight:normal;}
.button-group .button:hover { color:#50a52b;}
.button-group .button:focus { border:0; background-color:transparent;}

.element-item { margin:15px 0;}
.element-item > * { margin:0; padding:0;}
/* ========== // ========== */

/* ========== menu flotante ========== */
#caja-flotante {     margin-top: 40px; min-width:1030px;; height:auto; background-color:#50A52E; position:fixed; display:none; z-index:169; top:0; padding:0px 0px 7px;;
-webkit-box-shadow: 0px 8px 7px -8px rgba(0,0,0,0.2);
   -moz-box-shadow: 0px 8px 7px -8px rgba(0,0,0,0.2);
        box-shadow: 0px 8px 7px -8px rgba(0,0,0,0.2);
}
#caja-flotante a{ color:#50a52b;}
#caja-flotante .dropdown-menu { top:105%;}
#caja-flotante .flot-vtc-nav li { width:14%;}
#caja-flotante .flot-vtc-nav li a { font-size:14px; text-decoration:none;}

.vtc-logo-flot { float:left; margin-right:20px;}
.vtc-logo-flot img { width:100%; height:100%;}
 
.flot-vtc-nav {     background: #50a52b;margin:0; padding:0; list-style:none; float:right;}
.flot-vtc-nav li { width:14%; height:auto; text-align:center; float:left;}
.flot-vtc-nav li li{ width:100%; height:auto; text-align:left; float:none;}
.flot-vtc-nav li a { width:100%; height:100%; color:#333; display:block; font-family:'Roboto', sans-serif; font-size:16px; text-align:center;}
.flot-vtc-nav li a:hover { color:#0072ce; text-decoration:none;}
.flot-vtc-nav li a i { width:48px; height:48px; display:block; margin:0 auto; background-color:#fff;}

.flot-titu { float:left; color: #50A52B; border-left:solid 2px #ccc; padding-left:20px; padding-right:20px; height:48px; line-height:48px; margin-top:5px; font-size:24px; font-family:'Roboto', sans-serif; display:none;logo}
/* ========== // ========== */


/* ========== otros articulos ========== */
.otros-articulos {}
.otros-articulos h3 { border-bottom:dashed 1px #ccc; font-size:22px; margin-bottom:30px;}
.otros-articulos h4 { font-size:24px;}
.otros-articulos i { width:24px; height:24px; float:left; background-color:#fff; display:block; margin-right:10px;}
.otros-articulos ul { margin:10px 0; padding:0; list-style-position:inside;}
.otros-articulos ul li { line-height:24px;}
.otros-articulos ul li a { color:#000;}
.otros-articulos ul li a:hover { color:#50a52b;}

.otros-articulos .item-otros { border-bottom:dashed 1px #ccc; margin-bottom:30px;     padding-bottom: 30px;}
.art-index a:hover .art-txt p { color:#dd0021;}
/* ========== // ========== */


/*-- menu-categoria -----------------------------------------------------------------------------------*/

.menu-categoria {
	margin-bottom:70px;
	margin-top:40px;}

.menu-categoria a { color:#000; width:100%; height:100%; display:block;}
.menu-categoria a:hover { text-decoration:none;}
.menu-categoria p{ 
    width:90%;
	height: 40px;
    font-size: 22px;
    line-height: 20px;
    background-color: #50a52b;
    color: #fff;
    text-align: center;
	padding-top:10px;
	font-family: 'Roboto', sans-serif;
}


/*-- tips -----------------------------------------------------------------------------------*/
   
.tips-index{
	margin-bottom:20px;
	margin-top:50px;
}

.tips-index h2{ font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.tips-index a { color:#000; width:100%; height:100%; display:block;}
.tips-index a:hover { text-decoration:none;}
.tips-index figure { max-height:260px; overflow:hidden; display:block;}
.tips-index figure img { width:100%; height:100%;}
.tips-index .tips-txt { width:100%; padding:10px;float:none;margin:0 auto;}

.tips-index .tips-txt h3 { text-transform: uppercase; font-size:18px;  line-height:21px;  color:#50a52b; text-align:center; }
.tips-index .tips-txt p { font-size:16px; line-height:21px; text-align:center; color:#333333;}
.icon-tips { width:50px; height:50px; position:absolute; top:0; right:15px; background: url('../images/sprites/graphics-sprite.png');
    background-image: url('../images/sprites/graphics-sprite.svg'), none;
    background-size: 110px 40px;
    background-position: 0 0;}
.icon-tips img { width:100%; height:100%; background: url('../images/sprites/graphics-sprite.png');
    background-image: url('../images/sprites/graphics-sprite.svg'), none;
    background-size: 110px 40px;
    background-position: 0 0;}



/* ========== destacados bottom ========== */
.desta-bottom { width:100%; height:auto; overflow:hidden; text-align:left;}
.desta-bottom img { width:100%; height:100%;}

.text-desta-bottom { width:90%;  margin:0 auto; padding:10px 10px 15px 10px; border:solid 1px #CCCCCC; display:block; position:relative; z-index:1; margin-top:-30px; background-color:#fff;}
.text-desta-bottom h4 { width:180px; height:30px; background-color:#50a52b; color:#fff; font-family:'Roboto', sans-serif; text-transform:uppercase; text-align:center; 
line-height:30px; margin:-25px auto 10px;}
.text-desta-bottom a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: italic; font-size:15px;}
.text-desta-bottom h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: normal; padding: 5px 0 10px 0;}
/* ========== // ========== */


/* ========== ========== ========== ========== ========== ========== ARTICULO ========== ========== ========== ========== ========== ========== */
.nav-lat { height:25px; line-height:20px; border-bottom:solid 1px #ccc; padding-bottom:10px; }
.nav-lat a {   font-size:13px; color:#50a52b;}
.nav-lat a:hover { text-decoration:underline; }

.borde { border:dashed 1px #ccc;}
.caja-tip { padding:15px; text-align:center; border-radius:4px;  
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
   -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
        box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
}
.caja-tip  img{ margin:5px;
}
.caja-tip h3 { font-family:'Roboto', sans-serif; font-size:18px; margin-bottom:10px;}
.caja-tip p { font-size:13px; line-height:19px;}
.caja-tip::before { content:"TIP"; width:50px; height:30px; margin:-30px auto 10px; text-align:center; background-color:#50a52b; color:#fff; line-height:30px; display:block;
font-family:'Roboto', sans-serif; font-size:20px;}

.aside {}
.aside h2 { text-align:center;}
.vtc-art-prod { margin-bottom:30px;}
.vtc-art-prod figcaption { text-align:center;}
.vtc-art-prod figcaption p { width:160px; margin:0 auto; font-size:13px; font-style:italic; margin-bottom:5px;}
.vtc-art-prod figcaption a { width:160px; margin:0 auto; display:block; background-color:#dd0021; color:#fff; padding:8px; border-radius:0px; border-radius:3px;}
.vtc-art-prod figcaption a:hover { background-color:#000; text-decoration:none;}

.caption { font-style:italic; font-size:12px; color:#666; margin-top:3px;}
.titu-tip { text-align:center; margin:50px 0 50px;}


.otro-proyecto { position:relative; display:block; overflow:hidden; margin-bottom:10px;}
.otro-proyecto img { float:left; margin-right:10px;}
.otro-proyecto h4 { margin:0; padding:0;}
.otro-proyecto p { font-size:13px;}

.mantencion {}
.mantencion img { float:left; margin-right:10px;}
.mantencion h4 { margin:0; padding:0;}
.mantencion p { font-size:13px;}

.vtc-top span.icon{ display:block; padding-right:2%; font-size:30px; line-height:100%;     background: url('../images/sprites/graphics-sprite.png');
    background-image: url('../images/sprites/graphics-sprite.svg'), none;
    background-size: 110px 40px;
    background-position: 0 0;
   }
.vtc-mobile span.icon{ padding-right: 10px; background: url('../images/sprites/graphics-sprite.png');
    background-image: url('../images/sprites/graphics-sprite.svg'), none;
    background-size: 110px 40px;
    background-position: 0 0;}
.vtc-mobile .navbar-header .i-vtc-logo { width: 125px; height:100px; display:block;     padding-top: 24px;}

@media (max-width: 992px) {
 .menu-eco-top { display:block;}
 
.vtc-mobile { display: none; background:#fff !important;}
.vtc-top { display:block;}
#titu-fijo { display:none;}
.vtc-logo-flot { display:none;}
.vtc-art-desta h2{ padding: 0 15px 0px 15px!important; font-size:34px;}
.vtc-art-desta figcaption h2{ padding: 0 0 10px 0px!important; font-size: 30px;}
.articulo img{ margin: 0 auto; }
.destacados .item{ margin-bottom: 20px; }
.vtc-art-desta figure figcaption{padding: 20px 15px; top:58%;}
#containervtc h2, .otros-articulos h3 { padding: 0px 15px;  }
#containervtc .art-detalle h2 { padding: 0px;  }
.otros-articulos .item-otros{ padding-left: 15px; padding-right: 15px;}
.rg-thumbs{ display: none; } 
#containervtc .row-complementos h2{ padding: 0px!important;}
.rg-image-wrapper{ padding: 0px!important;}
#rg-gallery{ min-height: 220px; }
.caja-tip img {
    margin: 5px;
    margin: 0 auto;
}
.rg-image-nav a{ left: 10px!important; }
.rg-image-nav a.rg-image-nav-next{
  right:10px!important;
  left:auto!important;
}
}



 .miga { background:#FFF;}
 
.vtcbrand{
    padding: 3px 10px;
}
.active-vtc {
   /*background-color: #fff;*/
   color: #50a52b;
}
.active-vtc a{
   color: #0072ce !important;
}
.active-vtc a:hover{
   color:#0072ce !important;
}
.vtcmobilebot { background-:none !important; border: 0px; margin: 0px; padding: 0px;}
.vtcmobilebot i{ font-size: 30px; color: #50a52b; margin: 10px;}
.vtcmobilebot .fa-plus-circle{ display: none; }
.vtcmobilebot.collapsed .fa-plus-circle{ display: block; }
.vtcmobilebot.collapsed .fa-minus-circle{ display: none; }
.navbar-header{ border: 1px solid #ccc; border-left: 0px; border-right: 0px; margin-top: 10px; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: none;
}
.navbar-collapse{ background: #50A52B; }
.navbar-collapse li{border-bottom: 1px dotted #d2cdc9; }
.navbar-nav {
    margin-top: 0px;
    margin-bottom: 0px;
}

.navbar-home {
    margin-top: 0px;
    margin-bottom: 0px;
}
.vtc-mobile { background:#50A52B; border: 0px;}
.vtc-mobile .navbar-nav>li>a { font-family:'Roboto', sans-serif; font-size:18px;}
.vtc-mobile .navbar-nav>li>a:hover { color:#50a52b;}
.vtc-mobile .navbar-nav>li>a .fa-caret-down { margin-left:4px;}
.vtc-mobile .navbar-nav>li>a .icon { font-size:20px; }



.dropdown-menu { top:90%; border-radius:0; margin:0; padding:0; /*margin-left:50%;*/ left:-80px;}
.interior h2{ padding: 10px 0 15px 0px!important; }
	
	
@media (max-width: 767px) {
.menu-eco-top { display:none !important; }
.vtc-mobile { display: block; background:#fff !important;}
.eco-icon { float: left; color: #fff;}
.vtc-mobile span { color: #fff; line-height: 4; }
.vtc-top { display:none;}
.img-index { margin-top:-30px !important;}

.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding: 5px 15px 5px 47px;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a::before { content:"+"; margin-right:4px; font-size:12px;}

.art-index .art-txt { margin-top:0; height:105px !important;}

.vtc-art-desta figure figcaption { top:67%; border-bottom:dashed 1px #ccc;}


}	




.index { display:block; height:auto; overflow:hidden; position:relative;}
.txt-index { background-color:#fff; display:block; text-align:center; position:relative; z-index:1;}
.txt-index h1 { font-family:'Roboto', sans-serif;}
.txt-index p { font-family:'Roboto', sans-serif; font-size:21px; line-height:26px; margin:10px 0 0; font-weight:lighter;}

.icon-inicio { width:46px; height:48px; display:block; float:none; margin:0 auto; padding:0;}

.img-index { margin:0; padding:2px 0 0; width:100%;  position:relative; margin-top:-15px;}
.img-index img { width:100%; height:100%;}
/*-------------------------------------------------------------------------------------------------------------------*/

/*-- Aticulos-----------------------------------------------------------------------------------*/
.art { margin:20px 0 70px;}
.art-index { margin:10px 0 10px;}
.art-index a { color:#000; width:100%; height:100%; display:block;}
.art-index a:hover { text-decoration:none;}
.art-index figure { max-height:181px; overflow:hidden; display:block;}
.art-index figure img { width:100%; height:100%;}

.art-index .art-txt { width:100%;  height: 100px; padding:10px;float:none;margin:0 auto;background-color:#eaeaea;}

.art-index .art-txt h3 {  font-size:16px;  line-height:18px;  color:#333333; margin:-2px auto -7px; text-align:left; }
.art-index .art-txt p { font-size:13px; float:right;}
.icon-tema { width:50px; height:50px; position:absolute; top:0; right:15px;}
.icon-tema img { width:100%; height:100%;}

	
/*-- MENU MOBILE -----------------------------------------------------------------------------------------------------------------*/

@media (max-width: 640px) {
.navbar-collapse li { border-bottom:solid 1px #ccc !important;}
.vtc-mobile .dropdown-menu { width:100%; margin-left:0;}
.navbar-default .navbar-nav>.open>a { background-color:#fff !important; color:#000 !important; border-bottom:solid 1px #ccc;}

}

.navbar { position: relative; min-height: 50px; margin-bottom: 0px !important;}

.boton-dest a { display: block; color: #50a52b !important; font-style: italic; font-size: 15px; margin-top: 8px; float:right;}

.icon-index { background: #50a52b; border-radius: 50px; padding: 10px; width: 60px; margin: 0px auto;}


.contServiciosEco { border: solid 1px #ccc; }
.servicioseco { background-color:#fff; margin:0;}
.servicioseco art-img { position:relative; z-index:0;}
.servicioseco art-img img { width:100%; height:100%;}
.servicioseco .art-detalle { width:100%; min-height: 100px; position:relative; margin:0 auto; z-index:1; background-color:#fff; padding:15px 0px 40px;}
.servicioseco .art-detalle a { text-decoration:none; color:#666;}
.servicioseco h3 { font-family:Arial, Helvetica, sans-serif; margin: 0px; font-size: 1.3em; }
.servicioseco h2 { font-family:Arial, Helvetica, sans-serif;  font-size: 1.5em; }


<!--viga-->

/*Bullets*/
.container.receta .mb40 ul  {
	margin-left:40px;
}

.container.receta .mb40 ul li {
	position: relative;
	padding: 0px 35px;
	list-style-type: none !important;
	margin-left: 0px;
}

.container.receta .mb40 ul li:before {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #50a52b;
	border-radius: 50%;
	color: #fff;
	content: '';
	display: block;
	font-size: 14px;
	font-weight: bold;
	left: 10px;
	height: 10px;
	width: 10px;
	position: absolute;
	text-align: center;
	top: 7px;
}

.container.receta .mb40 ol li:after {
	display: none;
}

.container.receta .mb40 ol {
	counter-reset: li; 
	margin-left:40px;
}

.container.receta .mb40 ol li {
	position: relative;
	padding: 10px 55px;
	list-style-type: none !important;
	margin-left: 0px;
}

.container.receta .mb40 ol li:before {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #50a52b;
	border-radius: 50%;
	color: #fff;
	content: counter(li);
	counter-increment: li; 
	display: block;
	font-size: 14px;
	font-weight: bold;
	left: 10px;
	line-height: 20px;
	padding: 4px 10px;
	position: absolute;
	text-align: center;
	top: 9px;
}

/*Tablas*/
.container.receta .table{
	max-width: 100%;
	margin-bottom: 20px;
	border: 1px solid #eee;
	border-collapse: collapse;
}

.container.receta .table > thead {
	color: #fff;
	background-color: #50a52b;
}