/* Importamos */
@import url(../stylesheet/animaciones.css);
@import url(../stylesheet/video-js.css);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.lateral { margin-bottom: 20px; }

::-moz-selection { background: rgb(0,79,163); color: rgb(255,255,255) text-shadow:none; }
::selection { background: rgb(0,79,163); color: rgb(255,255,255) text-shadow:none; }


html {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-fill-mode: both;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
}

html,
body { font-size: 100%;
}

body {
	background: white;
	padding: 0;
	margin: 0;
	color: rgb(118,126,158);
	font-family: 'Lato',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	position: relative;
	cursor: default;
}

img,
object,
embed {
  max-width: 100%;
  height: auto; }

object,
embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; vertical-align: middle;}

img.grayscale{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); /* For Webkit browsers */
    filter: gray; /* For IE 6 - 9 */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}

img.grayscale:hover{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

a {
	color: rgb(118,126,158);
	text-decoration: none;
}

a:hover { color: rgb(37,170,225); }
a:hover { cursor: pointer; }
a:focus { outline: none; }


/* Estilos de párrafo predeterminado */
p {
	font-family: 'Lato',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 30px;
	text-rendering: optimizeLegibility;
}
p aside {
	font-size: 0.875em;
	line-height: 30px;
	font-style: italic;
}

/* Estilos de cabecera por defecto */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 900;
	font-style: normal;
	color: rgb(118,126,158);
	text-rendering: optimizeLegibility;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	line-height: 1.2125em;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	font-size: 60%;
	color: #698aac;
	line-height: 0;
}

h1 { background: rgb(0,79,163); color: rgb(255,255,255); line-height: 2; padding: 0 0 0 3%; margin: 0;}
h1 { font-size: 2.125em; }
h2 { font-size: 1.6875em; } 
h3 { font-size: 1.375em; } 
h4 { font-size: 1.125em; } 
h5 { font-size: 1.125em; } 
h6 { font-size: 1em; } 
hr { 
	border: solid #ecf0f1;
	border-width: 2px 0 0;
	clear: both;
	margin: 1.25em 0 1.1875em;
	height: 0;
}

/* Tipografía Útiles predeterminados  */
em,
i { font-style: italic; line-height: inherit; }

strong,
b {
	font-weight: bold;
	line-height: inherit;
}

small {
	font-size: 60%;
	line-height: inherit;
}

code {
	font-family: 'Lato',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #bf2718;
}

/* Listas */
ul,
ol,
dl {
	font-size: 1em;
	line-height: 1.7;
	margin-bottom: 1.25em;
	list-style-position: outside;
	font-family: inherit;
}

/* Listas no ordenadas */
ul li ul,
ul li ol {
	margin-bottom: 0;
	font-size: 1em;
	/* Override nested font-size change */
}
/* listas ordenadas */
ol li ul,
ol li ol {
	margin-bottom: 0;
}

/* Listas definidas */
dl dt {
	margin-bottom: 0.3em;
	font-weight: bold;
}
dl dd {
	margin-bottom: 0.75em;
}

/* Abreviaciones */
abbr,
acronym {
	text-transform: uppercase;
	font-size: 90%;
	color: #34495e;
	border-bottom: 1px dotted #dddddd;
	cursor: help;
}

abbr {
	text-transform: none;
}

/* Blockquotes */
blockquote {
	margin: 0 0 1.25em;
	padding: 0.5625em 1.25em 0 1.1875em;
	border-left: 4px solid #ecf0f1;
}
blockquote cite {
	display: block;
	font-size: 0.8125em;
	color: #507192;
}
blockquote cite:before {
	content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited {
	color: #507192;
}

blockquote,
blockquote p {
	line-height: 1.6;
	color: #698aac;
}

.uk-article-subtitle {
    padding-left: 6px;
    border-left: 3px solid rgb(235,80,85);
    line-height: 20px;
    color: rgb(235,80,85);
    margin:0 0 20px;
}

/* Animaciones iniciales en la web
··································································································· */

div.lhG_4,
div.lhG_8,
div.lhG_4 {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay: .3s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-duration: .7s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;	
}

nav {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay: .7s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
}

#slideshow {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.center { text-align: center;}
.justify { text-align: justify; }
/* HEADER 
··································································································· */

header,
footer,
section { width: 100%; }

header {
	margin: 0;
	padding: 1% 0 0;
	position: relative;
	border-top: 10px solid rgb(0,79,163);
	background: rgb(252,252,252);
}

section { position: relative;}




/* At. al cliente */
header .att-A {
	overflow: hidden;
	width: 100%;
	margin: 0;
	background: url('../imagenes/iconos/sic-tel.png') no-repeat left center;
}
header .att-A-text h4 { font: 1.7em 'Lato', sans-serif; color:rgb(203,203,203); font-weight: 900; line-height: .70; text-align: right;}
header .att-A-text span { font: .40em 'Lato', sans-serif; font-weight: 300; }
header .att-A-text p { font-size: .8em; line-height: 1px; color:rgb(203,203,203); text-align: right; }




/* ··································································································· */

/* Seleccion de idiomas */
.idiomas { padding: 0%; margin: 0; overflow: hidden; font-weight: 600; line-height: .7em; text-align: right; }
.idiomas select {
	font: 1em 'Lato', sans-serif;
	color:rgb(203,203,203);
	text-transform: uppercase;
	padding: 5px;
	background: url('../imagenes/flecha.png') no-repeat right center;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		appearance: none;
	border: 0;
	margin: 0;
}
.idiomas select:focus { outline: none; }
.idiomas option {
	background: rgb(246,246,246);
	padding: 2% 5%;
	position: absolute;
	top: 10px;
	border:0 !important;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		appearance: none;
}
.idiomas option:focus { outline: none; }


/* Seleccion  */
.seleccion { padding: 2.5% 0 0; margin: 0; overflow: hidden; font-weight: 600; line-height: .7em; text-align: right; }
.seleccion select {
	font: 0.8em 'Lato', sans-serif;
	padding: 5px;
	background: url('../imagenes/flecha.png') no-repeat right center;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		appearance: none;
	border: 0;
	margin: 0;
}
.seleccion select:focus { outline: none; }
.seleccion option {
	background: rgb(222,222,222);
	padding: 2% 5%;
	position: absolute;
	top: 10px;
	border:0 !important;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		appearance: none;
}
.seleccion option:focus { outline: none; }



.buscar { margin: 5% 0 0; }




.altofull { padding: 5% 0 }






/* Slider
================================================== */


/* Contenidos > Atajos institucionales
   (historia, logros, razon social, planta, publicidad, distribuidores)
··································································································· */

.atajos-institucional {
	overflow: hidden;
	padding:0;
}
.atajos-institucional ul { margin: 0; padding: 0;}
.atajos-institucional li {
	margin: 10px 0;
	position: relative;
	padding: 0 5px 0 70px;
	list-style: none;

	width: 33.333333%;

	float: left;
}
.atajos-institucional li {
	margin: 10px 0;
	position: relative;
	padding: 0 5px 0 70px;
	list-style: none;

	float: left;
}
.p-industrial-50, .distribuidores-50{
	width: 50% !important;
}
.atajos-institucional li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;

	display: block;
	width: 60px;
	height: 60px;
	background: url('../imagenes/iconos/institucional-icons.png');
}
.atajos-institucional li.historia:before { background-position: 0 0px; }
.atajos-institucional li.logros:before { background-position: 0 60px; }
.atajos-institucional li.r-social:before { background-position: 0 120px; }

