body {background:#ffffff;}
body, a {font:400 18px 'Gotham', Arial, Helvetica, sans-serif; line-height:1.4em;}

@font-face {font-family:'IconWeb'; font-weight:400; font-style:normal; src:url('modulos/IconWeb.woff') format('woff');}

@font-face {font-family:'Gotham'; font-weight:200; font-style:normal; src:url('fuentes/Gotham-L.woff') format('woff');}
@font-face {font-family:'Gotham'; font-weight:200; font-style:italic; src:url('fuentes/Gotham-LI.woff') format('woff');}
@font-face {font-family:'Gotham'; font-weight:400; font-style:normal; src:url('fuentes/Gotham-N.woff') format('woff');}
@font-face {font-family:'Gotham'; font-weight:400; font-style:italic; src:url('fuentes/Gotham-NI.woff') format('woff');}
@font-face {font-family:'Gotham'; font-weight:600; font-style:normal; src:url('fuentes/Gotham-B.woff') format('woff');}
@font-face {font-family:'Gotham'; font-weight:600; font-style:italic; src:url('fuentes/Gotham-BI.woff') format('woff');}
@font-face {font-family:'Gotham'; font-weight:800; font-style:normal; src:url('fuentes/Gotham-EB.woff') format('woff');}
@font-face {font-family:'Gotham'; font-weight:800; font-style:italic; src:url('fuentes/Gotham-EBI.woff') format('woff');}


/* ---------------------------- ESTILOS MUY IMPORTANTES --------------------------------------- */

* {margin:0; padding:0; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative;}
#arriba, #arriba img {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;
	transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none;}

