body {background:url(images/PaginaFondo.jpg) no-repeat center center fixed #0064ae; background-size:cover; color:#ffffff;}

@font-face {font-family:'Awesome'; font-weight:normal; font-style:normal; src:url('fuentes/Awesome.woff') format('woff');}
@font-face {font-family:'DinNext'; font-weight:200; font-style:normal; src:url('fuentes/DinNext-L.woff') format('woff');}
@font-face {font-family:'DinNext'; font-weight:200; font-style:italic; src:url('fuentes/DinNext-LI.woff') format('woff');}
@font-face {font-family:'DinNext'; font-weight:400; font-style:normal; src:url('fuentes/DinNext-N.woff') format('woff');}
@font-face {font-family:'DinNext'; font-weight:400; font-style:italic; src:url('fuentes/DinNext-NI.woff') format('woff');}
@font-face {font-family:'DinNext'; font-weight:600; font-style:normal; src:url('fuentes/DinNext-B.woff') format('woff');}
@font-face {font-family:'DinNext'; font-weight:600; font-style:italic; src:url('fuentes/DinNext-BI.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;}	
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;}
.MsoNormal, th {color:#ffffff;}
.highslide-caption {margin-top:15px}
img {border:0px; display:inherit;}

.inactivo {opacity:0.4 !important; pointer-events:none;}

.capaFlexTop {display:flex; flex-wrap:wrap; justify-content:center;}
.capaFlexCen {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}

BODY, A {font-family:'DinNext', Arial, Helvetica, sans-serif; font-weight:200;}
A       {color:#c3e2f9;}
A:hover {color:#ffffff;}


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

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

#cabeceraClasica {width:100%; margin:auto; width:100%; z-index:999; position:fixed;}

.cabecera-menu {width:100%; height:70px; background:rgba(0,0,0,0.5); border-bottom:solid 1px #2c95e3; top:0px;}
	.menuInicio {padding-left:64px;}
	.menuBase .menuLogo img {height:170px; margin:5px 0px 0px 0px;}
	.menuBase {width:100%; margin:0px auto auto auto;}
   	.menuBase ul {text-align:center; float:left; left:50%; position:relative;}
	.menuBase li {float:left; list-style:none; position:relative; right:50%;}
	.menuBase li a {padding:0px 10px; margin:10px 10px; font:normal 20px 'DinNext', Arial; line-height:52px; display:block; color:#ffffff;}
	.menuBase li a:hover {color:#b9daf3;}
	.efectoMenu {transition:0.3s ease; -moz-transition:0.3s ease; -webkit-transition:0.3s ease; -o-transition:0.3s ease;}
	.efectoMenu:hover {transform:scale(1.15); -moz-transform:scale(1.15); -webkit-transform:scale(1.15); -o-transform:scale(1.15);}

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

	.menuFixed {width:100%; height:80px; background:rgba(0,45,79,0.9); box-shadow:0px 5px 10px rgba(0,0,0,0.5); top:0;}
	.menuFixed .menuLogo img {height:65px; margin:-40px 0px 0px 0px;}
  .menuFixed ul {text-align:center; float:left; left:50%; position:relative;}
	.menuFixed li {float:left; list-style:none; position:relative; right:50%;}
	.menuFixed li a {padding:0px 20px; margin:50px 5px; font:normal 20px 'DinNext', Arial; line-height:20px; display:block; color:#ffffff;}
	.menuFixed li a:hover {color:#b9daf3;}
	

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

#cuerpo {margin:auto; padding:220px 0px 20px 0px; min-height:300px; text-align:left; font-size:20px; line-height:25px;}
#cuerpo ul, #cuerpo ol {margin-left:20px;}

#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;}

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

.carritoVacio {width:1000px; margin:40px auto; text-align:center;}
#contenedor-general {width:1000px; margin:40px auto;}


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

#pie {width:100%; margin:auto;}
	
.pieTexto {width:1000px; margin:auto;}
	.pieTexto, .pieTexto a {font:200 18px 'DinNext', Arial, Helvetica; line-height:24px; color:#ffffff;}	
	.pieTexto a:hover {color:#c3e2f9;}

.logosPie {width:100%; margin:auto; text-align:center;}
.logosPie img {margin:5px 10px;}

.capaLogosPie {max-width:690px /*-- Ojo. Tamaño máximo 800px --*/; margin:auto;}

	.logoJaenGastro img  {width:220px;}
	.logoDiputacion img  {width:100px; margin-top:-25px;}
	.logoDipuEmpresa img {width:110px;}
	.logoDegustaJaen img {width:140px;}
	.logoAyto img        {width:110px;}	
	.logoTurjaen img     {width:100px;}
	.logoHO img          {width:90px;}
	.logoOlivenza img    {width:60px;}
	.logoTodoHotel img   {width:140px;}
	.logoOedim img       {width:110px;}
	.logoRadioJaen img   {width:90px;}
	.logoGonzalez img    {width:120px;}
	.logoAAGT img        {width:120px;}		
	.logoFord img        {width:90px;}
	.logoOndaCero img    {width:90px;}
	.logoJaenJaen img    {width:80px;}
	.logoCajaRural img   {width:80px;}
	.logoJaenOlivar img  {width:90px;}
	.logoTecniseg img    {width:160px;}
	.logoVictoria img    {width:130px;}
	.logoIntelec img     {width:120px;}
	.logoIfeja img       {width:120px;}
	.logoImefe img       {width:100px;}
	.logoJadisa img      {width:80px;}
	.logoBlanca img      {width:100px;}
	.logoHnosCastro img  {width:100px;}
	
	.colaboran {text-align:center; margin-left:5px; position:absolute;}


.pieCopys {width:75%; margin:0px; text-align:center; float:left; display:block;}
	.pieCopys, .pieCopys a {color:#c3e2f9; line-height:50px;}
	.pieCopys a:hover {color:#ffffff;}	

.pieRedes {width:25%; text-align:center; float:left; display:block;}
	.socialPie {margin:0px 10px; text-align:left; float:left; display:inline;}
	.socialPie img {width:50px; vertical-align:middle;}


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

h1, h2, h3, h4, h5 {line-height:1.2em;}
h1 {font-weight:600; font-size:50px;}
h2 {font-weight:600; font-size:40px;}
h3 {font-weight:600; font-size:30px;}
h4 {font-weight:600; font-size:24px;}
h5 {font-weight:600; font-size:22px;}

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

.txtOk {color:#85bfea;}
.txtKo {color:#ff5959;}

.textoTitulo {width:100%; margin:auto; font-weight:600; font-size:30px; line-height:50px; border-bottom:solid 1px #2c95e3;}

.textoResaltado {font-weight:400; font-size:20px; line-height:24px;}
.textoResaltado p {margin-bottom:15px;}
.parra-10 p {margin-bottom:10px;}
.parra-20 p {margin-bottom:20px;}
.parra-30 p {margin-bottom:30px;}

.fina {font-weight:200;}
.norm {font-weight:400;}
.bold {font-weight:600;}
.extr {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;}

.ancho-5   {width:5%;}
.ancho-10  {width:10%;}
.ancho-20  {width:20%;}
.ancho-25  {width:25%;}
.ancho-30  {width:30%;}
.ancho-33  {width:33.33%;}
.ancho-40  {width:40%;}
.ancho-50  {width:50%;}
.ancho-60  {width:60%;}
.ancho-70  {width:70%;}
.ancho-75  {width:75%;}
.ancho-80  {width:80%;}
.ancho-100 {width:100%;}

.flotarDere {float:right;}
.flotarIzda, .flotar {float:left;}
.flotar img {max-width:95%;}

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


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

.fonMoraOsc {background:#6f186d;}
.fonMoraCla {background:#2c95e3;}
.fonBlanco  {background:#ffffff;}
.fonNegro   {background:#000000;}
.fonNegro50 {background:rgba(0,0,0,0.5);}
.fonNegro70 {background:rgba(0,0,0,0.7);}

.bordeDere {border-right:solid 5px #916565;}
.bordeIzdo {border-left:solid 5px #916565;}

.txtMoraOsc {color:#2c95e3;}
.txtMoraCla {color:#c3e2f9;}
.txtBlanco  {color:#ffffff;}

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

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

.limpiar {width:100%; clear:both;}

.separa-10 {height:10px; 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-80 {height:80px; clear:both;}
.separa-90 {height:90px; clear:both;}
.separa-100 {height:100px; clear:both;}
.separa-120 {height:120px; clear:both;}

.separMoraCla, .separMoraOsc {width:100%; height:1px; margin:auto; text-align:center;}
.separMoraOsc {background:#6f186d;}
.separMoraCla {background:#2c95e3;}

.separAzulCla, .separMoraOsc {width:100%; height:1px; margin:auto; text-align:center;}
.separAzulOsc {background:#0064ae;}
.separAzulCla {background:#2c95e3;}


/* -------- 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 {top:45%; text-align:center;}
#sliderTitulo {margin:auto auto 20px auto; border-radius:5px;}
#sliderTexto1 {float:none; display:inline;}
#sliderTexto2 {float:none; display:inline;}

.iconoCapa {width:40%; margin:auto 5%; padding:20px 15px; border:solid 2px #ffffff; border-radius:20px; background:rgba(0,0,0,0.5);}
.iconoCirculo {width:100px; height:100px; margin:auto; text-align:center; padding-top:36px; border-radius:49%; background:#2c95e3;}
.iconoTextoTitulo {font-size:26px; line-height:26px;}

.videoYoutube {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.videoYoutube iframe, .videoYoutube video {position:absolute; top:0; left:0; width:100%; height:100%;}


/* -------- Sección PARTNERS ---------- */

.partnerLogo {text-align:center; margin-bottom:35px;}
.partnerLogo img {width:85%; margin:auto; border-radius:15px; border:solid 2px #2c95e3; background:#ffffff; box-shadow:0px 0px 10px rgba(0,0,0,0.25);}
.margenCent {margin:auto;}
.margenP0 {margin-left:10%;}
.margenP1 {margin-left:30%;}
.margen1 {margin-left:37.5%;}
.margen2 {margin-left:25%;}
.margen3 {margin-left:12.5%;}


/* -------- Sección CONCURSO ---------- */

#fondoConcurso {width:100%; height:100%; top:0; left:0; bottom:0; right:0; position:fixed;
	background:url(images/PaginaFondoConcurso.jpg) no-repeat top center; background-size:cover;}


/* -------- Sección PONENCIAS ---------- */

.ponenteBox {width:378px; height:auto; margin:0 auto 35px; padding:10px; border-radius:185px 185px 25px 25px; border:solid 2px #2c95e3; background:rgba(0,0,0,0.5);}
.ponenteBox img {width:100%; max-width:100%; margin-bottom:13px; border-radius:49%; border:solid 5px #2c95e3; background:#fff;}


/* -------- Sección CONTACTO ---------- */

.mapas {width:90%; height:550px; margin:35px auto; box-shadow:0px 0px 15px rgba(0,0,0,0.3);}

#contactos {padding:20px; text-align:left; border:solid 3px #82b6dd; border-radius:20px; background:rgba(0,0,0,0.5);}
#contactos input, #contactos select, #contactos textarea {
	border-radius:5px; padding:10px; font:normal 18px 'DinNext', Arial; line-height:22px; border:solid 1px #5aa8e2; background:rgba(255,255,255,0.9);}
#contactos input:hover, #contactos select:hover, #contactos textarea:hover {background:#ffffff;}	
#contactos div {margin:0px 10px 10px 10px;}
.contactoTexto {padding:10px; text-align:center; color:#00213C; font:bold 23px 'DinNext', Arial, Helvetica, sans-serif; line-height:25px;}
.flotarForm {float:left;}
.contactoEtiqueta {font-weight:400;}
.contacto100   {width:910px; max-width:910px;}
.contactoDatos {width:100%; text-align:left;}
	.contactoNombre {width:400px;}
	.contactoTelef {width:200px;}
	.contactoEmail {width:270px;}
.alto140 {height:140px;}
#contactoEnviar {padding-left:220px;}
	.contactoCondiciones {padding-top:10px; font-size:18px; font-weight:200;}
	.contactoCheck {margin:15px 0px 0px 5px; transform:scale(1.4);}
	#contactoEnviar input {margin-left:10px; color:#ffffff; background:#0064ae; cursor:pointer;}
	#contactoEnviar input:hover {color:#ffffff; background:#5aa8e2;}

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



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


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

.capaCuerpo {width:1350px;}
.capa-logo {width:800px; top:50%; left:50%; margin:-400px 0 0 -400px; position:fixed;}
.logo img {width:100%;}

#secPartners .ancho-25 {width:20%;}

}


@media only screen and (max-width: 1300px) {
	
h1 {font-size:40px;}
h2 {font-size:30px;}
h3 {font-size:24px;}
.separa-60 {height:40px; clear:both;}

.capa-logo {width:500px; top:50%; left:50%; margin:-250px 0 0 -250px; position:fixed;}
.logo img {width:100%;}

}


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

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

#cabeceraMovil {background:rgba(0,0,0,0.5);}
#cabecera {width:100%; height:150px; margin:0 auto; z-index:100;}
	.cabecera-imagen {margin:auto; text-align:center; line-height:146px;}
	.cabecera-imagen img {height:130px; vertical-align:middle;}
	
.menu-general {width:100%; height:60px; text-align:center; border-top:solid 1px #2c95e3; border-bottom:solid 1px #2c95e3; z-index:1000;}
	.botonera {margin:0px 0px 0px 0px; float:right; display:inline;}
	.botonera img {margin:10px 15px 0px 0px; height:40px;}

.cabecera-logo {width:100%; margin:0; text-align:center; position:absolute;}
	.logoImagen {width:50%; margin:auto; left:50%; margin-left:-33%; line-height:56px; opacity:0;}
	.logoImagen img {width:100%; max-height:30px; vertical-align:middle;}
	
.menuFixedMovil {width:100%; height:60px; text-align:right; z-index:1000; top:0; position:fixed; background:rgba(0,50,87,0.9); box-shadow:0px 0px 15px rgba(0,0,0,0.5);}
.menuFixedMovil li a:hover {color:#ffffff;}

.menu-cat {width:70%; height:60px; text-align:left; position:absolute; z-index:900;}
.menu-cat img {margin:10px 0px 0px 10px; height:40px;}

.menu-cat a, .menu-cat a:hover {color:#ffffff; margin-top:5px; font:400 22px 'DinNext', Arial, Helvetica, sans-serif; line-height:24px; text-decoration:none;}
.dl-menu img {margin-right:10px; padding-top:0px; float:left; display:inline; height:32px;}
.dl-menuwrapper ul {background:rgba(0,50,87,0.9);}

.dl-menuwrapper {width:100%; max-width:300px; 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 rgba(255,255,255,0.3);}
.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:63px; left:0; margin:0;}


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

#cuerpo {width:100%; margin:auto; padding:30px 0px; text-align:left;}


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

h1 {font-size:40px;}
h2 {font-size:30px;}
h3 {font-size:22px;}

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

.separa-10 {height:5px; 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-80 {height:40px; clear:both;}
.separa-90 {height:45px; clear:both;}
.separa-100 {height:50px; clear:both;}
.separa-120 {height:60px; clear:both;}

.parra-10 p {margin-bottom:10px; 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;}

.iconoCapa {width:90%; margin:15px 5%; padding:20px 15px;}
.iconoTextoTitulo {font-size:20px; line-height:20px;}


/* -------- Sección Partners ---------- */

#secPartners .ancho-25 {width:44%; margin:0px 3% 30px 3%;}
#secPartners .ancho-40 {width:70%; margin:0px 15% 30px 15%;}


/* -------- Sección Ponencias --------- */

.ponenteBox {width:290px; margin:0 auto; padding:10px; border-radius:145px 145px 25px 25px; border:solid 2px #2c95e3; background:rgba(0,0,0,0.5);}
.ponenteBox img {width:100%; max-width:100%; margin-bottom:13px;}


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

.mapas {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;}	


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

.pieTexto {width:100%; margin:auto;}

.logosPie .flotar {margin:5px auto;}
.logosPie .ancho-20, .logosPie .ancho-25, .logosPie .ancho-75, .logosPie .ancho-80 {width:98%; margin:15px auto;}

.capaLogosPie {max-width:auto;}

.pieCopys {width:100%; margin:30px auto; text-align:center; float:none; display:block;}
	.pieCopys, .pieCopys a {color:#c3e2f9; line-height:15px;}
	.pieCopys a:hover {color:#ffffff;}	

.pieRedes {width:100%; text-align:center; float:none; display:block;}
	.socialPie {margin:20px 10px; text-align:left; float:none; display:inline;}
	.socialPie img {width:50px; vertical-align:middle;}	
	
}



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

.redondea {border-radius:8px;}

a, .opacidad img, .ampliar img, .ampliar2 img, .desplaza img, .circulo img, .cuadrado img, .grises img, .cabecera-menu, #menu li a, .menuLogo, .menuFixed, .logoImagen, #contactoEnviar input, .efectos {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, .ampliar2 img {-webkit-transform: scale(1); transform: scale(1);}
.ampliar img:hover {-webkit-transform: scale(1.18); transform: scale(1.18);}
.ampliar2 img:hover {-webkit-transform: scale(1.1); transform: scale(1.1);}

.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;}



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

.scroller {overflow:hidden;}

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

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

/* Estado Inicial Animaciones */
.cbpInit .side {opacity:0;}
.cbpInit .side-left, .cbpInit .side-right {-webkit-transform:scale(0.5); -moz-transform:scale(0.5); transform:scale(0.5);}

/* Estado Final Animaciones */
.section.cbpAnimate .side-left, .section.cbpAnimate .side-right {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); opacity:1;}


@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-right, .side-left {padding:auto;}
.side img {max-width:98%; float:none; margin:20px auto;}
}