.atajos-institucional li.p-industrial:before { background-position: 0 180px; }
.atajos-institucional li.publicidad:before { background-position: 0 240px; }
.atajos-institucional li.distribuidores:before { background-position: 0 300px; }

.atajos-institucional a { display: block; margin:0; }
.atajos-institucional li p { font-size: .8em; line-height: 22px; }

/* ··································································································· */



/* Contenido > Productos previos home
··································································································· */
.prod-previo {
    list-style: none;
    padding: 0 0 5px 0;
    margin: 0;
}
 
/* Clear floats */
.prod-previo:before, 
.prod-previo:after { content: " "; display: table; }
.prod-previo:after { clear: both; }
 
/* grid item */
.prod-previo li {
    width: 33.333333%;
    float: left;
    height: 340px;
    box-shadow: -28px 0 0 -27px rgb(227,227,227), 0 -28px 0 -27px rgb(227,227,227);
    text-align: center;
}

/* estamos utilizando una combinación de los bordes y las sombras de la caja para controlar las líneas de la cuadrícula */

/* Los primeros 3 artículos no tienen sombra caja superior */
.prod-previo > li:nth-child(-n+3) { box-shadow: -28px 0 0 -27px rgb(227,227,227);}
/* Cada artículo séptimo no tiene una sombra cuadro de la izquierda */
.prod-previo > li:nth-child(3n+1) { box-shadow:  0 -28px 0 -27px rgb(227,227,227);}
/* El primero no tiene ninguna sombra cuadro */
.prod-previo > li:first-child { box-shadow: none; }

.prod-previo li > a {
    text-decoration: none;
    display: block;
    height: 100%;
        -webkit-transition: background 0.2s;
        -moz-transition: background 0.2s;
        transition: background 0.2s;
}

/* the icon with pseudo class for icon font */
.prod-previo span.prod-previo-icon {
    height:185px;
    padding:0;
    display: block;
        -webkit-transition: -webkit-transform 0.2s;
        transition: -moz-transform 0.2s;
        transition: transform 0.2s;
}

.prod-previo span.prod-previo-icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
        -webkit-font-smoothing: antialiased;
}
.prod-previo span.prod-previo-icon-leche                { background: url('../imagenes/leche.png') no-repeat center top;           }
.prod-previo span.prod-previo-icon-yoghurt              { background: url('../imagenes/yogurt.png') no-repeat center top;         }
.prod-previo span.prod-previo-icon-bebida-lactea        { background: url('../imagenes/iconos/productos/bebida-lactea.svg') no-repeat center top;   }
.prod-previo span.prod-previo-icon-queso                { background: url('../imagenes/quesos.png') no-repeat center top;           }
.prod-previo span.prod-previo-icon-crema-de-leche       { background: url('../imagenes/iconos/productos/crema-de-leche.svg') no-repeat center top;  }
.prod-previo span.prod-previo-icon-dulce-de-leche       { background: url('../imagenes/iconos/productos/dulce-de-leche.svg') no-repeat center top;  }

.prod-previo span.prod-previo-icon-leche:hover          { background: url('../imagenes/leche.png') no-repeat center top;           }
.prod-previo span.prod-previo-icon-yoghurt:hover        { background: url('../imagenes/yogurt.png') no-repeat center top;         }
.prod-previo span.prod-previo-icon-bebida-lactea:hover  { background: url('../imagenes/iconos/productos/bebida-lactea-hover.svg') no-repeat center top;   }
.prod-previo span.prod-previo-icon-queso:hover          { background: url('../imagenes/quesos.png') no-repeat center top;           }
.prod-previo span.prod-previo-icon-crema-de-leche:hover { background: url('../imagenes/iconos/productos/crema-de-leche-hover.svg') no-repeat center top;  }
.prod-previo span.prod-previo-icon-dulce-de-leche:hover { background: url('../imagenes/iconos/productos/dulce-de-leche-hover.svg') no-repeat center top;  }

