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

/*RESETS*/
/*--------------------------------------------------------*/
.nav { display: none;}
.mod100, .gr100 { margin: 0; width: 100%;}
.mod50, .gr50 {	margin-right: 0; width: 50%; display: inline-block;}
.mod33, .gr33 {	margin-right: 0; width: 33.33%;	display: inline-block;}
.mod25, .gr25 {	margin-right: 0; width: 25%;}
.mod66, .gr66 {	margin-right: 0; width: 66%;}
/*IE8*/
.msie body { min-width: 1000px;	width: 100%;}
/*--------------------------------------------------------*/

/*GENERALES*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0 none; font: inherit; margin: 0; padding: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
/*nuevas fuentes rebrand 2015*/
@font-face {
             font-family: 'HelvNeue75';
             	src: url('/bibliotecatelco/static/css/fonts/HelvNeue75.eot?2384586');
                src: url('/bibliotecatelco/static/css/fonts/HelvNeue75.eot?2384586#iefix') format('embedded-opentype'),
                     url('/bibliotecatelco/static/css/fonts/HelvNeue75.woff?2384586') format('woff'),
                     url('/bibliotecatelco/static/css/fonts/HelvNeue75.ttf?2384586') format('truetype'),
                     url('/bibliotecatelco/static/css/fonts/HelvNeue75.svg?2384586#shapes_prueba') format('svg');
                     font-weight: normal;
                     font-style: normal;
}

@font-face{
             font-family: 'HelvNeue55';
              src: url('/bibliotecatelco/static/css/fonts/HelvNeue55.eot') format('eot');
              src: url('/bibliotecatelco/static/css/fonts/HelvNeue55.eot?#iefix') format('eot'),
                   url('/bibliotecatelco/static/css/fonts/HelvNeue55.woff') format('woff'),
                   url('/bibliotecatelco/static/css/fonts/HelvNeue55.ttf') format('truetype'), 
                   url('/bibliotecatelco/static/css/fonts/HelvNeue55.svg') format(svg);
}
@font-face {
             font-family: 'shape';
             	src: url('/bibliotecatelco/static/css/fonts/shape.eot?2384586');
                src: url('/bibliotecatelco/static/css/fonts/shape.eot?2384586#iefix') format('embedded-opentype'),
                     url('/bibliotecatelco/static/css/fonts/shape.woff?2384586') format('woff'),
                     url('/bibliotecatelco/static/css/fonts/shape.ttf?2384586') format('truetype'),
                     url('/bibliotecatelco/static/css/fonts/shape.svg?2384586#shapes_prueba') format('svg');
                     font-weight: normal;
                     font-style: normal;
}