button {outline:none;}
table {border-collapse:collapse; border:none;}
td, th {text-align:left; vertical-align:top;}
input, textarea {padding:5px; border:1px solid rgba(0,0,0,0.2); background:rgba(0,0,0,0.02);}
fieldset {padding:10px; border-radius:10px;}
fieldset input {background:#ffffff;}
select {padding:3px;}
img {border:0px; display:inherit; max-width:100%;}
b {font-weight:600;}

.noWeb, .soloBig {display:none;}
.inactivo {opacity:0.5; pointer-events:none;}


/* ---------- Estilos de Colores  ---------- */

A       {color:#ff8b00;}
A:hover {color:#000000;}

.txtPrim {color:#ff8b00;}
.txtSecu {color:#3464a5;}
.txtTerc {color:#0f2f5a;}
.txtBlan {color:#ffffff;}
.txtNegr {color:#000000;}

.txtOk {color:#0c9b60;}
.txtKo {color:#ba1717;}

.fondoPrim    {background:#ff8b00;}
.fondoPrimTte {background:rgba(248,170,0,0.6);}
.fondoSecu    {background:#3464a5;}
.fondoSecuTte {background:rgba(159,163,169,0.6);}
.fondoBlanco  {background:#ffffff;}
.fondoBco20   {background:rgba(255,255,255,0.2);}
.fondoBco40   {background:rgba(255,255,255,0.4);}
.fondoBco60   {background:rgba(255,255,255,0.6);}
.fondoNegro   {background:#000000;}

.bordeDere {border-right:solid 2px #3464a5;}
.bordeIzdo {border-left: solid 2px #3464a5;}

.trans15 {opacity:0.15;}
.trans25 {opacity:0.25;}
.trans50 {opacity:0.50;}
.trans75 {opacity:0.75;}

.sombraBlanc {text-shadow:0px 0px 10px #ffffff;}
.sombraNegra {text-shadow:0px 0px 10px #000000;}
.sombraNegr2 {text-shadow:0px 0px 6px rgba(0,0,0,0.7);}
.sombraImagen img {margin:10px 0px; box-shadow:0px 0px 15px rgba(0,0,0,0.3);}


/* -------------------------------- CABECERAS --------------------------------------------- */

#cabeceraClasica {display:block;}
#cabeceraMovil   {display:none;}

#cabeceraClasica {width:100%; height:250px; margin:auto; background:#ffffff; box-shadow:0px 5px 10px rgba(0,0,0,0.25); z-index:100;}

	.lineaSupe {width:100%; height:5px; margin:0px; background:#f2f2f2; border-bottom:solid 1px #ff8b00; position:absolute;}
	.lineaLogo {width:100%; height:60px; margin:190px 0px 0px 0px; position:absolute;}
	
	.cabzTelef {margin:20px 0px 0px 40px; position:absolute;}
	.cabzEmail {margin:20px 0px 0px 785px; position:absolute;}

	.logo {margin:20px 0px 0px 350px; position:absolute;}
	
.cabeceraMenu {width:100%; height:60px; margin:auto; position:absolute; z-index:100; background:url(images/cabzFranjaMenu.png) repeat-x bottom #ffffff;}
   	.cabeceraMenu ul {text-align:center; float:left; left:50%; position:relative;}
	.cabeceraMenu li {float:left; list-style:none; position:relative; right:50%;}
	.cabeceraMenu li a {height:55px; padding:0px 10px; margin:5px 10px 0px 10px; color:#3464a5; font:400 18px 'Gotham', Arial; line-height:34px; display:block;}
	.cabeceraMenu li a:hover {color:#ff8b00; border-bottom:solid 8px #3464a5;}
	.cabeceraMenu p {padding-top:10px;}
	
	.menuEfc img {transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; -o-transition:0.4s ease;}
	.menuEfc:hover img {transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2);}	

/* -------- Clases que agregaremos o modificamos cuando el usuario haga scroll -------- */

	.menuBase {width:100%; margin:188px auto auto auto;}
	.menuBase .menuLogo {width:0px; opacity:0;}

	.menuFixed {width:100%; height:65px; border-bottom:solid 2px #ffffff; box-shadow:0px 5px 10px rgba(0,0,0,0.25); top:0; position:fixed;}
	.menuFixed .menuLogo {width:250px; opacity:1;}
	.menuFixed .menuLogo a:hover {border-bottom:none;}	
	.menuFixed .menuLogo img {width:200px; max-width:200px !important; margin:10px 0px 0px -25px;}
	.menuFixed li a {margin-top:8px;}



/* -------------------------------- CUERPO Y CAPAS ------------------------------------ */

#Cuerpo {margin:auto; text-align:left; color:#000000;}
#Cuerpo ul, #Cuerpo ol {margin-left:20px;}

.capaCuerpo   {width:1000px; margin:auto;}
.capaCuerpo p {margin-bottom:10px;}
.capa1000     {width:1000px; margin:auto;}

.videoYoutube {position:relative; padding-bottom:56.25%; height:0; overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.videoYoutube iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.ancho-5   {width:5%;}
.ancho-10  {width:10%;}
.ancho-15  {width:15%;}
.ancho-20  {width:20%;}
.ancho-25  {width:25%;}
.ancho-30  {width:30%;}
.ancho-33  {width:33.33%;}
.ancho-35  {width:35%;}
.ancho-40  {width:40%;}
.ancho-45  {width:45%;}
.ancho-50  {width:50%;}
.ancho-55  {width:55%;}
.ancho-60  {width:60%;}
.ancho-65  {width:65%;}
.ancho-66  {width:66.66%;}
.ancho-70  {width:70%;}
.ancho-75  {width:75%;}
.ancho-80  {width:80%;}
.ancho-85  {width:85%;}
.ancho-90  {width:90%;}
.ancho-95  {width:95%;}
.ancho-100 {width:100%;}


/* ----------- Estilos de Párrafo ------------ */

h1, h2, h3, h4 {line-height:1.4em;}
h1 {font-size:40px;}
h2 {font-size:30px;}
h3 {font-size:24px;}
h4 {font-size:20px;}

.fontPrim {font-family:'Gotham', Arial;}
.fontSecu {font-family:'Gotham', Arial;}

.textoTitulo {width:100%; margin:20px auto 10px; padding-bottom:15px; font-weight:400; font-size:28px; line-height:28px; border-bottom:solid 1px #ff8b00;}

.textoResaltado {font-weight:400; font-size:20px; line-height:20px;}
.parraSep p {margin-bottom:1em;}

.fina {font-weight:200;}
.norm {font-weight:400;}
.semi {font-weight:600;}
.bold {font-weight:800;}

.listaTitular {margin:40px 0px 20px 50px; font-weight:400;}
.listaTopos {list-style:disc;}
.listaTopos li, .listaOrdenada li {margin:10px auto 10px 30px;}

.cent {text-align:center;}
.izda {text-align:left;}
.dcha {text-align:right;}
.just {text-align:justify;}
.ital {font-style:italic;}

.imags {text-align:center;}
.imags img {display:inline;}

.flotaDere {float:right;}
.flotar {float:left;}
.flotar img {max-width:95%;}

.pad-left  {padding-left:20px;}
.pad-right {padding-right:20px;}
.pad-total {padding:20px;}
.pad-lados {padding:0px 20px;}


/* ---------- Separadores ------------------ */

.limpiar {clear:both;}

.alto35  {height:35px;}
.alto140 {height:140px;}

.separa-01 {height:1px; clear:both;}
.separa-02 {height:2px; clear:both;}
.separa-03 {height:3px; clear:both;}
.separa-05 {height:5px; clear:both;}
.separa-10 {height:10px; clear:both;}
.separa-15 {height:15px; clear:both;}
.separa-20 {height:20px; clear:both;}
.separa-30 {height:30px; clear:both;}
.separa-40 {height:40px; clear:both;}
.separa-50 {height:50px; clear:both;}
.separa-60 {height:60px; clear:both;}
.separa-70 {height:70px; clear:both;}
.separa-80 {height:80px; clear:both;}
.separa-90 {height:90px; clear:both;}
.separa-100 {height:100px; clear:both;}
.separa-120 {height:120px; clear:both;}
.separa-150 {height:150px; clear:both;}
.separa-200 {height:200px; clear:both;}


/* ---------- Capas Fondos ------------ */

.capaFondo  {width:100%; left:0; padding:0; margin:0; z-index:-100;}
.fondoConta {background:url(images/fondos/fondoConta.jpg) repeat-y top center; background-size:cover;}
.fondoLegal {background:url(images/fondos/fondoLegal.jpg) repeat-y top center; background-size:cover;}

.fondoPuntoNegro {background:url(modulos/puntoNegro.png) repeat top center;}
.fondoPuntoBlanc {background:url(modulos/puntoBlanco.png) repeat top center;}



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


/* -------- Sección Inicio ------------ */	

#slider-contenedor {width:100%; margin:0; padding:0; background:url(modulos/puntoNegro.png) repeat top center; overflow:hidden;}
.headerimg {background:no-repeat center center #ffffff; width:100%; background-size:cover; position:absolute;}

#slider-contenedor:hover .headernav {opacity:1;}
.headernav {width:100%; height:50px; top:50%; margin:-25px auto auto auto; position:relative; z-index:50; opacity:0;}
.back, .next {height:50px; width:50px; cursor:pointer;}
.back {margin-left:25px; float:left; display:inline;}
.next {margin-right:25px; float:right; display:inline;}

#headertxt {width:60%; top:60%; left:20%;}

#sliderTitulo {width:600px; margin:auto; line-height:98px; text-align:center;}
#capaEfecto {width:600px; height:100px; margin:auto; background:rgba(255,255,255,0.65); border-radius:5px; overflow:hidden;
	-webkit-animation-name:animaTexto; -webkit-animation-duration:1s; -webkit-animation-iteration-count:1; -webkit-animation-timing-function:ease-out;
	-moz-animation-name:animaTexto; -moz-animation-duration:1s; -moz-animation-iteration-count:1; -moz-animation-timing-function:ease-out;}

@-webkit-keyframes animaTexto {
    0% {width:0px;}
    100% {width:600px;}
}

@-moz-keyframes animaTexto {
    0% {width:0px;}
    100% {width:600px;}
}


.serviHome {padding:10px 0px; border-radius:10px; border:solid 2px #3464a5; background:#eeeeee;}
.serviHome .imags {height:120px; margin:-70px auto 10px auto;}
.serviHome img {width:120px;}


/* -------- Sección Servicios ------------ */

#secServicios .textoTitulo {margin:0px auto 10px; font-weight:600;}

.icoServi, .icoTexto {float:left;}
.icoServi {width:30%;}
.icoServi img {width:120px; margin-top:20px;}
.icoTexto {width:70%; padding:20px; border-left:solid 1px #ff8b00;}


/* -------- Sección Productos ------------ */

.icoProdu img {width:120px;}
#secProductos .textoTitulo {margin:0px auto 10px; font-weight:600;}


/* -------- Sección Contacto ---------- */

.datosContacto {text-align:center; margin:15px 0px 0px 0px !important;}
	.iconoContacto    {height:30px; line-height:30px; font-size:30px; color:#ff8b00;}
	.datosContacto li {height:30px; line-height:30px; vertical-align:top; float:none; display:inline-table;}
	.datosContacto, .datosContacto a {font:normal 18px 'Gotham' !important; line-height:30px; color:#0f2f5a;}
	.datosContacto a:hover {color:#ff8b00;}

#secContacto .fondoPrim {border-radius:20px;}

.mapas   {width:90%; height:550px; margin:auto; box-shadow:0px 0px 15px rgba(0,0,0,0.3);}
.mapa100 {width:100%; height:550px; margin:auto;}
.mapaFon {width:100%; height:100%; margin:0; position:absolute; z-index:10;}
.hoverON {pointer-events:none;}

#contactos {padding:20px; text-align:left; border:solid 1px #3464a5; background:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.25);}
#contactos input, #contactos select, #contactos textarea {border-radius:5px;
	padding:10px; font:normal 18px 'Gotham', Arial, Helvetica, sans-serif; line-height:22px; border:solid 1px rgba(0,0,0,0.2); background:rgba(0,0,0,0.02);}
#contactos div {margin:0px 10px 10px 10px;}
.contactoTexto {padding:10px; text-align:center; color:#00213C; font:bold 23px 'Gotham', Arial, Helvetica, sans-serif; line-height:25px;}
.flotarForm {float:left;}
.contactoEtiqueta {font-weight:bold;}
.contacto100   {width:910px; max-width:910px;}
.contactoDatos {width:100%; text-align:left;}
	.contactoNombre {width:400px;}
	.contactoTelef {width:200px;}
	.contactoEmail {width:270px;}
#contactoEnviar {padding-left:220px;}
	.contactoCondiciones {padding-top:10px;}
	.contactoCheck {margin:15px 0px 0px 5px; -moz-transform:scale(1.4); -webkit-transform:scale(1.4);}
	#contactoEnviar input {margin-left:10px; color:#ffffff; background:#3464a5; cursor:pointer; /* text-indent: -9999px; */}
	#contactoEnviar input:hover {color:#ffffff; background:#ff8b00;}

#formularioEnviado {width:500px; margin:40px auto auto auto; padding:25px; font-size:22px; font-weight:400; line-height:50px; text-align:center;
	background:#f8f8f8; border:solid 3px #333333; border-radius:15px; box-shadow:0px 0px 15px rgba(0,0,0,0.25);}

	
/* ---------------------------------  PIE  -------------------------------------------- */	

#Pie {width:100%; margin:auto; background:#F2F2F2; border-top:solid 2px #ff8b00;}

	.pieLogo {width:200px; height:152px; margin:-50px auto auto auto; z-index:10;}
	.pieLogo img {width:200px;}
	
	.pieContacto {text-align:center;}
		.pieContacto li {height:20px; vertical-align:middle; text-align:left; float:none; display:inline-table;}
		.pieContacto, .pieContacto a {font:normal 16px 'Gotham' !important; color:#0f2f5a;}
		.pieContacto a:hover {color:#ff8b00;}

		.margen05 {margin:0px 3px;}
		.margen10 {margin:0px 10px;}

	.iconoPie {font-size:22px; color:#ff8b00;}

	.pieRedes {text-align:center;}
		.iconoRed, .iconoRed a {margin:2px; font:normal 15px 'Gotham' !important; color:#ffffff; line-height:40px; text-align:left; float:none; display:inline;}
		.iconoRed a:hover {color:#ff8b00;}
		.iconoRed img {width:40px; margin-top:-2px; vertical-align:middle;}
		


/* ---------------------------- RESPONSIVE ---------------------------------------*/


@media only screen and (min-width: 1500px) {

h1 {font-size:50px;}
h2 {font-size:40px;}
h3 {font-size:30px;}
h4 {font-size:24px;}

.capaCuerpo {width:1350px;}
.soloBig {display:block;}
.noBig {display:none;}

#headertxt {width:50%; top:60%; left:25%;}
#sliderTitulo {width:700px; line-height:145px;}
#capaEfecto {width:700px; height:150px;}

@-webkit-keyframes animaTexto {
    0% {width:0px;}
    100% {width:700px;}
}

@-moz-keyframes animaTexto {
    0% {width:0px;}
    100% {width:700px;}
}

.serviHome .imags {height:150px; margin:-80px auto 15px auto;}
.serviHome img {width:150px;}

.icoServi {text-align:center;}
.icoServi img {width:140px; margin-top:40px; display:inline;}
.icoTexto {padding:30px; border-left:solid 2px #ff8b00;}

.icoProdu img {width:150px;}

}



@media only screen and (max-width: 1000px) {

#cabeceraClasica, #menuRedesPie, .noMovil {display:none;}
#cabeceraMovil, .noWeb {display:block;}

#cabeceraMovil {}
#cabecera {width:100%; height:150px; margin:0 auto;}
	.cabecera-imagen {margin:auto; text-align:center; line-height:134px;}
	.cabecera-imagen img {width:70%; max-width:250px; height:auto; vertical-align:middle;}

.menuMovil {width:100%; height:60px; text-align:center; background:#f2f2f2; border-top:solid 1px #ff8b00; border-bottom:solid 1px #ff8b00; z-index:1000;}
	.botonera {margin:0px 15px 0px 0px; float:right; display:inline; overflow:hidden;}
	.botonera a, .iconIconoMenu {font-size:40px; color:#3464a5; z-index:10000;}
	.iconIconoMenu {margin-left:10px; line-height:60px;}

.cabecera-logo {width:100%; margin:0; text-align:center; position:absolute;}
	.logoImagen {width:50%; margin:auto; left:50%; margin-left:-33%; opacity:0; z-index:1100;}
	.logoImagen img {width:100%; height:30px; margin-top:12px;}

.menuFixedMovil {top:0; position:fixed; box-shadow:0px 0px 15px rgba(0,0,0,0.5);}

.menuNav {width:100%; height:60px; text-align:left; position:absolute; z-index:900;}

.menuNav a, .menuNav a:hover {color:#ffffff; font:400 22px 'Gotham', Arial, Helvetica; line-height:24px; text-decoration:none;}
.dl-menu img {padding:10px; float:left; display:inline; height:54px;}
.dl-menuwrapper ul {background:#3464a5;}

.dl-menuwrapper {width:100%; float:left; position:relative; -webkit-perspective:1000px; perspective:1000px;
	-webkit-perspective-origin:50% 200%; perspective-origin:50% 200%;}
.dl-menuwrapper:first-child {margin-right:100px;}
.dl-menuwrapper ul {padding:0; list-style:none; -webkit-transform-style:preserve-3d; transform-style:preserve-3d;}
.dl-menuwrapper li {position:relative; border-bottom:solid 1px #ff8b00;}
.dl-menuwrapper li a {display:block; position:relative; padding:15px; outline:none;}
.no-touch .dl-menuwrapper li a:hover {background:rgba(255,255,255,0.2);}
.dl-menuwrapper li.dl-back > a {padding-left:30px; background:rgba(0,0,0,0.2);}
.dl-menuwrapper li.dl-back:after {left:5px; color:rgba(255,255,255,0.4); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.dl-menuwrapper li > a:after {right:5px; color:rgba(0,0,0,0.3);}
.dl-menuwrapper .dl-menu {margin:0; position:absolute; width:100%; opacity:0; pointer-events:none;
	-webkit-transform:translateY(10px); transform:translateY(10px); -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {transition:all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity:1; pointer-events:auto; -webkit-transform:translateY(0px); transform:translateY(0px);}
.dl-menuwrapper li .dl-submenu {display:none;}
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {display:none;}
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display:block;}
.dl-menuwrapper > .dl-submenu {position:absolute; width:100%; top:60px; left:0; margin:0;}


/* ------------------------------------ CUERPO ----------------------------------------- */

#Cuerpo {width:100%; margin:auto; text-align:left;}


/* ------ Estilos de Párrafo ---------- */

h1 {font-size:30px;}
h2 {font-size:25px;}
h3 {font-size:20px;}
h4 {font-size:18px;}

.textoTitulo {font-size:22px; line-height:35px;}

.lista-titular {margin:40px 0px 20px 0px;}
.listaTopos li, .listaOrdenada li {padding:10px auto 50px 20px;}
#secCookies .listaTopos li {margin:10px auto 10px 10px;}

.separa-10 {height:5px; clear:both;}
.separa-15 {height:10px; clear:both;}
.separa-20 {height:10px; clear:both;}
.separa-30 {height:15px; clear:both;}
.separa-40 {height:20px; clear:both;}
.separa-50 {height:25px; clear:both;}
.separa-60 {height:30px; clear:both;}
.separa-70 {height:35px; clear:both;}
.separa-80 {height:40px; clear:both;}
.separa-90 {height:45px; clear:both;}
.separa-100 {height:50px; clear:both;}
.separa-120 {height:60px; clear:both;}
.separa-150 {height:75px; clear:both;}
.separa-200 {height:100px; clear:both;}

.parraSep p {padding:0px 10px;}
.capaCuerpo, .capa1000 {width:100%; margin:auto; padding:10px;}
.capaCuerpo p {margin-bottom:10px; padding:0px 10px 0px 10px;}

.ancho-50 {width:100%;}
.flotar {margin:20px auto; float:none; text-align:center;}
.flotar img {max-width:95%;}

	
/* -------- Sección Inicio ------------ */	

#headertxt {top:40%;}
.headernav {display:none;}
#sliderTexto1, #sliderTexto2 {font-size:30px; float:none; display:inline;}

#headertxt {width:90%; top:50%; left:5%;}
#sliderTitulo {font-size:22px; width:100%; line-height:78px;}
#capaEfecto {width:100%; height:80px;}

@-webkit-keyframes animaTexto {
    0% {width:0px;}
    100% {width:100%;}
}

@-moz-keyframes animaTexto {
    0% {width:0px;}
    100% {width:100%;}
}

.serviHome {margin:0px auto 40px auto;}
.serviHome .imags {height:100px; margin:-50px auto 25px auto;}
.serviHome img {width:100px;}


/* -------- Sección Servicios ------------ */

#secServicios .side {margin:15px auto 25px auto;}

.icoServi, .icoTexto {width:100%; float:none; text-align:center;}
.icoTexto {padding:0px 5px; border-left:none;}


/* -------- Sección Productos ------------ */

#secProductos .side {margin:15px auto 25px auto;}


/* --------- Sección Contacto ------------ */

.mapas, .mapa100 {height:300px;}
.flotarForm {float:none;}
#contactos {width:95%; margin:auto; padding:5px;}
#contactos div {margin:0px 5px 10px 5px;}
.contactoNombre, .contactoTelef, .contactoEmail, .contacto100 {width:100%;}
#contactoEnviar {padding-left:0px; text-align:center;}
	.contactoCondiciones {padding-top:0px; float:left;}
	.contactoCheck {margin:0px 0px 0px 5px; float:left;}
	.contactoBoton {clear:both; padding-top:10px;}
#formularioEnviado {width:90%; max-width:400px; margin:30px auto auto auto; padding:20px; font-size:20px; line-height:40px; border-radius:10px;}	


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

.pieContacto {margin:10px auto 20px auto;}
.pieContacto li.margen10 {margin:0px; height:10px; display:block;}

.pieRedes {width:100%; padding:10px 0px;}
	.iconoRed {margin:5px 0px; text-align:left; float:none; display:inline;}
	.iconoRed img {width:50px; vertical-align:middle;}
	.noFlotarMv {width:100%; text-align:center; display:block;}

	
}


/* ----------------------------- ICONOS WEB ------------------------------------*/

[class^="icon"], [class*=" icon"] {font-family:'IconWeb'; speak:none; -webkit-font-smoothing:antialiased;}
.iconHome:before         {content:"\e900";}
.iconCerrar:before       {content:"\e90c";}
.iconFlechaTop:before    {content:"\e901";}
.iconFlechaRight:before  {content:"\e902";}
.iconFlechaBottom:before {content:"\e903";}
.iconFlechaLeft:before   {content:"\e904";}
.iconIconoMenu:before    {content:"\e905";}
.iconIconoEmail:before   {content:"\e906";}
.iconIconoTelef:before   {content:"\e907";}
.iconPieDirec:before     {content:"\e908";}
.iconPieEmail:before     {content:"\e909";}
.iconPieTelef:before     {content:"\e90a";}
.iconPieMovil:before     {content:"\e917";}
.iconPieFax:before       {content:"\e90b";}
.iconFacebook:before     {content:"\e90d";}
.iconTwitter:before      {content:"\e90e";}
.iconWordpress:before    {content:"\e90f";}
.iconBlog:before         {content:"\e910";}
.iconInstagram:before    {content:"\e911";}
.iconYoutube:before      {content:"\e912";}
.iconGoogle:before       {content:"\e913";}
.iconLinkedin:before     {content:"\e914";}
.iconPinterest:before    {content:"\e915";}
.iconMenuRedes:before    {content:"\e916";}


/* --------------------- ESTILOS EFECTOS GENERALES -----------------------------*/

.redondo-10 {border-radius:10px;}
.redondo-20 {border-radius:20px;}

a, .opacidad img, .ampliar img, .ampliar2 img, .desplaza img, .circulo img, .cuadrado img, .grises img, .cabeceraMenu, #menu li a, .menuLogo, .menuFixed, .logoImagen, #contactoEnviar input, .efectos, .headernav, .trata-txt {
	transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;}

.opacidad img, .realce img:hover {opacity:1;}
.opacidad img:hover, .realce img {opacity:0.75;}

.ampliar img {-webkit-transform: scale(1); transform: scale(1)}
.ampliar img:hover {-webkit-transform: scale(1.12); transform: scale(1.12)}

.ampliar2 img {-webkit-transform: scale(1); transform: scale(1)}
.ampliar2 img:hover {-webkit-transform: scale(1.05); transform: scale(1.05)}

.desplaza img {margin-top:0px; padding-bottom:0px;}
.desplaza img:hover {margin-top:-2px; padding-bottom:2px;}

.circulo img, .cuadrado img:hover {border:solid 2px #ffffff; border-radius:0px;}
.circulo img:hover, .cuadrado img {border:solid 2px #ffffff; border-radius:50%;}

.grises img {filter: url('#grayscale'); -webkit-filter:grayscale(100%); filter:grayscale(100%); filter:Gray();}
.grises img:hover {-webkit-filter:grayscale(0%); filter:none;}


/* --------------------- ESTILOS BARRA SCROLL ---------------------------------- */

::-webkit-scrollbar 	   {width:12px; height:12px;}
::-webkit-scrollbar-button {width:10px; height:10px;}
::-webkit-scrollbar-corner {background:transparent;}

::-webkit-scrollbar-thumb		{background:#ff8b00;}
::-webkit-scrollbar-thumb:hover {background:#4946b0;}
::-webkit-scrollbar-track 		{background:#ffffff;}
::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {border-radius:10px; box-shadow:inset 0 0 5px rgba(0,0,0,0.5);}


/* -------------------------- BARRA DE COOKIES ----------------------------------*/

#barraCookies {width:100%; left:0px; right:0px; bottom:0px; position:fixed; text-align:center;
	background-color:rgba(0,0,0,0.7); color:#fff; z-index:99999999999; display:none;}

.separaCookies {height:20px; clear:both;}

.innerCookies {width:100%; padding-left:5px; font-size:14px; top:30%;}
.innerCookies a.okCook, .innerCookies a.inCook {font-size:14px; margin:10px; padding:8px 12px; border:solid 1px #ffffff; border-radius:5px; text-decoration:none;}
.innerCookies a.okCook {color:#00ff2e; background:#222222;}
.innerCookies a.inCook {color:#faff00; background:#222222;}
.innerCookies a:hover.okCook, .innerCookies a:hover.inCook {color:#ffffff; background:#000000;}


/* ------------------------- EFECTOS SCROLLER ---------------------------------- */

.scroller {}
.section {}

.section:before, .section:after, .side:before, .side:after {content:" "; display:table;}
.section:after, .side:after {clear:both;}

.side {float:left; margin:0; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.side img {max-width:96%;}

/* Estados Inicial Animaciones */
.cbpInit .side {-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2); opacity:0;}		/* Estado Inicial */
.section.cbpAnimate .side {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); opacity:1;}	/* Estado Final */


@media only screen and (max-width: 639px) {
.scroller {font-size:100%;}
.section h2 {margin:0px 10px;}	
.side {width:100%; margin:auto; padding:0px 10px; float:none; display:block;}
.side img {max-width:98%; float:none; margin:20px auto;}
}