/* titulos */
.prod-previo .prod-previo-titulo {
    margin:0;
    color: rgb(118,126,158);
    position: relative;
        -webkit-transition: -webkit-transform 0.2s;
        -moz-transition: -moz-transform 0.2s;
        transition: transform 0.2s;
}

.prod-previo .prod-previo-titulo:before {
    content: '';
    position: absolute;
    width: 150px;
    height: 1px;
    top: 0px;
    left: 50%;
    margin: -10px 0 0 -80px;
        -webkit-transition: margin-top 0.2s; /* top or translate does not seem to work in Firefox */
        -moz-transition: margin-top 0.2s;
        transition: margin-top 0.2s;
}

.prod-previo .prod-previo-texto {
    display: inline-block;
    margin: 0;
    padding: 0 5%;
    font-size: 1em;
    color: rgb(118,126,158);
        -webkit-transform: translateY(10px);
        -moz-transform: -moz-translateY(10px);
        -ms-transform: -ms-translateY(10px);
        transform: translateY(10px);
        
        -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
        -moz-transition: -moz-transform 0.3s, opacity 0.2s;
        -webkit-transition: transform 0.3s, opacity 0.2s;
}

.prod-previo li:hover .prod-previo-texto,
.touch .prod-previo li .prod-previo-texto {
    opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
}