body, html {
    font-size: 62.5%;
    font-weight: normal;
}
body {
    font-size: 101%;
    font-weight: normal;
}
html > body {
    font-size: 100%;
    font-weight: normal;
}
:first-child + html body {
    font-size: 101%;
    font-weight: normal;
}
body {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}
html, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
table, td, th {
    vertical-align: middle;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a img {
    border: medium none;
}
ul {
    list-style-type: none;
}
li a {
    list-style-type: none;
}
div {
    display: inherit;
}
form {
    float: none;
    margin: 0;
    padding: 0;
}
form fieldset {
    float: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.row {
    float: left;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}
.mod100 {
    display: inline;
    float: left;
    padding: 0;
    width: 100%;
}
.mod50 {
    display: inline;
    float: left;
    padding: 0;
    width: 50%;
}
.mod33 {
    display: inline;
    float: left;
    margin-right: .3%;
    padding: 0;
    width: 33%;
}
.mod25 {
    display: inline;
    float: left;
    padding: 0;
    width: 25%;
}
.mod66 {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    width: 66%;
}
.last {
    margin-left: 0;
    margin-right: 0;
}
img.right {
    float: right;
}
img.left {
    float: left;
}
img.bottom {
    display: block;
    float: none;
    margin: 0 auto;
}
.naranja {
    color: #ff7900;
}
.negro {
    color: #000;
}
.gris_claro {
    color: #ccc;
}
.gris {
    color: #333;
}
.blanco {
    color: #fff;
}
.negrita {
    font-weight: bold;
}

.texto_nota { font-size:0.8em}

.precio {
    float: left;
    font-size: 1.6em;
    position: relative;
    text-align: left;
    width: 250px;
}
.precio p {
    float: left;
    margin-bottom: 5px;
}
.precio .des {
    font-size: 1em;
    line-height: 2.5em;
}
.precio .num {
    font-size: 5em;
}
.precio .mes {
    font-size: 0.4em;
}
.precio .iva {
    font-size: 0.3em;
}
.precio .plazos {
    clear: both;
}
.precio .inicial {
    clear: both;
}
.precio .final {
    clear: both;
    font-size: 0.8em;
}
.precio .tacha {
    text-decoration: line-through;
}
.salto { display:block}
/* FIN GENERALES */


/* para ver el formulario de segmentacion en el preview del girobox	*/
.formSegmentacion form fieldset.formulario legend { height: 60px;}

/* ESTRUCTURA HOME */
#home { width:100%; }
#home .oculto { display: none;}
#home .row {zoom:1}

/* TAMAÑOS DE HEROBOX */
#hero_pest{float:left;margin:0 auto;position:relative;height:690px}
#hero_pest, #hero_pest .herobox, #hero_pest .modhero, #hero_pest .cnt_pestanas { width: 100%; max-width: 1920px; padding-bottom: 33px;}
#hero_pest .contenedor_pestanas{float:left;padding:0;width:7890px}

/* go top original */
.goTop{text-align:center}
.goTop button{width:50px;height:50px;background:#000;background:rgba(0,0,0,0.2);border-radius:50px;border:0;color:#fff;font-size:34px;cursor:pointer}
.goTop button:hover{background:#000;color:#fff}

/* fondo blanco toda pagina */
.orbg, .orbg.empresas { background-image:none;background-color:#FFF}

#hero_pest .next, #hero_pest .prev { display:none !important}/* oculto pestañas */
#hero_pest .cnt_hero {background: none; float: left; height: 690px; margin: auto; overflow: hidden; position: relative; width: 100%;  border-radius: 0; overflow: hidden; box-shadow: none;}
#hero_pest .herobox { float: left; height: 690px; width: 100%;}
#hero_pest .modhero { height: 650px; background-size: 100% 100%!important; position: relative;}
#hero_pest .cnt_pestanas { bottom: -33px; left: 0; position: absolute; text-align: center; z-index: 4; }
#hero_pest .pestanas { float:left; display: inline-block; background-color: #000; list-style: outside none none; margin: 0; padding:0; overflow: visible; text-align: center; width: 100%; height:55px}
#hero_pest .pestanas li { background: none; border-radius:none; box-shadow:none; margin:0; float:left; width:33.33%;  border-top: 3px solid #ddd; position:relative}
#hero_pest .pestanas li.activo { color: red; border-top: 3px solid #ff7900}
#hero_pest .pestanas li.activo:before { content: ""; color: #ff7900; position: absolute; top:-15px; left: 50%; width:0;height:0;border:20px solid transparent; border-bottom:15px solid #ff7900; border-top:0;display: inline-block}
#hero_pest .pestanas li a { float:left; display:inline; width:100%; padding:15px 0; text-align: center; text-decoration: none; font-family:1.8em; color:#aaa; font-size: 1.8em; overflow: hidden; z-index: 8; margin-top:0 !important}
#hero_pest .pestanas li:hover:before { content: ""; color: #ff7900; position: absolute; top:-15px; left: 50%; width:0;height:0;border:20px solid transparent;border-bottom:15px solid #ff7900; border-top:0;display: inline-block}
#hero_pest .pestanas li:hover {border-top: 3px solid #ff7900; }
#hero_pest .pestanas li.activo a { color:#fff}
#hero_pest .pestanas li a:hover { color:#fff }

/* ROW GIRO */
.row_carrousel .shape { position:absolute; margin:0 ; padding:0; float:left; width:350px; height:350px; top:60px; left:10% }
.row_carrousel .shape:before { font-size: 350px;}
.row_carrousel .shape a { display: table-cell; vertical-align: middle; text-align: center; padding:0 20%; position:relative; text-decoration:none}
.row_carrousel .shape span { display: table-cell; vertical-align: middle; text-align: center; padding:0 20%; position:relative; text-decoration:none; font-size:26px; line-height:1.2em;}
.oldie .row_carrousel .shape span  { padding:0 70px; width:210px}
.row_carrousel .shape a span {transition: color 0.5s ease-in-out;}
.row_carrousel .shape a:hover span, .row.row_texto100.giro .shape a:focus span {color: #ff7900;}
#hero_pest .modhero .mod.mod100 { min-height:690px;}

/* textos herobox */ 
#hero_pest .modhero .mod.mod100 .titulonivel2 {  top: 440px;}
#hero_pest .modhero .mod.mod100 p { top: 490px;}
#hero_pest .modhero .mod.mod100 .related .lista.botones { top:560px}
#hero_pest .modhero .mod.mod100 .related .lista.icons { bottom:30px}
/*****************************/

/*textos*/
#hero_pest .modhero .titulonivel2,#hero_pest .modhero p {padding-right: 10%;padding-left: 10%;	width: 80%;	text-align: left;	position: absolute;	left: 0;}
#hero_pest .modhero .titulonivel2 {font-size: 2.4em; top: 58px;}
#hero_pest .modhero p {font-size: 1.8em; line-height:1.2em; top: 90px;}
/*listado botones*/
#hero_pest .modhero .related .lista.botones { padding-right: 10%;padding-left: 10%;width: 80%;position: absolute;top: 169px;left: 0;}
#hero_pest .modhero .related .lista.botones li {float: left;}
#hero_pest .modhero .related .lista.botones li:first-child {margin-right: 1%;}
/*listado iconos*/
#hero_pest .modhero .related .lista.icons,
#hero_pest .modhero .related .lista.guion { width:auto; position:absolute; bottom:15px; right:10%; display:table; overflow:hidden; height:auto; border-collapse:separate; border-spacing:10px;}
#hero_pest .modhero .related .lista.icons li,
#hero_pest .modhero .related .lista.guion li { width: auto; display: table-cell;}
#hero_pest .modhero .related .lista.icons li.last,
#hero_pest .modhero .related .lista.guion li.last  {margin-right: 0;}
#hero_pest .modhero .related .lista.guion li {position: relative;	padding-right: 35px;}
#hero_pest .modhero .related .lista.guion .last {padding-right: 0;}
#hero_pest .modhero .related .lista.guion li:before {	content: "+";font-size: 5em;font-weight: 800;text-align: right;	display: block;	position: absolute;	top: 50%;right: 105%;}
#hero_pest .modhero .related .lista.guion li.first:before {content: "";}
#hero_pest .modhero .related .lista.guion li.last:before {content: "=";right: 105%;}
/*imagen de fondo*/
#hero_pest .modhero .img { width: 100%; max-width: 1920px; }
/****************************************************************/

/*frames*/
.shapeCare:before { content: '\e800'; } /* '' */
.shapeFamily:before { content: '\e801'; } /* '' */
.shapeFun:before { content: '\e802'; } /* '' */
.shapeHome:before { content: '\e803'; } /* '' */
.shapeMoney:before { content: '\e804'; } /* '' */
.shapeMove:before { content: '\e805'; } /* '' */
.shapeTariff:before { content: '\e806'; } /* '' */
.shapeTech:before { content: '\e807'; } /* '' */
.shapeWellbeing:before { content: '\e808'; } /* '' */
.shapeWork:before { content: '\e809'; } /* '' */
/*popouts*/
.shapeCarePopout:before { content: '\e80a'; } /* '' */
.shapefamilyPopout:before { content: '\e80b'; } /* '' */
.shapeFunPopout:before { content: '\e80c'; } /* '' */
.shapeHomePopout:before { content: '\e80d'; } /* '' */
.shapeMoneyPopout:before { content: '\e80e'; } /* '' */
.shapeMovePopout:before { content: '\e80f'; } /* '' */
.shapeTariffPopout:before { content: '\e810'; } /* '' */
.shapeTechPopout:before { content: '\e811'; } /* '' */
.shapeWellbeingPopout:before { content: '\e812'; } /* '' */
.shapeWorkPopout:before { content: '\e813'; } /* '' */

/*estilos generales para las shape (siempre deben ir)*/
.shape {
	font-family:'HelvNeue75', Arial , sans-serif;
	color: #000;
	text-align: left;
	float: left;
	position: relative;
	font-size:1em;
	display: table;
} /* QUITAR DESPUES ARIAL Y SANS */
.shape span {
 	display: table-cell;
	vertical-align: middle; 
	text-align: center;
	padding:0 20%;
	position:relative;
}
.shape:before {
	font-family: "shape";
	font-style: normal;
	font-weight: normal;
	position:absolute;
	top:0px;
	left:0;
	color:#ff7900;
	line-height: 1em;
}
.msie .shape:before {
	line-height: auto;
}

.oH_ie8 .shape:before, 
.oH_ie9 .shape:before, 
.oH_ie10 .shape:before, 
.oH_ie11 .shape:before {line-height: auto;}


/*modulo un mundo de posilibidades*/
.row_shapes { padding-bottom: 4%; }
.row.row_shapes .mod.mod100 .titulonivel1 { padding-top:3%}

.row_shapes .modshape li{
	margin:0 3%;
	display: inline-block;
	position: relative;
}
.row_shapes .modshape li a{
	display:table;
	width:150px;
	height:150px;
	position:relative;
	text-decoration:none;
	color:#000;
}
.row_shapes .modshape li a span{
	display: table-cell;
	vertical-align: middle; 
	text-align: center;
	padding:0 20%;
	position:relative;
	text-decoration:none;
	color:#000;
	font-size:18px;
	font-family: 'HelvNeue75', Arial , sans-serif;
}
.oldie .row_shapes .modshape li a span { width:90px; padding:0 30px}

.row_shapes .modshape li a span.shape {
	float:none;
}
.row_shapes .modshape li a span.shape.negrita { font-weight:normal}
.row_shapes .modshape li a span.shape:before {
	font-size:150px;
}
.row_shapes .modshape li a:hover span {
	color:#ff7900;
}
.row_shapes .modshape li a:hover span.shapeCare:before{ content: '\e80a'; } /* 'î Š' */
.row_shapes .modshape li a:hover span.shapeFun:before { content: '\e80c'; } /* 'î Œ' */
.row_shapes .modshape li a:hover span.shapeHome:before { content: '\e80d'; } /* 'î ' */
.row_shapes .modshape li a:hover span.shapeTech:before { content: '\e811'; } /* 'î ‘' */
.row_shapes .modshape li a:hover span.shapeWork:before { content: '\e813'; } /* 'î “' */
/****FIN SHAPES****/
/*--------------------------------------------------------*/

/*estructura general*/
{
	font-family: 'HelvNeue55', Arial , sans-serif;
	font-size: 1em;
	line-height: 1em;
}
.content {
	margin-right: auto;
	margin-left: auto;
	max-width: 1920px;
	width: 100%;
}

{ width: 100%;float: left;	}

.mod { position: relative;}

/*----------------*/
/*botones*/

.related {
	width: 100%;
	overflow: hidden;
	height: 100%;}

.lista.botones {
	overflow: hidden;
	height: auto; }
	
.lista.botones a {
	font-family: 'HelvNeue75', Arial , sans-serif;
	font-size: 2em;
	color: #FFF;
	display: block;}
	
.lista.botones a:hover,
.lista.botones a:focus {
	text-decoration: none;
}
.lista.botones a span {
	display: block;
}
/*----------------*/
/*texts*/
p,
a,
ul,
ul li {
	color: #000;
	line-height: 1em;
}
.row .titulonivel1, .row .titulonivel2, .row .titulonivel3 {
	font-family: 'HelvNeue75', Arial , sans-serif;
	/*color: #000;*/
	line-height: 1em;
}
p, ul {
	font-family: 'HelvNeue75', Arial , sans-serif;
}
/*----------------*/
/*colores*/
.blanco {
	color: #FFF;
}
.negro {
	color: #000;
}
.naranja {
	color: #ff7900;
}
/*----------------*/
/*hovers / focus*/
.row_cajas .mod {
	-webkit-transition: color 0.5s ease-in-out, opacity 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out, opacity 0.5s ease-in-out;
	-ms-transition:color 0.5s ease-in-out, opacity 0.5s ease-in-out;
	-o-transition: color 0.5s ease-in-out, opacity 0.5s ease-in-out;
	transition: color 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.row_cajas .mod p, .row_cajas .mod ul {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.6s linear;
	-moz-transition: opacity 0.6s linear;
	-ms-transition: opacity 0.6s linear;
	-o-transition: opacity 0.6s linear;
	transition: opacity 0.6s linear;
}
.row_cajas .mod ul li a { font-size:0.8em; color:#ff7900; text-decoration:none}
.row_cajas .mod .img {
	-webkit-transition: opacity 0.6s linear;
	-moz-transition: opacity 0.6s linear;
	-ms-transition: opacity 0.6s linear;
	-o-transition: opacity 0.6s linear;
	transition: opacity 0.6s linear;
}
.content_hover {
	padding-top: 100px;
	padding-right: 35px;
	padding-bottom: 0;
	padding-left: 35px;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: block;
	/*ocultar*//*display: none;*/
}
.content_hover p,
.content_hover h2,
.content_hover h3,
.content_hover h4,
.content_hover h5,
.content_hover h6,
.content_hover ul li,
.content_hover .lista.botones,
 .row_cajas .text-slide .content_hover p,
 .row_cajas .mod .content_hover p,
 .row_cajas .mod.mod33 .content_hover p,
 .row_cajas .text-slide .content_hover .lista.botones,
 .row_cajas .mod .content_hover .lista.botones {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font-family: 'Arial', Helvetica, Verdana;
	color: #FFF;
	position: relative;
	top: auto;
	left: auto;
	display: block;
	-webkit-transition: opacity 0.6s linear;
}
.content_hover p,
 .row_cajas .text-slide .content_hover p,
 .row_cajas .mod .content_hover p,
 .row_cajas .mod.mod33 .content_hover p {
	font-size: 0.8em;
}
.content_hover .related,
 .row_cajas .text-slide .content_hover .related {
	margin-top: 20px;
	display: block;
}
.content_hover .lista.botones li,
 .row_cajas .text-slide .content_hover .lista.botones li {
	width: 48%;
}
.content_hover .lista.botones .first,
 .row_cajas .text-slide .content_hover .lista.botones .first {
	float: left;
}
.content_hover .lista.botones .last,
 .row_cajas .text-slide .content_hover .lista.botones .last {
	float: right;
}
/*hovers*/
.row_cajas .mod:hover,
.row_cajas .mod:focus {
	background-color: #000;
}
.row_cajas .mod:hover .img,
.row_cajas .mod:focus .img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	opacity: 0.2;
}
.row_cajas .mod:hover .titulonivel2,
.row_cajas .mod:hover .titulonivel2 .blanco,
.row_cajas .mod:focus .titulonivel2,
.row_cajas .mod:focus .titulonivel2 .blanco,
.row_cajas .mod:hover .titulonivel2,
.row_cajas .mod:hover .titulonivel2 .negro,
.row_cajas .mod:focus .titulonivel2,
.row_cajas .mod:focus .titulonivel2 .negro  {
	color: #ff7900;
}
.row_cajas .mod:hover p, .row_cajas .mod:focus p, .row_cajas .mod:hover ul, .row_cajas .mod:focus ul {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	color: #FFF;
}

/*--------------------------------------------------------*/
/*MODULOS*/

/*ROW_TEXTO100*/
/*estructura*/
.row.row_texto100 { min-height: 200px;}
.row.row_texto100 .mod.mod100 {	position: relative;}

/*textos*/
.row.row_texto100 .mod.mod100 .titulonivel2,
.row.row_texto100 .mod.mod100 p {
	padding-right: 10%;
	padding-left: 10%;
	width: 80%;
	text-align: left;
	position: absolute;
	left: 0;
}
.row.row_texto100 .mod.mod100 .titulonivel2 {
	font-size: 2.4em;
	top: 58px;
}
.row.row_texto100 .mod.mod100 p {
	font-size: 1.9em;
	top: 90px;
}
/*listado botones*/
.row.row_texto100 .mod.mod100 .related .lista.botones {
	padding-right: 10%;
	padding-left: 10%;
	width: 80%;
	position: absolute;
	top: 169px;
	left: 0;
}
.row.row_texto100 .mod.mod100 .related .lista.botones li { float: left;}
.row.row_texto100 .mod.mod100 .related .lista.botones li:first-child { margin-right: 1%;}

/*listado iconos*/
.row.row_texto100 .mod.mod100 .related .lista.icons,
.row.row_texto100 .mod.mod100 .related .lista.guion {
	width: auto;
	position: absolute;
	bottom: 15px;
	right: 10%;
	display: table;
	overflow: hidden;
	height: auto;
	border-collapse: separate;
	border-spacing: 10px;
}
.row.row_texto100 .mod.mod100 .related .lista.icons li,
.row.row_texto100 .mod.mod100 .related .lista.guion li {
	width: auto;
	display: table-cell;
}
.row.row_texto100 .mod.mod100 .related .lista.icons li.last,
.row.row_texto100 .mod.mod100 .related .lista.guion li.last  {
	margin-right: 0;
}
.row.row_texto100 .mod.mod100 .related .lista.guion li {
	position: relative;
	padding-right: 35px;
}
.row.row_texto100 .mod.mod100 .related .lista.guion .last {	padding-right: 0;}
.row.row_texto100 .mod.mod100 .related .lista.guion li:before {
	content: "+";
	font-size: 5em;
	font-weight: 800;
	text-align: right;
	display: block;
	position: absolute;
	top: 50%;
	right: 105%;
}
.row.row_texto100 .mod.mod100 .related .lista.guion li.first:before { content: "";}
.row.row_texto100 .mod.mod100 .related .lista.guion li.last:before {
	content: "=";
	right: 105%;
}
/*imagen de fondo*/
.row.row_texto100 .img {
	width: 100%;
	max-width: 1920px;
}
/*----------------*/
/*ROW_CARROUSEL_2*/
/*estructura*/
.row.row_carrousel_2 { min-height: 200px; margin-bottom:0 !important}
.row.row_carrousel_2 .gr50.first { background-color:#efefef; float:left}
.row.row_carrousel_2 .mod.mod100 { position: relative;}

/*textos*/
.row.row_carrousel_2 .mod.mod100 .titulonivel2,
.row.row_carrousel_2 .mod.mod100 p {
	text-align: left;
}
.row.row_carrousel_2 .titulonivel2 { font-size: 2.4em; }

/*texto modulo moviles*/
.row.row_carrousel_2 .mod.mod100 .titulonivel1 { padding:4% 2% 6% 4%; width:94%; padding-top:5%}
.row.row_carrousel_2 .gr.gr50 .titulonivel2 {
	padding-top: 28px;
	padding-right: 4%;
	padding-bottom: 0;
	padding-left: 4%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	width: 92%;
	position: relative;
	top: auto;
	left: auto;
}
/*textos modulo cajas*/
.row.row_carrousel_2 .gr.gr50.last .titulonivel2 { top: 28px;}

/*enlace mod*/
.row.row_carrousel_2 .link_mod {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: 1px;
    top: 0;
    width: 100%;
}
.row.row_carrousel_2 .link_mod span {
	display: none;
}
/*imagen de fondo*/
.row.row_carrousel_2 .img {
	width: 100%;
	max-width: 1920px;
}
/*heroboxmoviles*/
.row.row_carrousel_2 .dispositivos { display: block; padding-left: 5%; padding-right: 5%; width: 90%;}
.row.row_carrousel_2 .herocontent { padding-bottom: 25px; overflow: hidden;	height: auto; position: relative;}

.row.row_carrousel_2 .herocontent .rslides {
	padding-bottom: 30px;
	overflow: hidden;
	height: auto;
}
/*text-slides*/
.row.row_carrousel_2 .herocontent .text-slide {
	width: 100%;
	overflow: hidden;
	height: auto;
	display: block;
}
.row.row_carrousel_2 .herocontent .text-slide .img {
	margin-right: 5%;
	margin-bottom: 90px;
	width: 80px;
	height: auto;
	float: left;
	overflow: hidden;
	height: auto;
}
.row.row_carrousel_2 .herocontent .rslides .text_img .slide {
	width: 50%;
	float: left;
}
.row.row_carrousel_2 .gr.gr50 .herocontent .text-slide .titular,
.row.row_carrousel_2 .gr.gr50 .herocontent .text-slide p {
	padding-right: 0;
	padding-left: 0;
	position: relative;
	width: 62%;
	float: left;
	top: auto;
	left: auto;
}
.row.row_carrousel_2 .gr.gr50 .herocontent .text-slide .titular {
	min-height: 75px;
	font-family: 'HelvNeue75', Arial , sans-serif;
	font-size: 2em;
	line-height: 1.1em;
	text-align: left;
}
.row.row_carrousel_2 .gr.gr50 .herocontent .text-slide p {
}
.row.row_carrousel_2 .gr.gr50 .herocontent .text-slide .num {
	/*margin-bottom: 10px;*/
	font-size: 2.8em;
}
.row.row_carrousel_2 .gr.gr50 .herocontent .text-slide .num .iva {
	font-size: 0.6em;
	display: block;
}
.row.row_carrousel_2 .gr.gr50 .herocontent .text-slide .plazos,
.row.row_carrousel_2 .gr.gr50 .herocontent .text-slide .des {
	font-family: 'HelvNeue55', Arial , sans-serif;
	font-size: 1.7em;
	line-height: 1.3em;
	font-weight: 200;
}
.row.row_carrousel_2 .herocontent .text-slide .content_hover {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	position: relative;
	top: auto;
	left: auto;
	display: block;
	clear: both;
}
.row.row_carrousel_2 .herocontent .text-slide .content_hover .related {
	margin-top: 20px;
}
.row.row_carrousel_2 .herocontent .text-slide .content_hover .lista.botones {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 100%;
	height: auto;
	position: relative;
	top: auto;
	left: auto;
	overflow: hidden;
}
.row.row_carrousel_2 .herocontent .text-slide .content_hover .lista.botones li {
	width: auto;
}
.row.row_carrousel_2 .herocontent .text-slide .content_hover .lista.botones li:first-child {
	margin-right: 0;
}
/*nav arrows*/
.row.row_carrousel_2 .herocontent .rslides_nav {
	width: 22px;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    text-indent: -6000px;
    top: 0;
    transition: opacity 0.5s ease 0s;
    z-index: 100;
	display: block;
	background-image: url("../img/icons/sprite_flechasherobox.png");
	background-repeat: no-repeat;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
.row.row_carrousel_2 .herocontent .rslides_nav:hover,
.row.row_carrousel_2 .herocontent .rslides_nav:focus {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.row.row_carrousel_2 .herocontent .rslides_nav.prev {
	background-position: 0 50%;
    left: 1%;
}
.row.row_carrousel_2 .herocontent .rslides_nav.next {
	right: 1%;
	background-position: -50px 50%;
}
/*nav tabs*/
.row.row_carrousel_2 .herocontent .rslides_tabs {
 	margin: 0 auto;
	width: auto;
	height: 10px;
    display: block;
	bottom: 0;
    left: 0;
    position: relative;
    text-align: center;
    z-index: 9;
}
.row.row_carrousel_2 .herocontent .rslides_tabs li {
	margin-right: 2%;
    width: auto;
    display: inline;
}
.row.row_carrousel_2 .herocontent .rslides_tabs li a {
 	background: none repeat scroll 0 0 #999;
    border-radius: 10px;
    display: inline-block;
    height: 10px;
    overflow: hidden;
    text-indent: -9999px;
    width: 10px;
}
.row.row_carrousel_2 .herocontent .rslides_tabs .rslides_here a {
	background: none repeat scroll 0 0 #ff7900;
}
/*----------------*/

/* ROW GENERALES */
.row .mod.mod100 .titulonivel1 { font-size: 2.8em; text-align:left; margin:0; padding: 2%; width: 96%; color:#000;}
.row.row_cajas .mod.mod100 .titulonivel1 { background-color:#000000; color:#fff;}

/* hovers */
.row_cajas .gr100 .mod:hover, .row_cajas .gr100 .mod:focus { background-color: transparent;}

/* ROW GIRO */
.row.row_texto100.giro .shape { position:absolute; margin:0 ; padding:0; float:left; width:300px; height:300px; top:60px; left:10% }
.row.row_texto100.giro .shape:before { font-size: 300px;}
.row.row_texto100.giro .shape a { display: table-cell; vertical-align: middle; text-align: center; padding:0 20%; position:relative; text-decoration:none}
.row.row_texto100.giro .shape span { font-size:28px; line-height:1.2em; padding:0}
.row.row_texto100.giro .shape a span {transition: color 0.5s ease-in-out;}
.row.row_texto100.giro .shape a:hover span, .row.row_texto100.giro .shape a:focus span {color: #ff7900;}

.row.row_texto100.giro .mod.mod100 { min-height:600px;}
.row.row_texto100.giro .mod.mod100 .titulonivel2 {  top: 400px;}
.row.row_texto100.giro .mod.mod100 p {  top: 450px;}

.row.row_texto100.giro .mod.mod100 .related .lista.botones { top:520px}
.row.row_texto100.giro .mod.mod100 .related .lista.icons { bottom:20px}

/** ROW AYUDA **/

.row.row_ayuda { padding:3% 0; background:#4bb4e6}
.row.row_ayuda .mod100{display: block; float: none; margin: 0 auto; width: 90%; max-width: 1300px; padding: 0 5%;}
.row.row_ayuda .shape { position:relative; /*margin:0 0 0 18%;*/ padding:0; float:left; width:225px; height:225px }
.row.row_ayuda .shape:before { font-size: 225px;}
.row.row_ayuda .shape a { display: table-cell; vertical-align: middle; text-align: center; padding:0 20%; position:relative; text-decoration:none; width:225px; height:225px; font-size:24px; line-height:1.2em;}
.row.row_ayuda .shape span { display:inherit; padding:0; }
.oldie .row.row_ayuda .shape a { padding:0 45px; width:135px}

.row.row_ayuda .shape a span {transition: color 0.5s ease-in-out;}
.row.row_ayuda .shape a:hover span, .row.row_ayuda .shape a:focus span {color: #000;}

.row.row_ayuda .mod.mod100 .titulonivel1 span { position:absolute; top:0; left:18%; width:70%; margin-top:30%; }
.row.row_ayuda .mod.mod100 .titulonivel1 img { float:left; display:inline; margin:0; padding:0}
.row.row_ayuda .mod.mod100 .related { width:80%; height:auto;} 

.row.row_ayuda .lista.icons { margin-top: 0px; margin-right: auto; margin-bottom: 20px; margin-left: auto; width: auto; max-width: 1200px; padding-left:0px;}
.row.row_ayuda .lista.icons li { margin:1.5% 0 1.5% 8%; font-family: 'HelvNeue75', Arial , sans-serif; font-size: 1.86em; line-height: 1.4em; display: inline-block; float:left; text-align:center; width:16%}
/*IE*/
/*.msie .row_ayuda.row .shape {margin: 0 0 0 7%}
.msie .row_ayuda.row .icons.lista li {width: 12%; margin: 1.5% 2%}
.oH_ie8 .row_ayuda.row .shape,
.oH_ie9 .row_ayuda.row .shape,
.oH_ie10 .row_ayuda.row .shape,
.oH_ie11 .row_ayuda.row .shape {margin: 0 0 0 18%}
.oH_ie8 .row_ayuda.row .icons.lista li,
.oH_ie9 .row_ayuda.row .icons.lista li,
.oH_ie10 .row_ayuda.row .icons.lista li,
.oH_ie11 .row_ayuda.row .icons.lista li {width: 12%; margin: 1.5% 3%}*/
/**/

.row.row_ayuda .lista.icons li.last  { margin-right: 0;	display: inline-block; clear: none; }
.row.row_ayuda .lista.icons li .img { margin-top: 0; display: inline-block; float: none; margin-bottom:8%; text-align:center; width:100%; max-width:130px;}
.oldie .row.row_ayuda .lista.icons li .img { width:100%; max-width:130px; max-height:130px;}
.row.row_ayuda .lista.icons li a {	display: block;	position: relative; }
.row.row_ayuda .lista.icons li a span {
  -webkit-transition: color 0.5s ease-in-out;
  -moz-transition: color 0.5s ease-in-out;
  -ms-transition: color 0.5s ease-in-out;
  -o-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;}
  
.row.row_ayuda .lista.icons li a:hover span, .row.row_ayuda .lista.icons li a:focus span { color: #000;}
.row.row_ayuda .lista.icons li a:hover, .row.row_ayuda .lista.icons li a:focus { text-decoration:none; }


/*ROW_PROMOS, row_promos_2*/
/*estructura*/
.row.row_promos .mod.mod50,
.row.row_promos_2 .mod.mod50 { padding-top: 56px;}

/*texts*/
.row.row_promos .titulonivel2, .row.row_promos p, .row.row_promos_2 .titulonivel2, .row.row_promos_2 p { text-align: left;}
.row.row_promos .titulonivel3, .row.row_promos_2 .titulonivel3 { text-align: left; margin-bottom: 1em; font-size: 2em;}/*divido 2 modulos*/

.row.row_promos .titulonivel2, .row.row_promos_2 .titulonivel2 { margin-bottom: 1em; font-size: 2.8em;}
.row.row_promos p, .row.row_promos_2 p { font-size: 2.1em; line-height: 1.1em; }


/*links*/
.row.row_promos .botones, .row.row_promos_2 .botones { margin-top: 20px;}
.row.row_promos .botones li, .row.row_promos_2 .botones li { float: left;}
.row.row_promos .botones li:first-child, .row.row_promos_2 .botones li:first-child {margin-right: 1%;}
/*imagen de fondo*/
.row.row_promos .img,
.row.row_promos_2 .img { margin-top: 0;}
/*mod row_promo*/
.row.row_promos_2 .img { max-width: 960px; width: 100%;}

/*mod promo listado de caracteristicas*/
/*estructura*/
.row.row_promos .mod.mod100 { padding-top: 30px; padding-bottom: 30px;}/*quitados impor*/
.row.row_promos .mod.mod100.background { background: url("/static/img/2015/img_back_rowpromo_home.png") left bottom no-repeat; background-size:auto; min-height:360px}
.row.row_promos .mod.mod100.background .promolista1 { max-width:1000px; padding-left:200px}
/*divido 2 modulos*/
.row.row_promos .mod.mod33, .row.row_promos .mod.mod66 { padding-top: 30px; padding-bottom: 0px;}/*2m*/

/*textos*/
.row.row_promos .mod.mod100 .titulonivel2,
.row.row_promos .mod.mod100 p  { padding-right: 2%;	padding-bottom: 0; padding-left: 2%; width: 96%;}
.row.row_promos .mod.mod100 .titulonivel2 {	margin-bottom: 0.3em; /*padding-top:3%;*/padding-top: 10px; position:relative}

/*divido 2 modulos*/
.row.row_promos .mod.mod33 .titulonivel2, .row.row_promos .mod.mod33 .titulonivel3, .row.row_promos .mod.mod33 p, 
.row.row_promos .mod.mod66 .titulonivel2, .row.row_promos .mod.mod66 .titulonivel3, .row.row_promos .mod.mod66 p { padding-right: 2%;	padding-bottom: 0; padding-left: 2%; width: 96%;}
.row.row_promos .mod.mod33 .titulonivel2, .row.row_promos .mod.mod66 .titulonivel2 {margin-bottom: 0.3em; padding-top:35px; position:relative}
.row.row_promos .mod.mod33 .titulonivel3, .row.row_promos .mod.mod66 .titulonivel3 {margin-bottom: 0.3em; padding-top:0; padding-bottom: 1%; position:relative}

.row.row_promos .mod.mod33 .img { float:right; margin:0; padding:0; width:auto;  }

/*botones y texto para último elemento de listado de caracteristicas tipo 1*/
.row.row_promos .mod.mod100 p.vertarifas { position: absolute; top: 85px; right: 0;}
.row.row_promos .mod.mod100 p.vertarifas a { float: right; text-decoration:none}
.row.row_promos .mod.mod100 p.vertarifas a .btn { border-color: #f16e00; color: #f16e00;}
.row.row_promos .mod.mod100 p.vertarifas a:hover .btn { color:#fff}
.row.row_promos .mod.mod100 p.textopromo { padding-left: 63%; padding-right: 2%; padding-bottom: 0; width: 35%;}
.row.row_promos .mod.mod100 p.textopromo a { margin-top: 30px; float: left; text-decoration:none}
.row.row_promos .mod.mod100 p.textopromo a .btn.btn-big.btn-primary { padding:9px 23px; font-size:18px}
.row.row_promos .mod.mod100 p.textopromo .iva { font-size:0.7em}/*2m*/
/*divido 2 modulos*/
.row.row_promos .mod.mod33 p.vertarifas, .row.row_promos .mod.mod66 p.vertarifas { position: absolute; top: 85px; right: 0;}
.row.row_promos .mod.mod33 p.vertarifas a, .row.row_promos .mod.mod66 p.vertarifas a { float: right; text-decoration:none}
.row.row_promos .mod.mod33 p.vertarifas a .btn, .row.row_promos .mod.mod66 p.vertarifas a .btn { border-color: #f16e00; color: #f16e00;}
.row.row_promos .mod.mod33 p.vertarifas a:hover .btn, .row.row_promos .mod.mod66 p.vertarifas a:hover .btn { color:#fff}
.row.row_promos .mod.mod33 p.textopromo, .row.row_promos .mod.mod66 p.textopromo { padding-left: 63%; padding-right: 2%; padding-bottom: 0; width: 35%;}
.row.row_promos .mod.mod33 p.textopromo a, .row.row_promos .mod.mod66 p.textopromo a  { margin-top: 30px; float: left; text-decoration:none}
.row.row_promos .mod.mod33 p.textopromo a .btn.btn-big.btn-primary, .row.row_promos .mod.mod66 p.textopromo a .btn.btn-big.btn-primary  { padding:9px 23px; font-size:18px}
.row.row_promos .mod.mod33 p.textopromo .iva, .row.row_promos .mod.mod66 p.textopromo .iva { font-size:0.7em}
/*2m*/


.row.row_promos .botones { margin-top: 10px; margin-right: auto; margin-bottom: 20px; margin-left: auto; width: auto; max-width: 1200px; float:right;}
.row.row_promos .botones li {	margin-right: 2%; font-family: 'HelvNeue75', Arial , sans-serif; font-size: 1.5em; line-height: 2em; display: inline-block;}
.row.row_promos .botones li.last { margin-right: 0; display: inline-block;	clear: none;}
.row.row_promos .botones li .img { margin-top: 0; display: block; float: none;}
.row.row_promos .botones li.last .img { display: inline-block;}
.row.row_promos .botones li.last .precio_promo { font-size: 2em; float: left;}
.row.row_promos .botones li.last .precio_promo strong {	color: #f16e00;}
/*listado de caracteristicas tipo 1*/
.row.row_promos .promolista1 { margin-top: 10px !important; margin-right: auto !important; margin-bottom: 20px !important; margin-left: auto !important; width: auto; max-width: 1200px;}/*quitar impor*/
.row.row_promos .promolista1 li {	margin-right: 2%; font-family: 'HelvNeue75', Arial , sans-serif; font-size: 1.5em; line-height: 2em; display: inline-block;}
.row.row_promos .promolista1 li.last { margin-right: 0; display: inline-block;	clear: none; text-align:left}
.row.row_promos .promolista1 li .img { margin-top: 0; display: block; float: none;}
.row.row_promos .promolista1 li.last .img { display: inline-block;}
.row.row_promos .promolista1 li.last .precio_promo { font-size: 2em; float: left;}
.row.row_promos .promolista1 li.last .precio_promo strong {	color: #f16e00;}
/*----------------*/

/* ROW_ENLACES (QUIEROS) */
.row.row_enlaces .mod.mod100 .titulonivel2, .row.row_enlaces .mod.mod100 p {padding-bottom: 0; padding-left: 2%;padding-right: 2%;width: 96%;}
.row.row_enlaces .mod.mod100 .titulonivel2 {margin-bottom: 0.3em;padding-top: 3%;position: relative;text-align: left;font-size: 2.8em;}
.row.row_enlaces .mod.mod100 .promolista1 {margin: 20px auto 0;max-width: 1800px;width: 100%;}
.row.row_enlaces .mod.mod100 .promolista1 li {float:left; height: auto; padding: 30px 1%; width:18%;}
.row.row_enlaces .mod.mod100 .promolista1 li .btn {float: left;font-size: 20px;padding: 13px 0; width: 100%;}
/*----------------*/

/* ROW_SHAPES2 CESAR */
/*estilos solo para modulo un mundo de posilibidades con clases en el span*/
.row_shapes2 .modshape li {	margin-right: 2%; display: inline-block; float:left; position: relative;}
.row_shapes2 .modshape li a { display:table;	width:215px; height:215px; position:relative; text-decoration:none;	color:#000;}
.row_shapes2 .modshape li a span { display: table-cell;	vertical-align: middle; text-align: center;	padding:0 20%; position:relative; text-decoration:none;	color:#000;	font-size:20px;}
.row_shapes2 .modshape li a span.shape { float:none;}
.row_shapes2 .modshape li a span.shape:before {	width:215px; height:215px; font-size:215px; z-index:-1;}
.row_shapes2 .modshape li a:hover span { color:#ff7900;}

.row_shapes2 .modshape li a:hover span.shapeCare:before{ content: '\e80a'; } /* '' */
.row_shapes2 .modshape li a:hover span.shapeFun:before { content: '\e80c'; } /* '' */
.row_shapes2 .modshape li a:hover span.shapeHome:before { content: '\e80d'; } /* '' */
.row_shapes2 .modshape li a:hover span.shapeTech:before { content: '\e811'; } /* '' */
.row_shapes2 .modshape li a:hover span.shapeWork:before { content: '\e813'; } /* '' */
/* FIN ROW_SHAPES2 CESAR */

/*----------------*/
/*MOD ROW_CAJAS*/
/*estructura*/
.row_cajas { border-bottom:10px solid #000}
.row_cajas .mod100 { position: relative; float: none; clear: both;	display: block;}
/* enlace para toda la caja*/
.row_cajas .mod .lista.flechas { display: block; height: 100%; padding-left: 0; padding-right: 0; position: absolute; top: 0; width: 100%; }
.row_cajas .mod .lista.flechas a {display: block; height: 100%; left: 0;  position: absolute; top: 0; width: 100%;}
.row_cajas .mod .lista.flechas span {display: none;}
/*texts*/
.row_cajas .titulonivel2, 
.row_cajas p,
.row_cajas ul { padding-right: 4%; padding-left: 4%; width: 92%; text-align: left;}

.row_cajas .gr50 .mod50 .titulonivel2,
.row_cajas .gr50 .mod50 p, 
.row_cajas .gr50 .mod50 ul { padding-right: 8%; padding-left: 8%; width: 84%; }
.row_cajas .gr50 .mod33 .titulonivel2,
.row_cajas .gr50 .mod33 p,
.row_cajas .gr50 .mod33 ul { padding-right: 12%; padding-left: 12%; width: 76%;}
.row_cajas .mod .titulonivel2 { font-size: 2.4em; position: absolute; top: 28px; left: 0;}
.row_cajas .mod p { font-size: 2.1em; color: #FFF;	position: absolute;	top: 88px; left: 0;}
.row_cajas .mod ul { font-size: 2.1em;	color: #FFF; position: absolute; top: 128px; left: 0;}
.row_cajas .mod.mod50 ul {top: 108px;}
.row_cajas .mod .titulonivel2 .negro:hover { color:#ff7900;}
/*imagen de fondo*/
 .row_cajas .img {width: 100%;max-width: 960px;}
/*modulo linkable*/
 .row_cajas .link_mod {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 1px
}
.row_cajas .link_mod span {	display: none;}


/* MOD ROW_TETRIS modulos centrales */
/***** esto va dentro de los reset 
.mod25, .gr25 {	margin-right: 0; width: 25%;}
.mod66, .gr66 {	margin-right: 0; width: 66%;}****/

.row_tetris { background:#ddd;font-family:'HelvNeue75', Arial , sans-serif}

.row_tetris .gr66,
.row_tetris .gr66.first { width:65%; padding:1% 0 1% 1%; float:left; display:inline}
.row_tetris .gr66.last { width:65%; padding:1% 1% 1% 0; }

.row_tetris .gr33,
.row_tetris .gr33.first { width:33%; padding:1% 0 1% 1%; float:left; display:inline}
.row_tetris .gr33.last { width:33%; padding:1%  1% 1% 0; }

.row_tetris .gr100 .mod100 { float:left; display: inline; width:97%; height:auto; padding:0 1%; background-color: transparent; margin:0  }
.row_tetris .gr100 .mod100 h2 { float:left; display: inline; width:100%; height:auto; padding:2% 0 1% 0;}
.row_tetris .gr100 .mod100 h2.izquierda { width:49%; padding:2% 0 1% 0;  }
.row_tetris .gr100 .mod100 h2.derecha { width:51%; padding:2% 0  1% 0; }

.row_tetris .bkazul { background-color:#4bb4e6 }
.row_tetris .bkamarillo { background-color:#ffd200 }
.row_tetris .bkverde { background-color:#50be87}
.row_tetris .bkblanco { background-color:#fff !important}
.row_tetris .bkmorado { background-color:#a885d8 }
.row_tetris .bkgris { background-color:#ccc }
.row_tetris .bknegro { background-color:#000 }
.row_tetris .bknaranja { background-color:#ff7900 }

.row_tetris .mod25.bkazul { background-color:#4bb4e6 !important}
.row_tetris .mod25.bkamarillo { background-color:#ffd200 !important}
.row_tetris .mod25.bkverde { background-color:#50be87 !important; }
.row_tetris .mod25.bkblanco { background-color:#fff !important}
.row_tetris .mod25.bkmorado { background-color:#a885d8 !important}
.row_tetris .mod25.bkgris { background-color:#ccc !important}
.row_tetris .mod25.bknegro { background-color:#000 !important}
.row_tetris .mod25.bknaranja { background-color:#ff7900 !important}

/*.bkazul h3 { background-color:#4bb4e6 !important} 
.bkamarillo h3 { background-color:#ffd200 !important} 
.bkverde h3 { background-color:#50be87 !important}
.bkblanco h3 { background-color:#fff !important}
.bkmorado h3 { background-color:#a885d8 }
.bkgris h3 { background-color:#ccc }
.bknegro h3 { background-color:#000 }
.bknaranja h3 { background-color:#ff7900 }*/

.row_tetris .gr66 .mod50.bkazul h3 { background-color:#4bb4e6 !important}  
.row_tetris .gr66 .mod50.bkamarillo h3 { background-color:#ffd200 !important}  
.row_tetris .gr66 .mod50.bkverde h3 { background-color:#50be87 !important} 
.row_tetris .gr66 .mod50.bkblanco h3 { background-color:#fff !important} 
.row_tetris .gr66 .mod50.bkmorado h3 { background-color:#a885d8 } 
.row_tetris .gr66 .mod50.bkgris h3 { background-color:#ccc } 
.row_tetris .gr66 .mod50.bknegro h3 { background-color:#000 } 
.row_tetris .gr66 .mod50.bknaranja h3 { background-color:#ff7900 }
 
.row_tetris .gr33 .mod100.bkazul h3 { background-color:#4bb4e6 !important}  
.row_tetris .gr33 .mod100.bkamarillo h3 { background-color:#ffd200 !important}  
.row_tetris .gr33 .mod100.bkverde h3 { background-color:#50be87 !important} 
.row_tetris .gr33 .mod100.bkblanco h3 { background-color:#fff !important} 
.row_tetris .gr33 .mod100.bkmorado h3 { background-color:#a885d8  !important} 
.row_tetris .gr33 .mod100.bkgris h3 { background-color:#ccc  !important} 
.row_tetris .gr33 .mod100.bknegro h3 { background-color:#000  !important} 
.row_tetris .gr33 .mod100.bknaranja h3 { background-color:#ff7900 !important }
/**nuevo**/
.row_tetris .gr33 .mod50.bkazul { background-color:#4bb4e6 !important}
.row_tetris .gr33 .mod50.bkamarillo { background-color:#ffd200 !important}
.row_tetris .gr33 .mod50.bkverde { background-color:#50be87 !important; }
.row_tetris .gr33 .mod50.bkblanco { background-color:#fff !important}
.row_tetris .gr33 .mod50.bkmorado { background-color:#a885d8 !important}
.row_tetris .gr33 .mod50.bkgris { background-color:#ccc !important}
.row_tetris .gr33 .mod50.bknegro { background-color:#000 !important}
.row_tetris .gr33 .mod50.bknaranja { background-color:#ff7900 !important}

/*************/
.row_tetris .mod h3 {  font-size:2.8em;}
.row_tetris .mod h4 { font-size:2.4em; }
.row_tetris .mod p { font-size:2em }
/*************/

.row_tetris .btn.btn-big { float:left; font-size:1.8em}
.row_tetris .mod25 { float:left; display:inline; text-align:left; width:24%; margin:0 1% 1% 0; position:relative; height:300px}
.row_tetris .mod25 h3 { float:left; display:inline; width:92%; padding:100px 4% 4% 4%; margin-right:2%; height:auto}

.row_tetris .gr33 .mod50 { margin:0 2% 2% 0; width:48%}
.row_tetris .gr33 .mod50.vertical { height:610px}
.row_tetris .gr33 .mod50 h4 { width:96% }

.row_tetris h3 .top { float:left; margin-top:-50px }
.row_tetris h3 .bottom { float:left; margin-top:120px}

.row_tetris .titulonivel1 { font-size:1.2em}
.row_tetris .titulonivel2 { font-size:1em}
.row_tetris .titulonivel3 { font-size:0.85em}
.row_tetris .titulonivel4 { font-size:0.7em}
.row_tetris .titulonivel5 { font-size:1.4em}
.row_tetris .naranja { color:#f60}

/* piquitos de colores */
.row_tetris .mod50 h3:before { position:absolute; top:50%; left:49%; content: " "; display: block; width: 0; height: 0;  border: 10px solid transparent;}
.row_tetris .mod100 h3:before { position:absolute; top:50%; left:49%; content: " "; display: block; width: 0; height: 0;  border: 10px solid transparent;}
.row_tetris .bkazul h3:before { border-left-color:#4bb4e6; }
.row_tetris .bkamarillo h3:before { border-left-color:#ffd200;}
.row_tetris .bkverde h3:before { border-left-color:#50be87;}
.row_tetris .bkmorado h3:before { border-left-color:#a885d8 }
.row_tetris .bkgris h3:before { border-left-color:#ccc }
.row_tetris .bknegro h3:before { border-left-color:#000 }
.row_tetris .bknaranja h3:before { border-left-color:#ff7900 }
.row_tetris .gr33 .mod50 h3:before { display:none}
/**/

.row_tetris .mod50 { float:left; display:inline; text-align:left; background-color:#fff; width:49%; margin:0 1% 1% 0; position:relative; height:300px}
.row_tetris h3 { float:left; display:inline; width:45%; padding:100px 2% 2% 2%; margin-right:2%; height:188px}
.row_tetris .img { position:absolute; right:10%; bottom:0; width:auto; z-index:1}
.row_tetris p { float:left; display:inline; width:47%; padding:1%; }
.row_tetris h4 { float:left; display:inline; width:47%; padding:1%; margin:98px 0 0 0 }
.row_tetris .lista.botones, .row_tetris .lista.uno { position:absolute; bottom:15px; right: 0; width:47%; padding:1%; height:auto; }
.row_tetris .mod50.bkblanco .lista { right: 50%; }
.row_tetris ul { float:left; display:inline; width:100%; }
.row_tetris ul li { float:left; display:inline; width:50%;  line-height:auto }
.row_tetris ul.uno li { float:left; display:inline; width:100%;  }
.row_tetris ul li a { float:left; display:inline; width:100%; line-height:auto }
.row_tetris .lista.botones a { float:left; display:inline; font-size:1em }
.row_tetris ul li a .btn.btn-big { float:left}
.row_tetris p.etiqueta { float:right; display:inline; width:auto; padding:2px 4px; background-color:#A885D8; text-align:right; position:absolute; top:15px; right:2%; z-index:2 }
.row_tetris p .texto_nota { color:#fff; font-size:.8em; }

.row_tetris .mod100 { float:left; display:inline; text-align:left; background-color:#fff; width:98%; margin:0 1% 2% 0; position:relative; height:300px}

/* enlace para toda la caja*/
.row_tetris .lista.flechas { position:absolute; top:0; left:0; width:100%; height:100%; display:block; }
.row_tetris .lista.flechas a  { position:absolute; top:0; left:0; width:100%; height:100%; display:block}
.row_tetris .lista.flechas span {display: none;}

.row_tetris .mod50.bkblanco h3 { float:left; display:inline; width:46%; padding:100px 2% 2% 2%; margin-right:2%; height:auto}
.row_tetris .mod50.bkblanco h4 {  width:46%; padding:2%; margin:0 0 2% 0 }
.row_tetris .mod50.bkblanco .related { width:46%; padding:2%; margin:2% 2% 0 0; height:auto; left:0 }

.row_tetris .gr33 .mod100.bkblanco h3 { float:left; display:inline; width:46%; padding:100px 2% 2% 2%; margin-right:2%; height:auto}
.row_tetris .gr33 .mod100.bkblanco h4 {  width:46%; padding:2%; margin:0 0 2% 0 }
.row_tetris .gr33 .mod100.bkblanco .related { width:46%; padding:2%; margin:2% 2% 0 0; height:auto; left:0 }
.row_tetris .gr33 .mod100.bkblanco .lista {right: 50%;}

.row_tetris .gr66 .mod25.vertical { height:610px}
.row_tetris .gr66 .mod25.vertical h4 { width: 92%; padding: 4%; margin:0 0 2% 0}

.row_tetris .gr33 .mod50 h3 { width:94%; height:auto; padding:100px 2% 4% 4%}
.row_tetris .gr33 .mod50.vertical h4 { width: 92%; padding: 4%;}
.row_tetris .gr33 .mod50.bkverde  { background-color:#50be87 !important; background-size:none}

/* FIN MOD ROW_TETRIS modulos centrales */


/*--------------------------------------------------------*/

/*RD*/

@media only screen and (max-width: 1600px) {
.row.row_ayuda .lista.icons { margin: 20px auto;}
/** HEROBOX A 1600PX **/
#hero_pest .contenedor_pestanas {width: 4800px}
#hero_pest, #hero_pest .herobox, #hero_pest .modhero, #hero_pest .cnt_pestanas { max-width: 1600px;}
/*shape herobox*/
#hero_pest { height:595px}
#hero_pest .cnt_hero { height:575px}
#hero_pest .modhero .mod.mod100 {  min-height: 575px}

.row_carrousel .shape {top:50px; height: 300px; width: 300px;}
.row_carrousel .shape:before { font-size: 300px; height: 300px; width: 300px;}
.oldie .row_carrousel .shape span  { padding:0 60px; width:180px}

#hero_pest .modhero .mod.mod100 .titulonivel2 { top:380px }
#hero_pest .modhero .mod.mod100 p { top:425px }
#hero_pest .modhero .mod.mod100 .related .lista.botones { top:485px }

/* MOD ROW_TETRIS modulos centrales */
.row_tetris .mod50 ul li a .btn.btn-big, .row_tetris .mod100 ul li a .btn.btn-big { padding:11px; font-size:1.6em }
.row_tetris h3 .bottom { margin-top: 92px; }
/* FIN MOD ROW_TETRIS modulos centrales */



/* end 1600 */
	}	


@media only screen and (max-width: 1366px) {
/** AYUDA **/
/*.row.row_ayuda .shape  { margin:0 0 0 10%}
.row.row_ayuda .mod.mod100 .related { width:66%; height:auto;}*/
/** HEROBOX A 1366PX **/
#hero_pest .contenedor_pestanas { width: 4098px /*2740px*/}
#hero_pest, #hero_pest .herobox, #hero_pest .modhero, #hero_pest .cnt_pestanas { max-width: 1366px;}
/* shape hero */
#hero_pest { height: 510px;}
#hero_pest .cnt_hero { height: 490px;}
#hero_pest .modhero .mod.mod100 {  min-height: 490px}

.row_carrousel .shape {top:30px; height: 230px; width: 230px;}
.row_carrousel .shape:before { font-size:230px; height: 230px; width: 230px;}
.oldie .row_carrousel .shape span  { padding:0 46px; width:138px}

#hero_pest .modhero .mod.mod100 .titulonivel2 { top:285px }
#hero_pest .modhero .mod.mod100 p { top:330px }
#hero_pest .modhero .mod.mod100 .related .lista.botones { top:390px }
#hero_pest .modhero .titulonivel2, #hero_pest .modhero p { width:43%;  padding-right:0;}
#hero_pest .modhero .related .lista.icons li, #hero_pest .modhero .related .lista.guion li {width: 100px;}
/* MOD ROW_TETRIS modulos centrales */
.row_tetris .mod50 ul li a .btn.btn-big, .row_tetris .mod100 ul li a .btn.btn-big { text-align:center; padding:8px; font-size: 1.3em;}
.row_tetris .gr33 .mod50 { background-size: 139% auto !important}
/* FIN MOD ROW_TETRIS modulos centrales */



/* end 1366 */
	}

@media only screen and (max-width: 1280px) {
/** AYUDA **/
/*.row.row_ayuda .shape  { margin:0 0 0 7%}*/
/** HEROBOX A 1280PX **/
#hero_pest .contenedor_pestanas {width: 3840px}
#hero_pest, #hero_pest .herobox, #hero_pest .modhero, #hero_pest .cnt_pestanas { max-width: 1280px;}
/** BACKGROUND DE ROW PROMOCIONES **/
.row.row_promos .mod.mod100.background { min-height:300px; background-size:20%; background-position: left 125px;}
/** textos debajo de lista **/
.row.row_promos .mod.mod100 p.textopromo { padding-left: 70%; width: 25%;}
/* shape hero */
#hero_pest { height: 480px;}
#hero_pest .cnt_hero { height: 460px;}
#hero_pest .modhero .mod.mod100 {  min-height: 460px}
#hero_pest .modhero .mod.mod100 .related .lista.icons { bottom:40px}
/*IE*/
/*.msie .row_ayuda.row .shape {margin: 0 0 0 7%}
.msie .row_ayuda.row .icons.lista li {width: 12%; margin: 1.5%}
.oH_ie8 .row_ayuda.row .shape,
.oH_ie9 .row_ayuda.row .shape,
.oH_ie10 .row_ayuda.row .shape,
.oH_ie11 .row_ayuda.row .shape {margin: 0 0 0 10%}
.oH_ie8 .row_ayuda.row .icons.lista li,
.oH_ie9 .row_ayuda.row .icons.lista li,
.oH_ie10 .row_ayuda.row .icons.lista li,
.oH_ie11 .row_ayuda.row .icons.lista li {width: 11%; margin: 1.5% 2.5%; font-size:1.5em}*/


/* ROW_ENLACES (QUIEROS) */
.row.row_enlaces .mod.mod100 .promolista1 li {padding: 30px 0.5%; width:19%;}
.row.row_enlaces .mod.mod100 .promolista1 li .btn {font-size: 18px;}
/*----------------*/
/* MOD ROW_TETRIS modulos centrales */
.row_tetris .mod h3 {  font-size:2.2em;}
.row_tetris .mod h4 { font-size:2em; }
.row_tetris .mod p { font-size:1.6em }
/*************/
.row_tetris h3 .bottom { margin-top:90px; }
.row_tetris h3 .top { margin-top:-20px;}
.row_tetris .mod50, .row_tetris .mod100 { height: 204px; background-size: 105% auto !important;}
.row_tetris .mod50 h3, .row_tetris .mod100 h3 { height: 160px; margin-right: 2%; padding: 36px 2% 2%; }

.row_tetris .mod50.bkazul h3:before, 
.row_tetris .mod50.bkamarillo h3:before, 
.row_tetris .mod50.bkverde h3:before,
.row_tetris .mod50.bkmorado h3:before, 
.row_tetris .mod50.bkgris h3:before, 
.row_tetris .mod50.bknegro h3:before,
.row_tetris .mod50.bknaranja h3:before  { top:48%; left:48.5%;}/*---------*/

.row_tetris .mod50 p.etiqueta, .row_tetris .mod100 p.etiqueta { top: 5px;}
.row_tetris .mod50 h4, .row_tetris .mod100 h4 { margin: 36px 0 0;}
.row_tetris .mod50 .related, .row_tetris .mod100 .related { bottom: 8px;}

.row_tetris .mod25 { background-size: 105%  auto !important; height: 204px;}
.row_tetris .mod25 h3 { padding:36px 4% 4% 4%;}

.row_tetris .mod50.bkblanco h3 { padding: 35px 2% 2%; }
.row_tetris .gr33 .mod100.bkblanco h3 { padding: 35px 2% 2%; }
.row_tetris .mod50.bkblanco h4 { margin: 0 0 2%; padding: 2%; width: 46%;}

.row_tetris .titulonivel3 {font-size: 0.8em;}
.row_tetris .titulonivel4 {font-size: 0.7em;}
.row_tetris .titulonivel5 {font-size: 1.4em;}

.row_tetris .mod50.bkblanco .related {width: 48%;}
.row_tetris .mod50 .img { width: 25%;}
.row_tetris .gr33 .mod50 h3 { padding: 36px 2% 4% 4% }
.row_tetris .gr33 .mod50.vertical { height:415px}
.row_tetris .gr33 .mod50.vertical h4 { width: 94%; }

.row_tetris .gr66 .mod25.vertical { height:415px}
.row_tetris .gr33 .mod50 { background-size: 100% !important}
/* FIN MOD ROW_TETRIS modulos centrales */



/* end 1280 */
	}

/*1152*/
@media only screen and (max-width: 1152px) {
/*textos*/
.row_cajas .titulonivel2,
.row_cajas p,
.row.row_promos .mod.mod100 .titulonivel2,
.row.row_promos_2 .mod.mod100 .titulonivel2,
.row.row_texto100 .mod.mod100 .titulonivel2,
.row.row_texto100 .mod.mod100 p,
.row.row_promos p,
.row.row_promos_2 p,
.row.row_promos .mod.mod100 p,
.row.row_promos_2 .mod.mod100 p,
.row.row_promos .titulonivel2,
.row.row_promos_2 .titulonivel2 { padding-right: 4%; padding-left: 4%; width: 92%;}
.row_cajas .mod50 .mod50 .titulonivel2,
.row_cajas .mod50 .mod50 p { padding-right: 4%; padding-left: 4%; width: 92%;}
.row_cajas .gr50 .mod33 .titulonivel2,
.row_cajas .gr50 .mod33 p { padding-right: 8%; padding-left: 8%; width: 84%; }
.row_cajas .titulonivel2,
.row_cajas .mod .titulonivel2,
.row_carrousel_2 .mod .titulonivel2,
.row.row_texto100 .mod.mod100 .titulonivel2,
.row.row_promos .titulonivel2,
.row.row_promos_2 .titulonivel2 {font-size: 2.2em;	}
	
.row_cajas .mod p { font-size:1.6em;}
/*botones*/
.lista.botones a span {	padding-bottom: 0.5em; padding-top: 0.5em; }
.btn.btn-big { font-size: 0.8em;}
.row.row_texto100 .mod.mod100 .related .lista.botones,
.row.row_promos .botones,
.row.row_promos_2 .botones {padding-right: 2%;padding-left: 2%;	}
.row.row_texto100 .mod.mod100 .related .lista.botones li { width: auto;	}

/*MOD ROW_TEXTO100 */
/*texts*/
.row.row_texto100 .mod.mod100 .titulonivel2 {top: 20px;	}
.row.row_texto100 .mod.mod100 p {top: 80px;	}
/*botones*/
.row.row_texto100 .mod.mod100 .related .lista.botones {	top: 149px;	}
/*listado iconos*/
.row.row_texto100 .mod.mod100 .related .lista.icons,
.row.row_texto100 .mod.mod100 .related .lista.guion { right: 10px;border-spacing: 0;}
.row.row_texto100 .mod.mod100 .related .lista.icons li,
.row.row_texto100 .mod.mod100 .related .lista.guion li { width: 65px;}
.row.row_texto100 .mod.mod100 .related .lista.icons li .img,
.row.row_texto100 .mod.mod100 .related .lista.guion li .img { width: 90%;height: auto;}
.row.row_texto100 .mod.mod100 .related .lista.guion li::before { font-size: 4em;}
/*----------------*/
/*MOD ROW_PROMOS 1152*/
/*botones*/
.row.row_promos .botones,
.row.row_promos_2 .botones { width: 100%;}
/*listado de caracteristicas tipo 1*/
.row.row_promos .promolista1 li {margin-right: 0;}
.row.row_promos .promolista1 li .img { margin-right: auto; margin-left: auto; width: 80%;}
.row.row_promos .promolista1 li.last .img { width: 30%; }
.row.row_promos .promolista1 li.last .precio_promo {font-size: 1.5em;}
/*----------------*/
/*ROW CARROUSEL_2 1152*/
/*herobox moviles*/
/*pic movil*/
.row.row_carrousel_2 .herocontent .text-slide .img {width: 50px;}
/*text slides*/
.row.row_carrousel_2 .herocontent .text-slide {	font-size: 0.8em;}
/*nav arrows*/
.row.row_carrousel_2 .herocontent .rslides_nav {display: none !important;}
/*----------------*/
/*MOD ROW_CAJAS 1152*/
/*textos*/
.row_cajas .gr50 .mod33 .titulonivel2 {	font-size: 2em;	}
.row_cajas .gr50 .mod33 p {	font-size: 1.5em;}
/*----------------*/
/*ROW SHAPES 1152 CESAR*/
.row_shapes .modshape li{ margin:0 2.5%;}
.row_shapes .modshape li a{width:115px;height:115px;}
.row_shapes .modshape li a span{font-size:15px;}
.oldie .row_shapes .modshape li a span { padding: 0 23px; width:69px}
.row_shapes .modshape li a span.shape:before {	font-size:115px;}
/*MOD 100 herobox*/	
/*SHAPE GRANDE*/
.row.row_texto100.giro .mod.mod100 { min-height:500px; background:red}
.row.row_texto100.giro .shape {width: 250px; height: 250px; left: 4%; top:20px}
.row.row_texto100.giro .shape:before { font-size:250px}
.row.row_texto100.giro .shape span { font-size: 24px;}
.row.row_texto100.giro .mod.mod100 .titulonivel2 {top:300px}
.row.row_texto100.giro .mod.mod100 p {top:360px}
.row.row_texto100.giro .mod.mod100 .related .lista.botones { top:430px; padding-left:4%}
	
/*MOD ROW_AYUDA 1152*/
/* shape grande */
.row.row_ayuda .shape { height: 160px; width: 160px;}
.row.row_ayuda .shape:before {font-size: 160px;}
.row.row_ayuda .shape a { font-size: 18px; height: 160px; width: 160px;}
.row.row_ayuda .lista.icons { margin: 0 auto 0px;}
.oldie .row.row_ayuda .shape a { padding:0 32px; width:96px}
/*textos*/
.row.row_ayuda .lista.icons li .img { width:80%;  }
.row.row_ayuda .lista.icons li { /*margin: 1.5%; width:21%;*/ font-size: 1.5em;}
/** HEROBOX A 1152PX **/
#hero_pest .contenedor_pestanas {width: 3456px}
#hero_pest, #hero_pest .herobox, #hero_pest .modhero, #hero_pest .cnt_pestanas { max-width: 1152px;}
/* textos y contenidos */
/* shape hero */
#hero_pest { height: 435px;}
#hero_pest .cnt_hero { height: 415px;}
#hero_pest .modhero .mod.mod100 {  min-height: 415px}

.row_carrousel .shape{top:20px; left: 4%; height: 200px; width: 200px;}
.row_carrousel .shape:before{font-size:200px; height: 200px; width: 200px;}
.row_carrousel .shape span { font-size: 20px;}
.oldie .row_carrousel .shape span  { padding: 0 40px; width:120px}

#hero_pest .modhero .mod.mod100 .titulonivel2 { top:240px }
#hero_pest .modhero .mod.mod100 p { top:275px; font-size:1.6em }
#hero_pest .modhero .mod.mod100 .related .lista.botones { top:345px }
#hero_pest .modhero .mod.mod100 .related .lista.icons { bottom: 30px;}
/********/
#hero_pest .modhero .mod.mod100 .titulonivel2, 
#hero_pest .modhero .mod.mod100 p, 
#hero_pest .modhero .mod.mod100 .related .lista.botones { padding-left:4%}
/*#hero_pest .modhero .mod.mod100 .related .lista.icons, 
#hero_pest .modhero .mod.mod100 .related .lista.guion { right:10px }*/ 
#hero_pest .modhero .mod.mod100 .related .lista.icons li, 
#hero_pest .modhero .mod.mod100 .related .lista.guion li { width:80px}
/** BACKGROUND DE ROW PROMOCIONES **/
.row.row_promos .mod.mod100.background { min-height:200px; background:none}
.row.row_promos .mod.mod100.background .promolista1 { max-width: 1200px; padding-left:0;}
/** textos debajo de lista **/
.row.row_promos .mod.mod100 p.textopromo { padding-left: 60%; width: 25%;}
/* mod33 y mod66*/
.row.row_promos .mod.mod33 .img { width:60%;  }
.row.row_promos .titulonivel3, .row.row_promos_2 .titulonivel3 { font-size:1.8em}

/* MOD ROW_TETRIS modulos centrales */
.row_tetris .mod25 { background-size: 115% auto !important;}
.row_tetris .mod50 ul li a .btn.btn-big { font-size:1.2em}
.row_tetris .gr33 .mod50 { background-size: 112% auto !important;}
/* FIN MOD ROW_TETRIS modulos centrales */

/*end 1152*/
}

@media only screen and (max-width: 1024px) {
/** HEROBOX A 1024PX **/
#hero_pest .contenedor_pestanas {width: 3072px; }
#hero_pest, #hero_pest .herobox, #hero_pest .modhero, #hero_pest .cnt_pestanas { max-width: 1024px;}
/* shape hero */
#hero_pest {height: 390px;}
#hero_pest .cnt_hero { height: 368px;}
#hero_pest .modhero .mod.mod100 {  min-height: 368px}

.row_carrousel .shape{top:20px; left: 4%; height: 160px; width: 160px;}
.row_carrousel .shape:before{font-size:160px; height: 160px; width: 160px;}
.row_carrousel .shape span { font-size: 18px;}
.oldie .row_carrousel .shape span  { padding: 0 32px; width:96x}

#hero_pest .modhero .mod.mod100 .titulonivel2 { top:200px }
#hero_pest .modhero .mod.mod100 p { top:240px; }
#hero_pest .modhero .mod.mod100 .related .lista.botones { top:290px }

#hero_pest .modhero .mod.mod100 .related .lista.botones .btn.btn-big.btn-primary { padding:8px}
#hero_pest .modhero .mod.mod100 .related .lista.botones .btn.btn-big { font-size: 18px;}

.row.row_promos .mod.mod100 p.textopromo a .btn.btn-big.btn-primary { font-size:16px}
/* ROW_AYUDA */ 
/*.row.row_ayuda .shape  { margin:0 0 0 5%}*/
/*IE*/
/*.msie .row_ayuda.row .shape {margin: 0 0 0 5%}*/
/*.msie .row_ayuda.row .icons.lista li {width: 12%; margin: 1.5%}
.oH_ie8 .row_ayuda.row .shape,
.oH_ie9 .row_ayuda.row .shape,
.oH_ie10 .row_ayuda.row .shape,
.oH_ie11 .row_ayuda.row .shape {margin: 0 0 0 7%}
.oH_ie8 .row_ayuda.row .icons.lista li,
.oH_ie9 .row_ayuda.row .icons.lista li,
.oH_ie10 .row_ayuda.row .icons.lista li,
.oH_ie11 .row_ayuda.row .icons.lista li {width: 12%; margin: 1.5%}*/

/* ROW_ENLACES (QUIEROS) */
.row.row_enlaces .mod.mod100 .promolista1 li .btn {font-size: 16px;}
/*----------------*/
/* MOD ROW_TETRIS modulos centrales */
.row_tetris .mod50 ul li a .btn.btn-big {padding: 5px;}
.row_tetris .mod25 { background-size: 118% auto !important;}
.row_tetris .gr33 .mod50 { background-size: 126% auto !important;}
.row_tetris .titulonivel5 { font-size: 1.2em;}
/* FIN MOD ROW_TETRIS modulos centrales */

/* end 1024 */
	}

/*900*/
@media only screen and (max-width: 900px) {
/* TITULARES, TEXTOS CAJAS */
.row_cajas .titulonivel2, .row_cajas .mod .titulonivel2, .row_carrousel_2 .mod .titulonivel2, .row.row_texto100 .mod.mod100 .titulonivel2, .row.row_promos .titulonivel2, .row.row_promos_2 .titulonivel2 {font-size: 2em;}
.row_cajas .mod ul li a {font-size: 0.6em;}
/** HEROBOX A 900PX **/
#hero_pest .contenedor_pestanas {width: 2700px/*1800px*/}
#hero_pest, #hero_pest .herobox, #hero_pest .modhero, #hero_pest .cnt_pestanas { max-width: 900px;}

/* ROW_ENLACES (QUIEROS) */
.row.row_enlaces .mod.mod100 .promolista1 li .btn {font-size: 14px; letter-spacing:-0.02em;}
/*----------------*/
/* MOD ROW_TETRIS modulos centrales */
.row_tetris .gr66 { width: 98%; padding: 1% 0 1% 1%;}
.row_tetris .gr66.first { width: 98%;}
.row_tetris .gr66.last { width: 98%;}

.row_tetris .gr33 { padding: 1%; width: 98%;}
.row_tetris .gr33.first { padding: 1%; width: 98%;}
.row_tetris .gr33.last { padding: 1%; width: 98%;}

.row_tetris .mod25 { background-size: 100% auto !important;}
.row_tetris .mod50 ul li a .btn.btn-big { font-size: 1.4em; padding: 11px;}
.row_tetris .mod50 .img { width: 24%;}
.row_tetris .gr33 .mod50.vertical { background-size: 20% auto !important;}
.row_tetris .gr33 .mod50 { margin: 0 0.5% 1% 0; width: 47%; height: 205px; width: 25.2%; margin: 0 0 1% 1%;  background-size: 100% auto !important;}
.row_tetris .gr33 .mod50.vertical { height: 204px; width: 46%; margin: 0 1% 1% 0}
.row_tetris .gr33 .mod100 { width:46%; margin: 0 1% 1% 0}
.row_tetris .gr33 .mod50 h3 { padding: 4% 2% 2% 4%; }
.row_tetris .gr33 .mod50.vertical h4 {padding: 2% 2% 2% 4%;}
/* FIN MOD ROW_TETRIS modulos centrales */


/* end 900 */
	} 
/*800*/
@media only screen and (max-width: 800px) {
/* MÓDULO OFERTA */
.row.row_promos .mod.mod100 p.textopromo a .btn.btn-big.btn-primary { padding:7px; font-size:16px}
.row.row_promos .mod.mod100 p.textopromo a { margin-top:15px}
.row.row_promos .mod.mod100 p.textopromo { padding-left: 58%; width: 40%; font-size: 1.8em;}
.row.row_promos .mod.mod100 p.vertarifas { top: 50px;}
/** HEROBOX A 800PX **/
#hero_pest .contenedor_pestanas { width: 2400px;}
#hero_pest, #hero_pest .herobox, #hero_pest .modhero, #hero_pest .cnt_pestanas { max-width: 800px;}	
/* shape hero */
#hero_pest { height: 308px;}
#hero_pest .cnt_hero { height: 288px;}
#hero_pest .modhero .mod.mod100 {  min-height: 288px}
.herobox .shape { height: 120px; width: 120px;}
.herobox .shape:before { font-size:120px; height: 120px; width: 120px;}
.herobox .shape span { font-size: 16px; padding:0 11%; letter-spacing:-0.5px}
.oldie .herobox .shape span { padding:0 24px; width:72px}
/* ROW AYUDA */
.row.row_ayuda .mod.mod100 .related { width: 75%;}
.row.row_ayuda .shape {height: 150px; width: 150px; /*margin: 0 0 0 7%;*/}
.row.row_ayuda .shape:before { font-size: 150px;}
.row.row_ayuda .shape a {font-size: 18px; height: 150px; width: 150px;}

#hero_pest .modhero .mod.mod100 .titulonivel2 {top: 156px; font-size: 1.8em;}
#hero_pest .modhero .mod.mod100 p { top:188px; font-size:1.3em; letter-spacing:-0.5px }
#hero_pest .modhero .mod.mod100 .related .lista.botones { top:235px }
#hero_pest .modhero .mod.mod100 .related .lista.botones .btn.btn-big.btn-primary { padding: 7px;} 
#hero_pest .modhero .mod.mod100 .related .lista.botones .btn.btn-big { font-size: 14px;}

#hero_pest .modhero .mod.mod100 .related .lista.icons { bottom: 10px; right:5% }
#hero_pest .modhero .related .lista.icons, #hero_pest .modhero .related .lista.guion { bottom: 10px; right:10px}

/* CARRUSEL TERMINALES */
.row.row_carrousel_2 .gr.gr50 .herocontent .text-slide .titular { min-height:55px}
.row.row_carrousel_2 .herocontent .text-slide .img { margin-bottom: 75px}
.salto { display: inline;}

/* ROW_ENLACES (QUIEROS) */
.row.row_enlaces .mod.mod100 .promolista1 li .btn {font-size: 13px;}
/*----------------*/
/* MOD ROW_TETRIS modulos centrales */
.row_tetris .mod25 { background-size: 108% auto !important;}
/* FIN MOD ROW_TETRIS modulos centrales */


/* END 800 */
	}

/*768*/
@media only screen and (max-width: 768px) {
/*estructura general*/
.row_cajas .gr.gr50 { width: 100%; float: none; clear: both; }
/*HOVERS 767*/
.row_cajas .mod { background-color: #000; }
.row_cajas .mod .img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); opacity: 1;}
.row_cajas .mod p { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; color: #FFF;	display:none }
/*HEADER SHAPES 767*/
.headerEsp { height: 70px; }
.headerEsp .row_headeresp .titularShape { margin-right: 5%; height: 70px; width: 70px; }
.headerEsp .row_headeresp .titularShape span { padding-top: 28px; height: 70px; width: 70px; font-size: 1.4em; background-size: 70px 70px; }
.headerEsp .row_headeresp p { padding-top: 22px; margin-right: auto; margin-left: auto;	width: 90%;	font-size: 2.1em; }
/*MOD ROW_TEXTO100 767*/
/*estructura*/
.row.row_texto100 .mod.mod100 {	min-height: 380px; padding-bottom: 15px;}
/*textos*/
.row.row_texto100 .mod.mod100 .titulonivel2,
.row.row_texto100 .mod.mod100 p {
padding-right: 2%;
padding-left: 2%;
width: 96%;
position: relative;
top: auto;
left: auto;
}
.row.row_texto100 .mod.mod100 .titulonivel2 { margin-top: 10px;	}
.row.row_texto100 .mod.mod100 p { margin-top: 15px;	margin-bottom: 15px; width: 70%; }
/*botones*/
.row.row_texto100 .mod.mod100 .related .lista.botones {	padding-right: 2%; padding-left: 2%; position: relative; top: auto; }
.row.row_texto100 .mod.mod100 .related .lista.botones li { width: 50%; float: none;}
.row.row_texto100 .mod.mod100 .related .lista.botones li:first-child { margin-right: 0; margin-bottom: 2%;}
/*listado iconos*/
.row.row_texto100 .mod.mod100 .related .lista.icons,
.row.row_texto100 .mod.mod100 .related .lista.guion { top: 1%; bottom: auto; right: 0;}
.row.row_texto100 .mod.mod100 .related .lista.icons li,
.row.row_texto100 .mod.mod100 .related .lista.guion li { margin-bottom: 20px; display: table; }
.row.row_texto100 .mod.mod100 .related .lista.guion li { padding-right: 0; }
.row.row_texto100 .mod.mod100 .related .lista.guion last { margin-bottom: 0; }
.row.row_texto100 .mod.mod100 .related .lista.guion li:before {	display: none;}
/*ROW CARROUSEL 767*/
/*estructura*/
.row.row_carrousel_2 .gr.gr50 { padding-right: 0; padding-left: 0; margin-right: 0; margin-left: 0; width: 100%; clear: both; display: block; }
/*textos*/
.row.row_carrousel_2 .gr.gr50 .titulonivel2 { padding-left: 2%; padding-right: 2%; width: 96%; }
/*MOD ROW_PROMOS 767*/
/*estructura*/
.row.row_promos .mod.mod50, 
.row.row_promos_2 .mod.mod50 { padding-top: 30px; width: 100%;}
/*imagen*/
.row.row_promos .img.left,
.row.row_promos_2 .img.left {float: none;}
/*botones*/
.row.row_promos .botones li,
.row.row_promos_2 .botones li {	width: 48%;	}
/* ROW GIRO MOD 100*/
/*SHAPE GRANDE*/
.row.row_texto100.giro .mod.mod100 { min-height:450px; }
.row.row_texto100.giro .shape { width: 215px; height: 215px; left: 2%; top:20px}
.row.row_texto100.giro .shape:before { font-size:215px}
.row.row_texto100.giro .shape span { font-size: 22px;}
.row.row_texto100.giro .mod.mod100 .titulonivel2 { margin-top:45px}
/*ROW AYUDA 767*/
.row.row_ayuda .mod100{padding: 0 2%;width: 96%;}
.row.row_ayuda .mod.mod100 .related {width: 70%;}
.row.row_ayuda .lista.icons li { font-size:1.4em}
/*ROW SHAPES 767*/
.row_shapes .modshape li{padding-bottom:2%; margin:0 1.5%;}
.row_shapes .modshape li a{width:100px;height:100px;}
.row_shapes .modshape li a span{font-size:14px;letter-spacing:-0.06em;}
.row_shapes .modshape li a span.shape:before {font-size:100px;}
/** HEROBOX A 767PX **/
#hero_pest .contenedor_pestanas {width: 2304px}
#hero_pest, #hero_pest .herobox, #hero_pest .modhero, #hero_pest .cnt_pestanas { max-width: 768px;}		
/* shape hero */
#hero_pest { height: 288px;}
#hero_pest .cnt_hero { height: 277px;}
#hero_pest .modhero .mod.mod100 {  min-height: 277px}

.herobox .shape { height: 120px; width: 120px;}
.herobox .shape:before { font-size:120px; height: 120px; width: 120px;}
.herobox .shape span { font-size: 16px;}

.row_carrousel .shape { top:10px}
#hero_pest .modhero .mod.mod100 .titulonivel2 {top: 146px; font-size: 1.8em;}
#hero_pest .modhero .mod.mod100 p { top:175px;  }
#hero_pest .modhero .mod.mod100 .related .lista.botones { top:215px }
#hero_pest .modhero .mod.mod100 .related .lista.botones .btn.btn-big.btn-primary { padding:7px}
#hero_pest .modhero .related .lista.icons, #hero_pest .modhero .related .lista.guion { right:10%}

.salto { display: inline;}
/*end 767*/	
	}

/*400*/
@media only screen and (max-width: 400px) {
	/*ALL 450*/
	/*textos*/
	 .row_cajas .titulonivel2,
	 .row_cajas .mod .titulonivel2,
	 .row_carrousel_2 .gr.gr50.last .titulonivel2,
	 .row.row_texto100 .mod.mod100 .titulonivel2,
	 .row.row_promos .titulonivel2,
	 .row.row_promos_2 .titulonivel2 {
		font-size: 2em;
	}
	 .row_cajas p,
	 .row_cajas .mod p,
	 .row.row_texto100 .mod.mod100 p,
	 .row.row_promos p,
	 .row.row_promos_2 p {
		font-size: 1.5em;
	}
	/*----------------*/
	/*HEADER SHAPES 450*/
	.headerEsp .row_headeresp p {
		padding-top: 0;
	}
	/*----------------*/
	/*MOD ROW_PROMOS 450*/
	/*listado de caracteristicas tipo 1*/
	 .row.row_promos .promolista1 li {
		max-width: 80px;
		font-size: 1.4em;
		line-height: 1em;
	}
	 .row.row_promos .promolista1 li .img {
		margin-bottom: 4px;
	}
	 .row.row_promos .promolista1 li.last .precio_promo {
		font-size: 1.2em;
	}
	 .row.row_promos .promolista1 li.last .precio_promo .img {
		width: 65%;
	}
	/*----------------*/
	/*ROW_CARROUSEL 450*/
	/*text slides*/
	 .row.row_carrousel_2 .herocontent .text-slide {
		margin-bottom: 15px;
	}
	 .row.row_carrousel_2 .herocontent .rslides .text_img .slide {
		width: 100%;
		float: none;
		clear: both;
	}
	 .row.row_carrousel_2 .herocontent .text-slide .img {
		width: 70px;
	}
	 .row.row_carrousel_2 .gr.gr50 .herocontent .text-slide .titular {
		min-height: 56px;
	}
	 .row.row_carrousel_2 .gr.gr50 .herocontent .text-slide .num {
		font-size: 3em;
	}
	/*botones*/
	 .row.row_carrousel_2 .herocontent .text-slide .content_hover .lista.botones li {
		width: 100%;
	}
	/*----------------*/
	/*MOD ROW_CAJAS 450*/
	/*textos*/
	 .row_cajas .gr50 .mod33 .titulonivel2 {
		font-size: 1.6em;
	}
	 .row_cajas .gr50 .mod33 p {
		font-size: 1em;
	}
	/*----------------*/
	
	/* row promos bot ver tarifas */
	.row.row_promos .mod.mod100 p.vertarifas { top:0; margin:25px 0 0 0; position:relative}
	.row.row_promos .mod.mod100 p.vertarifas a { float:left}
	
	/* row_ayuda */
	.row.row_ayuda .lista.icons li { margin: 5%; width: 40%;}
	.row.row_ayuda .mod.mod100 .related { width: 98%}
	
	.row .mod.mod100 .titulonivel1 { font-size:2em}
	.row.row_shapes .mod.mod100 .titulonivel1 { padding-bottom: 5%; padding-top: 5%;}
	
	
}
/*end 400*/
/*--------------------------------------------------------*/

	.btn {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 8px 10px;
		border-radius: 1px;
		border: 0;
		/*font-weight: bold;*/
		font-size: 15px;
		background: transparent;
		border:2px solid #000;
		color: #000;
		vertical-align: top;

		transition: background 250ms cubic-bezier(0.23, 1, 0.32, 1) 0s;
	}

	.btn.btn-primary{
		padding: 8px 18px;
		color: #fff;
		background: #ff6100;
		border:2px solid #ff6100;
	}

	.btn.btn-orange{
		border:2px solid #ff6100;
		color: #ff6100;
	}

	.btn.btn-grey{
		border:2px solid #777;
		color: #777;
	}

	.btn.btn-inverted,
	.btn.btn-white{
		border:2px solid #fff;
		color: #fff;
	}

	.btn.btn-big{
		padding: 13px 13px;
		font-size: 20px;
	}
	.btn.btn-big.btn-primary{
		padding: 13px 23px;
	}

	.btn:hover,
	.btn:active{
		background: #ff6100;
		border-color: #ff6100;
		color: #fff;
		cursor: pointer;
	}

	/*.btn:active{margin-top: 2px; padding-bottom: 6px;}
	.btn.btn-big:active{padding-bottom: 11px;}*/
	.btn.btn-primary:hover,
	.btn.btn-primary:active{
		background: #000;
		border-color: #444;
		color: #fff;
		cursor: pointer;
	}
/*--------------------------------------------------------*/