/* Hover */
.prod-previo li > a:hover .prod-previo-icon {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

.prod-previo li > a:hover .prod-previo-icon:before,
.prod-previo li > a:hover .prod-previo-titulo {
    color: rgb(140,215,250);
}

.prod-previo li > a:hover .prod-previo-titulo {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
}

.prod-previo li > a:hover .prod-previo-titulo:before { background: rgb(140,215,250); margin-top: 45px; }

@media screen and (max-width: 62.75em) {
    .prod-previo li { width: 50%; }
    /* reset the grid lines */
    .prod-previo li:nth-child(-n+3){ border-top: 1px solid #ddd; }
    .prod-previo li:nth-child(3n-1),
    .prod-previo li:nth-child(3n-2) { box-shadow: none; }
    .prod-previo li:nth-child(-n+2) { border-top: none; }
    .prod-previo li:nth-child(2n-1) { box-shadow: 1px 0 0 #ddd; }
}

@media screen and (max-width: 41.6em) { 
    .prod-previo li { width: 100%; }
    .prod-previo li:nth-child(-n+2){ border-top: 1px solid #ddd; }
    .prod-previo li:nth-child(2n-1) { box-shadow: none }
    .prod-previo li:first-child { border-top: none; }
}
 
@media screen and (max-width: 25em) { 
    .prod-previo { font-size: 80%; }
    .prod-previo .prod-previo-texto { margin-top: 20px; }
}

/* ································································································ */

.breadcrumbs {
	display: block;
	padding: 2px 10px;
	overflow: hidden;
	list-style: none;
	background: rgb(252,252,252);
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.breadcrumbs > * {
	margin: 0;
	display: inline-block;
	font-size: .7em;
	text-transform: lowercase;
}
.breadcrumbs > *:hover a, .breadcrumbs > *:focus a { text-decoration: lowercase; }
.breadcrumbs > * a,
.breadcrumbs > * span {
	text-transform: lowercase;
	color: rgb(235,80,85);
}
.breadcrumbs > *.inactivo {
	cursor: default;
	color: rgb(118,126,158);
}
.breadcrumbs > *.inactivo a {
	cursor: default;
	color: rgb(118,126,158);
}
.breadcrumbs > *.inactivo:hover, .breadcrumbs > *.inactivo:hover a, .breadcrumbs > *.inactivo:focus, .breadcrumbs > *.inactivo:focus a {
	text-decoration: none;
}

.breadcrumbs > *:before {
	content: "/";
	color: rgb(118,126,158);
	margin: 0 7px;
	position: relative;
	top: 1px;
}
.breadcrumbs > *:first-child:before {
	content: " ";
	margin: 0;
}


.titulo {
	line-height: 2;
	border-bottom: 1px dotted rgb(220,220,220);
	width: 100%;
	margin:0 0 30px;
	position: relative;
}

.titulo:before {
	border-bottom: 1px dotted rgb(220,220,220);
	content: '';
	width: 100%;
	position: absolute;
	bottom: 5px;
}

.titulo:after {
	content: '';
	position: absolute;
	width: 100%;
	border-bottom: 1px dotted rgb(220,220,220);
	left: 0; bottom: 2px;
}



.texto-medio p {
	line-height: 26.5px;
	text-align: justify;
}
div a.link {
	color: rgb(235,80,85);
	border-bottom: 1px dotted rgb(220,220,220);
}

/* Imagen Thumbnails */
.imagen>img { margin: 0 0 2%; box-shadow: 0 0 0 2px rgb(255,255,255), 0 0 0 3px rgb(220,220,220); }
.imagen>img:hover, .imagen>img:focus  {
	-webkit-box-shadow: 0 0 3px 1px rgba(118,126,158,0.8);
	box-shadow: 0 0 3px 1px rgba(118,126,158,0.8);
}
.table:hover, .table:focus,
.circulo h5:hover, .circulo2 h5:hover,
.circulo h5:focus, .circulo2 h5:focus { background: rgb(249,249,249);}

/* Box (cajon) */
.box {
	margin-bottom: 1.25em;
	padding: 7% 2%; 
	background: rgb(252,252,252);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.box-center { /* centro con esto los iconos */
	text-align: center;
}
.box.chico { padding: 5% 20%;}
.box h1, .box h2, .box h3, .box h4, .box h5, .box h6, .box p { text-align: center; }
.box > :first-child 	{ margin-top: 0; }
.box > :last-child 	{ margin-bottom: 0; }

.box.rojo { background: rgb(235,80,85); }
.box.celeste { background: rgb(140,215,250); }
.box.celeste span .fa-trophy { color: rgb(140,215,250); }

.box.rojo h5,
.box.celeste h5,
.box.rojo p,
.box.celeste p { color: rgb(255,255,255); }



/* Tabla de Mision + valores + vision */
.table>.circulo {
	margin: 0 auto;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	border: 3px solid rgb(118,126,158);
	vertical-align: middle;
	line-height: inherit;
	text-align: 
}
.circulo h5{ background: rgb(252,252,252); padding: 10px; margin: -25% 0 0; }
.circulo i { padding: 34.333333% }


/* resaltar */
.featured {
	-webkit-transform: scale(1, 1.2);
	-moz-transform: scale(1, 1.2);
	-o-transform: scale(1, 1.2);
	-ms-transform: scale(1, 1.2);
	transform: scale(1, 1.2);
}

.banner {
	font-size: 1.4em;
	font-weight: 900;
	overflow: hidden;
	height: 70px;
	padding: 0.8% 1%;
}
.banner p {
	display: inline-block;
	margin: 0;
}
.banner ul {
	margin-top: 0;
	padding-left: 100px;
	text-align: left;
	list-style: none;
		animation: 6s linear 0 normal none infinite change;
		-webkit-animation: 6s linear 0 normal none infinite change;
		-moz-animation: 6s linear 0 normal none infinite change;
		-o-animation: 6s linear 0 normal none infinite change;
}
.banner ul li {
	line-height: 20px;
	margin: 0 0 20px;
	color: rgb(255,255,255);
}


/* ································································································ */


/* recetas listas */
.recetas ol {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 0;
    margin-left: 1.50em;
    padding: 0;
     
    counter-reset: li-counter;
}
.recetas ol > li{
    position: relative;
    margin-bottom: 20px;
    padding-left: 0.5em;
    min-height: 2em;
    border-left: 2px solid #eee;
}
.recetas ol > li:before {
    position: absolute;
    top: 0;
    left: -1.50em;
    width: 0.8em;
     
    font-size: 1em;
    line-height: 2;
    font-weight: bold;
    text-align: center;
    color: rgb(118,126,158);
 
    content: counter(li-counter);
    counter-increment: li-counter;
}


/* ································································································ */


/* mapa del paraguay (sucursales) */
.map { margin: 0; padding: 0;}
.map svg {
	height: auto;
	width: 100%;
	margin: 0;
	display: block;
	padding: 0;
}

.map g {
	fill: rgb(255,102,102);
	stroke: rgb(255,255,255);
	stroke-width: 1;
}

.map g:hover {
	fill: rgb(118,126,158) !important;
	cursor: crosshair;
}

.info_mapa {
	background:rgb(255,255,255) url(../imagenes/logotipos/lac-logo-mapa.svg) no-repeat top left;
	padding: 50px 15px 10px;
	font-size: 18px;
	position: absolute;
	border: 3px solid rgba(0,79,163,0.5);
	color: #333;
	white-space: nowrap;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}

.info_mapa::first-line {
	font-weight: bold;
}


/* Historia + timeline (linea de tiempo)
··································································································· */
.timeline {
	position: relative;
	list-style-type: none;
	padding: 15% 0 0;
	margin: 0;
}

.timeline:before {
	content: '';
	position: absolute;
	width: 2px;
	height: 96.50%;
	top: 0;
	left: 115px;
	background: rgb(140,215,250);
}

.timeline:after {
	content: 'Comencemos';
	position: absolute;
	width:150px;
	top: 0px;
	text-align: center;
	color: rgb(255,255,255);
	font-weight: 900;
	left: 40px;
	padding: .5%;
	background: rgb(235,80,85);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	border: 3px solid rgb(223,223,223);
}



.event { position: relative; margin-bottom: 30px; }

.thumb {
	position: absolute;
	width:100px;
	left: 0;
}

.thumb:before {
	content: '';
	position: absolute;
	height: 8px;
	z-index: -1;
	width: 51px;
	top: 30px;
	left: 100%;
	margin-left: 8px;
}

.thumb span {
	width: 100%;
	text-align: left;
	font-weight: 400;
	font-size: .8em;
	text-transform: uppercase;
	position: absolute;
	top: 30px;
}

.user-1 { background:#000; }
.user-2 { background-image: url(../images/barf.jpg); }
.user-3 { background-image: url(../images/darkhelmet.jpg); }
.user-4 { background-image: url(../images/darthvader.jpg); }
.user-5 { background-image: url(../images/leia.jpg); }
.user-6 { background-image: url(../images/vespa.jpg); }
.user-7 { background-image: url(../images/c3po.jpg); }
.user-8 { background-image: url(../images/dotmatrix.jpg); }

/* Transparente truco Checkbox / radio: deje la casilla en la parte superior, ocultarlo con la opacidad 0 */

.event label,
.event input[type="radio"] {
	width: 24px;
	height: 24px;
	left: 105px;
	top: 33px;
	position: absolute;
	display: block;
}

.event input[type="radio"] {
	opacity: 0;
	z-index: 10;
	cursor: pointer;
}

.event label:after {
	font-family: 'FontAwesome';
	content: '\f140';
	background: rgb(255,255,255);
	border-radius: 50%;
	color: rgb(140,215,250);
	font-size: 26px;
	height: 100%;
	width: 100%;
	left: -2px;
	top: -3px;
	line-height: 24px;
	position: absolute;
	text-align: center;
}

.content-perspective {
	margin-left: 150px;
	position: relative;

	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	-o-perspective: 600px;
	-ms-perspective: 600px;
	perspective: 600px;
}

.content-perspective:before {
	content: '';
	width: 37px;
	left: -20px;
	top: 40px;
	position: absolute;
	height: 1px;
	z-index: -1;
	background: rgb(223,223,223);
}

.content {
	margin: 0;
}

/* contenido por fechas */
.content-inner {
	position: relative;
	padding: 20px;
	border: none;
	border:1px solid rgb(223,223,223);
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.content-inner:after, .content-inner:before {
	right: 100%;
	top: 40px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.content-inner:after {
	border-color: rgba(255,255,255,0);
	border-right-color: #fff;
	border-width: 10px;
	margin-top: -10px;
}
.content-inner:before {
	border-color: rgba(223,223,223,0);
	border-right-color: #dfdfdf;
	border-width: 11px;
	margin-top: -11px;
}

.content-inner h3 {
	padding: 5px 0 5px 0;
	color: rgb(118,126,158);
	font-size: 16px;
}

.content-inner p,
.content-inner img {
	max-height: 0;
	overflow: hidden;
	color: transparent;
	color: rgba(0,0,0,0);
	text-align:justify;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
}

/*
.content-inner:before {
	font-family: 'fontawesome-selected';
	content: '\25c2';
	font-weight: normal;
	font-size: 54px;
	line-height: 54px;
	position: absolute;
	width: 30px;
	height: 30px;
	color: #41838e;
	left: -22px;
	top: 19px;
	z-index: -1;
}*/

/* Transiciones */
.thumb,
.thumb span,
.content-inner h3 {
	-webkit-transition: all 0.6s ease-in-out 0.2s;
	-moz-transition: all 0.6s ease-in-out 0.2s;
	-o-transition: all 0.6s ease-in-out 0.2s;
	-ms-transition: all 0.6s ease-in-out 0.2s;
	transition: all 0.6s ease-in-out 0.2s;
}

.content-inner {
	-webkit-transition: box-shadow 0.8s linear 0.2s;
	-moz-transition: box-shadow 0.8s linear 0.2s;
	-o-transition: box-shadow 0.8s linear  0.2s;
	-ms-transition: box-shadow 0.8s linear 0.2s;
	transition: box-shadow 0.8s linear 0.2s;
}

.content {
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	-moz-transition: -moz-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	-o-transition: -o-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	-ms-transition: -ms-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	transition: transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
}

.content-inner p,
.content-inner>.imagen img {
	-webkit-transition: max-height 0.5s linear, color 0.3s linear;
	-moz-transition: max-height 0.5s linear, color 0.3s linear;
	-o-transition: max-height 0.5s linear, color 0.3s linear;
	-ms-transition: max-height 0.5s linear, color 0.3s linear;
	transition: max-height 0.5s linear, color 0.3s linear;
}

/* Vista del contenido abierto */
.event input[type="radio"]:checked + label:after {
	content: '\f05d';
	color: rgb(235,80,85);
	box-shadow: 0 0 0 5px rgb(240,240,240);
}

.event input[type="radio"]:checked ~ .content-perspective:before { background: rgb(235,80,85) }
.event input[type="radio"]:checked ~ .content-perspective .content-inner h3 { color:rgb(235,80,85) }

.event input[type="radio"]:checked ~ .content-perspective .content-inner { border-color: rgb(235,80,85); }

.event input[type="radio"]:checked ~ .content-perspective .content-inner:after {
	border-color: rgba(255,255,255,0);
	border-right-color: #fff;
	border-width: 10px;
	margin-top: -10px;
}
.event input[type="radio"]:checked ~ .content-perspective .content-inner:before {
	border-color: rgba(235,80,85,0);
	border-right-color: #eb5055;
	border-width: 11px;
	margin-top: -11px;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner p,
.event input[type="radio"]:checked ~ .content-perspective .content-inner .imagen img {
	max-height: 400px; /* Add media queries */
	color: rgb(118,126,158);
	-webkit-transition-delay: 0s, 0.6s;
	-moz-transition-delay: 0s, 0.6s;
	-o-transition-delay: 0s, 0.6s;
	-ms-transition-delay: 0s, 0.6s;
	transition-delay: 0s, 0.6s;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner:before { color: #F26328; }
.event input[type="radio"]:checked ~ .thumb {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	border-bottom: 1px solid rgb(235,80,85);
	top: 40px;
}

.event input[type="radio"]:checked ~ .thumb span { color: rgb(235,80,85)!important; font-weight: 700; top: 2px;  }

.content-inner p,
.content-inner img,
.thumb span,
.event label {
	-webkit-backface-visibility: hidden;
}

@media screen and (max-width: 850px) { 
	.content-inner h3 { font-size: 20px; }
	.content-inner p {
		font-size: 14px;
		text-align: justify;
	}
	.event input[type="radio"]:checked ~ .content-perspective .content-inner p {
		max-height: 900px; 
	}
}

@media screen and (max-width: 540px) {
	.timeline:before { left: 50px; background: none }
	.event { 
		padding-right: 0px;
		margin-bottom: 100px;
	}


	.thumb {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-o-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}

	.event input[type="radio"] {
		width: 100px;
		height: 100px;
		left: 0px;
		top: 0px;
	}

	.thumb:before,
	.event input[type="radio"]:checked ~ .thumb:before {
		background: none;
		width: 0;
	}

	.event label {
		display: none;
	}

	.content-perspective {
		margin-left: 0px; 
		top: 80px;
	}

	.content-perspective:before { height: 0px; }


	.content-inner {
		position: relative;
		background: #fff;
		border: 1px solid #dfdfdf;
	}
	.content-inner:after, .content-inner:before {
		top: 0%;
		left: 30px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.content-inner:after {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
		border-width: 10px;
		margin-left: -10px;
	}
	.content-inner:before {
		border-color: rgba(223, 223, 223, 0);
		border-bottom-color: #dfdfdf;
		border-width: 11px;
		margin-left: -11px;
	}


	.event input[type="radio"]:checked ~ .content-perspective .content-inner {
		border-color: #F26328;
		box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.1);
	}

	.content-inner:before {
		content: '\25b4';
		left: 33px;
		top: -32px;
	}

	.event input[type="radio"]:checked ~ .content-perspective .content-inner p {
		max-height: 300px; 
	}
}








span.required">*</span>
/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}
 
/* Normalize placeholder styles */
 
/* chrome, safari */
::-webkit-input-placeholder {
    color:#CCC;
    font-style:italic;
}
 
/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#CCC;
    font-style:italic;
}
 
/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
    color:#CCC;
    font-style:italic;
}
/* Tabs
··································································································· */
.tabs {
	position: relative;
	margin: 0;
	width: 100%;
}

.tabs input {
	position: absolute;
	z-index: 1000;
	width: 33.333333;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	cursor: pointer;
}
.tabs input#tab-2 { left: 120px; }
.tabs input#tab-3 { left: 240px; }
.tabs input#tab-4 { left: 360px; }

.tabs label {
	background:rgb(255,255,255);
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
	float: left;
	display: block;
	width: auto;
	color: rgb(235,80,85);
	letter-spacing: 1px;
	font-weight: 700;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
	box-shadow: 0 0 2px rgb(227,227,227), -2px 0 0 rgb(227,227,227);
}

.tabs label:after {
	content: '';
	background: rgb(235,80,85);
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	display: block;
	color: rgb(255,255,255);
}

.tabs input:hover + label { background: rgb(252,252,252); }
.tabs label:first-of-type { z-index: 4; box-shadow: 0 0 2px rgba(0,0,0,0.1); }

.tab-label-2 { z-index: 3; }
.tab-label-3 { z-index: 2; }
.tab-label-4 { z-index: 1; }

.tabs input:checked + label {
	background: rgb(235,80,85);
	z-index: 6;
	color: rgb(255,255,255);
	-webkit-animation: page 0.2s linear;
	-moz-animation: page 0.2s linear;
	-ms-animation: page 0.2s linear;
	-o-animation: page 0.2s linear;
	animation: page 0.2s linear;
}

.clear-shadow { clear: both; }

.clear { clear: both; }

.tabs-contenido {
	background: rgb(235,80,85);
	position: relative;
	width: 100%;
	height: 400px;
	z-index: 5;
	overflow: hidden;
	box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
}

.tabs-contenido div {
	position: absolute;
	top: 0;
	padding: 10px 20px;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all linear 0.3s;
	-moz-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
	-ms-transition: all linear 0.3s;
	transition: all linear 0.3s;
}

.tab-articulos-1, .tab-articulos-3 {
	color: #fff;
	-webkit-transform: translateX(-250px);
	-moz-transform: translateX(-250px);
	-o-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
	transform: translateX(-250px);
}

.tab-articulos-2, .tab-articulos-4 {
	-webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	-o-transform: translateX(250px);
	-ms-transform: translateX(250px);
	transform: translateX(250px);
}


.tab-articulos-3>.uk-table th, .tab-articulos-3>.uk-table td {
	padding: 5.5px 0;
	border-bottom: 1px solid rgb(200,70,70);
}
.tab-articulos-3>.uk-table th {
	text-align: left
}

.tab-articulos-3>.uk-table td {
	vertical-align: top;
	text-align:left;
}
.tab-articulos-3>.uk-table td span { text-align: left !important; font-weight: 700; }

.tabs input.tab-seleccion-1:checked ~ .tabs-contenido .tab-articulos-1,
.tabs input.tab-seleccion-2:checked ~ .tabs-contenido .tab-articulos-2,
.tabs input.tab-seleccion-3:checked ~ .tabs-contenido .tab-articulos-3,
.tabs input.tab-seleccion-4:checked ~ .tabs-contenido .tab-articulos-4 {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	z-index: 100;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all ease-out 0.2s 0.1s;
	-moz-transition: all ease-out 0.2s 0.1s;
	-o-transition: all ease-out 0.2s 0.1s;
	-ms-transition: all ease-out 0.2s 0.1s;
	transition: all ease-out 0.2s 0.1s;
}
.tabs-contenido div h4 { margin: 5% 0 1%; color: rgb(255,255,255); }
.tabs-contenido div h4 a { color: rgb(255,255,255);}
.tabs-contenido div h4 a:hover { text-decoration: underline; }
.tabs-contenido div p {
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	margin: 0;
	color: rgb(255,255,255);
	padding-left: 15px;
	border-left: 10px solid rgb(255,255,255);
}

@keyframes "page" {
	0%		{ left: 0;	}
	50%		{ left: 2%;	}
	100%	{ left: 0;	}
}

@-moz-keyframes page {
	0%		{ left: 0;	}
	50%		{ left: 2%;	}
	100%	{ left: 0;	}
}

@-webkit-keyframes "page" {
	0%		{ left: 0;	}
	50%		{ left: 2%;	}
	100%	{ left: 0;	}
}

@-ms-keyframes "page" {
	0%		{ left: 0;	}
	50%		{ left: 2%;	}
	100%	{ left: 0;	}
}

@-o-keyframes "page" {
	0%		{ left: 0;	}
	50%		{ left: 2%;	}
	100%	{ left: 0;	}
}

/* ································································································ */



/* Navegacion principal
··································································································· */

/* PRESS PAGE */
.se-slope{
	margin: 0;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}
.se-slope:nth-child(odd) {
	overflow: hidden;
	height: 600px;
	width: 100%;
	background: url(../imagenes/slideshow/img-1.jpg) ;

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.se-content {
	margin: 0 auto;
}
.se-content h3 {
	font-size: 60px;
	position: relative;
	display: inline-block;
	padding: 3%;
	background: rgba(255,0,0,.3);
	line-height: 80px;
	margin-bottom: 1%;
	color: rgb(255,255,255);
	text-transform: uppercase;
}

.se-content p {
	width: 75%;
	max-width: 500px;
	margin: 0 auto;
	font-style: italic;
	font-size: 18px;
	line-height: 24px;
	padding-top: 10px;
}
/* ··································································································· */



#slider-marca {
	margin: 0;
	width: 100%;
}
#slider-marca ul {
	margin:3% 0;
	padding: 0;
	list-style: none;
	display: block;
}
#slider-marca li {
	text-align: center;
	width: 220px;
	height: 100px;
	padding: 0;
	margin: 5px;
	display: inline-block;
}
#slider-marca.responsive {
	width: auto;
	margin-left: 0;
}




.ambiente-icons { color: #8dd7f7}
.video-player { margin:0 0 70px; position: relative; }
.mapa { width: 100%; height: 350px; margin: 0 auto;}


.tm-link-blank *:hover{text-decoration:none}
.tm-panel-link{
	display:block;
	-webkit-transition:all ease-in-out 0.15s;
	transition:all ease-in-out 0.15s}

	@media (min-width: 768px){
		.tm-panel-link:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}}
	}

.tm-article-subtitle {
    padding-left: 6px;
    border-left: 3px solid #1FA2D6;
    font-size: 16px;
    line-height: 16px;
}

.tabla { background:rgb(235, 80, 85)!important;}
/****** CLIENTS *****/

#client-slider img { max-width: 120px; -webkit-backface-visibility: hidden; }
#clients { padding: 55px 0px 00px 0px; }

#client-slider li { text-align: center; }
.hero-screens { margin-top: 99px; }


/* FOOTER + formulari + copyright
··································································································· */
footer { background: rgb(235,80,85); position: relative; background: url('../imagenes/slideshow/img-1.jpg'); background-size: cover; border-bottom: 10px solid rgb(234,103,107) }
footer:before { position: absolute; width: 100%; height: 100%; content: ''; background: rgba(235,80,85,0.95);}
footer h2, footer h3, footer h4 { font-weight: 400; color: rgb(255,255,255); font-family: 'Lato',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }

footer .row { padding: 7% 0px 5% 0px; color: rgb(255,255,255); }
/* info en el footer */
footer .info-footer p { font-size: .8em; line-height: 1.3; }
footer .info-footer ul { list-style: none; padding: 0; margin:0 0 3%; width: 100%; }
footer .info-footer ul li { font-size: .8em; line-height: 1.7; font-weight: 300; }
footer .info-footer ul li i { padding-right: 2%; }

/* logotipos en el footer */
footer .logotipos-footer ul { padding: 5% 0; margin:5% 0 0; width: 100%; }
footer .logotipos-footer ul li { width: 32.50%; display: inline; position: relative; }
footer .logotipos-footer ul li a { color: rgb(235,80,85); text-indent: -99999px; position: relative; width: 33.333333%; color: transparent; padding: 30px 0;}

footer .logotipos-footer ul li a.logoLH { background: url('../imagenes/logotipos/logo-LH-footer.png') no-repeat left center;}
footer .logotipos-footer ul li a.logoLac { background: url('../imagenes/logotipos/logo-Lac-footer.png') no-repeat left center;}
footer .logotipos-footer ul li a.logoSB { background: url('../imagenes/logotipos/logo-SB-footer.png') no-repeat left center;}

/* enlaces en el footer */
footer .enlaces ul { margin:0% 0 5%; padding: 0; list-style: none; list-style-position: inside;}
footer .enlaces ul li { list-style-type: circle; }
footer .enlaces ul li:after { color:rgb(255,255,255) }
footer .enlaces ul li a { color: rgb(255,255,255); font-size: 12px; line-height: 20px; padding: 0; }
footer .enlaces ul li a:hover { border-bottom: 1px solid rgb(200,200,200) }


footer .enlaces ul {  }



/* Redes sociales en el footer */
footer .social-media p { font-size: .8em; line-height: 1.3; }
footer .social-media ul { padding: 0; list-style: none; }
footer .social-media ul li { text-align: left; display: inline-block; margin: 0 5px; }
footer .social-media ul li a { display: block; color: #ffffff; text-decoration: none; }
footer .social-media ul li a i {
	width: 40px;
	height: 40px;
	background: rgb(249,211,212);
	color: rgb(235,80,85);
	border: 2px solid rgb(255,255,255);
	position: relative;
	display: inline-block;
	padding: 11px;
	border-radius: 50%;
	font-size: 1em;
	
}
footer .social-media ul li a:hover i {
	background:rgb(235,80,85);
	color: rgb(255,255,255);
	border: 2px solid rgb(255,255,255)
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}


/* Formulario footer */
footer #formulario { margin: 5px 0 0; position: relative; }
footer #formulario > .medios { width: 49.5%; display: inline-block; }

/* estilo > laceholder */
::-webkit-input-placeholder {
   color: rgb(240,140,140);
   font-weight: lighter;
}
::-moz-input-placeholder {
   color: rgb(240,140,140);
   font-weight: lighter;
}

/* estilo > input */
footer input { display: inline-block; -webkit-appearance: none; margin-bottom: 10px; }
footer input[type=nombre],
footer input[type=email],
footer input[type=motivo],
footer input[type=text],
footer textarea[type=text] {
	font-family: 'Lato',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	width: 100%;
	color: rgb(255,255,255);
	padding:10px 10px;
	border: 1px solid rgb(200,70,70);
	border-radius: 5px;
	box-shadow: inset 0 1px 2px rgba(180,60,60,0.5);
	background: rgb(203,69,73);
}

/* estilo > input :hover */
footer input[type=nombre]:hover,
footer input[type=email]:hover,
footer input[type=motivo]:hover,
footer input[type=text]:hover,
footer textarea[type=text]:hover { outline: none; border: 1px solid rgb(240,140,140); box-shadow: none; }
/* estilo > input :focus */
footer input[type=nombre]:focus,
footer input[type=email]:focus,
footer input[type=motivo]:focus,
footer input[type=text]:focus,
footer textarea[type=text]:focus { outline: none; border: 1px solid rgb(240,140,140); box-shadow: 0 0 5px rgb(240,140,140); }
footer textarea[type=text] { height: 230px; }

footer input.highlight { border: 1px solid #ffcc33; box-shadow: 0 0 5px #ffff00; }
footer input.error { border: 1px solid #dd212b; box-shadow: 0 0 5px #ed1b24; }
footer button {
	background: rgb(200,70,70);
	color: #fff;
	position: absolute;
	bottom: 7px;
	right: 10px;
	display: inline-block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	text-decoration: none;
	text-align: center;
	border: none;
	line-height: 30px;
	min-height: 30px;
	font-size: 1rem;
	padding: 0 12px;

}


section button a { color: rgb(255,255,255); }
section button a:hover { color: rgb(255,255,255); }

/* Copyright */
#copyright { background: rgb(70,70,70); padding: 1% 0 0.05%}
#copyright p {
	color: rgb(200,200,200);
	font-size: 12px;
	font-family: 'Lato',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style: normal;
	line-height:15px;
}
#copyright .copy_menu ul { margin:0; padding:0; }
#copyright .copy_menu ul li { display: inline-block;list-style:none; }
#copyright .copy_menu ul li:after { content:"|"; color:rgb(100,100,100) }
#copyright .copy_menu ul li:last-child:after { content:""; }
#copyright .copy_menu ul li a {
	color: rgb(255,255,255);
	font-size: 12px;
	font-family: 'Lato',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	line-height: 40px;
	margin: 0 5px;
}
#copyright .copy_menu ul li a:hover { border-bottom: 1px solid rgb(200,200,200) }




/* validacion de los formularios*/
.error {
	position: absolute;
	color: red;
	font-weight: normal;
	display: inline-block;
	right: 2%;
	top: -1%;
	line-height: 5em;
	text-transform: uppercase;
}

.resultado_feo {
	background: rgb(235,80,85);
	color: white;
	font-weight: bold;
	padding: 20px;
	text-align: center;
}
.resultado_ok{
	background: #f2fae3;
	color: #659f13;
	font-weight: bold;
	padding: 20px;
	text-align: center;
}


.validacion-nula {
	border: 1px solid #eb6d6d !important;
	background: rgba(240,140,140,0.1)!important;
}
.validacion-nula:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.envio {
	background: rgb(114,188,51);
	display: block;
	cursor: pointer;
	float: right;
	padding: 5px 30px 5px 22px;
	margin: 0;
	font-weight: 700;
}

.envio span {
	font-size: 18px;
	margin-right: 9px;
	margin-top: 3px;
}

.envio:hover {
	background: rgb(0,146,63);
	-webkit-transition: all 0.1s ease-in-out;	
	-moz-transition: all 0.1s ease-in-out;	
	-o-transition: all 0.1s ease-in-out;	
	-ms-transition: all 0.1s ease-in-out;	
	transition: all 0.1s ease-in-out;
}

.loading2 {
	background:url(../images/ajax-loader.gif) no-repeat; 
	height:28px; 
	width:28px; 
	display: none;
	float: left;
	margin: 17px 0 0 12px;
}

#mensaje-enviado {
	display: none;
	width: 100%;
	border: 2px solid #A8D15F;
	background: #D3FF84;
	color: #82A83E;
	text-align: center;
	padding: 20px 0;
	margin-bottom: 20px;
	text-shadow: 1px 1px #E3FFB0;
	font-weight: 600;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

.ok {
	line-height: 1.50em;
	background: #D3FF84;
}




/* ································································································ */





/* Media Queries */
@media screen and (max-width: 1010px){
	.se-content h3{
		font-size: 40px;
	}
}
@media screen and (max-width: 767px) {
	.se-content h3{
		font-size: 20px;
	}
}
@media screen and (max-width: 400px) {
	.se-content h3{
		font-size: 20px;
		line-height: 20px;
		padding-top: 30px;
		height: 60px;
	}
	.se-content p{
		width: 95%;
	}
	.se-slope:nth-child(odd) .se-content,
	.se-slope:nth-child(even) .se-content{
		padding-left:60px;
		padding-right:60px;
		
	}
}