/* ============================================================

320 and Up by Andy Clarke
Version: 3.0
URL: http://stuffandnonsense.co.uk/projects/320andup/
Apache License: v2.0. http://www.apache.org/licenses/LICENSE-2.0

============================================================ */
/* Reset =================================================== */
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,ub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {  margin: 0;  padding: 0;  border: 0;  outline: 0;  font-size: 100%;  vertical-align: baseline;  background: transparent;}
article,aside,figure,footer,header,hgroup,nav,section {  display: block;}
/* Variables =================================================== */
/* Mixins =================================================== */
.clearfix {  *zoom: 1;}
.clearfix:before,.clearfix:after {  display: table;  content: "";}
.clearfix:after {  clear: both;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {  position: static;  clip: auto;  height: auto;  width: auto;  margin: 0;  overflow: visible;}
/* Page =================================================== */
html {background: #fff; font-size: 62.5%;  -webkit-overflow-scrolling: touch;  -webkit-tap-highlight-color: #f3f5f6;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;}
body {  margin: 0 auto;  padding: 0;  width: 100%;  background-color: c0c0c0;  font-family: "Myriad Pro", Arial, SansSerif;  font-size: 16px;  font-size: 1.6rem;  line-height: 1.5em;  color: #848b78;}
#bandatop{ width:100%; max-width:81.250em; margin:0 auto;}
#toplogo{ width:34%; float:left; padding-top:1%; padding-bottom:1%;}
#menunav{ display:none; width:0; height:0;}
#logo img{ text-align:center;}
#logo{ float:left;}
#logotxt{ }
.usuario{ margin-bottom:5%;}
.club{ font-weight:bold;}
#container{ display:none; width:0; height:0;}
#menutop{ width:65%; float: right;}
#menu{ width:100%; float: right; margin:0; margin-top:2%;}
#top{ margin:0; margin-bottom:5%; }
.botonverde{ background-color:#82ad1a; padding:2%; padding-left:3%; padding-right: 3%; color:#fff; font-size:1.250em; margin-right:1px; float:right;}
.botonvosc{ background-color:#2d3b0a; padding:2%; color:#fff; font-size:1.250em; float:right; margin-right:1px;}
.botonvcla{ background-color:#a7bf6a; padding:2%; color:#fff; font-size:1.250em; float:right; margin-right:5%;}
.buscador{ float:right; margin-top:1%;}
.rectform{ border:1px solid #d6d6d6; }
.lupa{ color:#d6d6d6; border:none; background-color:transparent;}
.gb{ float:right; border:0; margin-top:1.5%; margin-left:1%;}
#mainbanslider{ margin:0 auto;  width:100%; background-color:#2d3b0a; float:left;}
#mainbanslider ul,li{ margin:0; list-style:none;}
#mainbanslider{ margin:0 auto;  width:100%; background-color:#2d3b0a; float:left;}
#bancontent{ width:100%; max-width:100.000em; margin:0 auto; }
.banncont{ width:100%; height:100%; max-width:1600px; max-height:299px;}
.banncontb{ width:100%; height:100%; max-width:1600px; max-height:108px;}
#contenido{ width:100%; margin:0 auto; padding-bottom:3%;	float:left;}
#maincontent{ width:100%; max-width:81.250em; margin:0 auto; }
#textcont{ margin:0; float:left; margin:3%; margin-bottom:0;  margin-left:0; width:95%;}
#textcont a{ text-decoration:none; color:#82ad1a;}
#textcont a:hover{ font-size:150%;}
.subtitulo {  font-size: 25px;  font-size: 1.563em; color:#9ba18f; font-style: italic; font-weight:bold;}
#textcont p{ font-size:17px; font-size:1.063em; line-height:125%; margin:0; color:#848b78;}
#textcont ol li{ list-style-type:lower-latin; color:#848b78;list-style-position: outside;margin-left: 2%; font-size: 130%;
line-height: 150%;}
#textcont ul li{ list-style-type: circle; color:#848b78;list-style-position: outside;margin-left: 2%; font-size: 100%;
line-height: 150%;}
#years{ background-color:#e7eae3; border-bottom:10px solid #ced4c5; color:#9ca290; padding:1%; float:left; margin-right:3%;}
#years p{ text-align: center; font-size:25px; font-size:1.563em; line-height:250%; margin:0; font-weight:bold;}
#txthis{ width:67%; float:left; margin-top:4%;text-align:justify; }
#txthis ul li{ list-style-type: none; color:#848b78;list-style-position: outside;margin-left: 2%; font-size: 100%;
line-height: 150%;}
#fothis{ width:30%; float: right; margin-top:0%; margin-left:3%; margin-top:4%;}
.fotguad{ width:100%; height:100%; max-width:350px; max-height:221px; float: right; margin-bottom:10%;}
#contguad{ padding:5%; margin:0; float:left;}
.verde{color:#82ad1a;}
#enlacleft{ width:100%; float:left;}
#enlaclright{ width:48%; float: right; margin-left:2%;}
.tituenlace{color:#c1cdbc; font-size: 20px;  font-size: 1.250emem;}
.enlace{ width:100%; height:100%; max-width:280px; max-height:112px; margin-top:2%; margin-right:2%;}
#campeones{background-color:#f2f5eb; border-bottom:10px solid #e9eedd; padding:3%; -moz-column-count: 4; -moz-column-gap: 3%; -webkit-column-count: 4; -webkit-column-gap: 3%; column-count: 4; column-gap: 3%; float:left; width:94%;}
#campeones ul li{ color:#c7cdb9;  list-style-type: none;list-style-position: outside; font-size: 105%;line-height: 150%; margin-left:0; padding-right:1%;}
.camara{ color:#c7cdb9; padding-right:10px;}
.camp{ width:100%; float:left;}
#campoleft{ width:47%; float:left;}
.etiqcamp{ border-radius: 10px 0px 10px 0px; background-color:#9EC04D; color:#fff; padding:1.5%; font-size:110%;}
.etiqhoyo{ border-radius: 10px 0px 10px 0px; background-color:#9EC04D; color:#fff; padding:5%; font-size:110%;}
.etiqcont{ border-radius: 0px 10px 10px 10px; background-color:#f2f5eb; padding:1.5%;}
.flecha{ margin-right:5%; }
.textoverd{ color:#848b78;}
.ficha{border-radius: 5px;}
.bgblanco{ background-color:#eff3e0; margin:0; padding:1%;}
.bgamarillo{ background-color:#C8D851; margin:0; padding:1%; }
.bgazul{ background-color:#6ECADB; margin:0; padding:1%; }
.bgrojo{ background-color:#dd260e; margin:0; color:#fff; padding:1%; }
.bgnegro{ background-color:#000; margin:0; color:#fff; padding:1%; }
#camporight{ width:50%; float: right;}
.fotcampo{ width:100%; height:100%; max-width:630px; max-height:420px;border-radius: 10px; margin-top:40px;}
.etiqtarif{ border-radius: 10px 0px 10px 0px; background-color:#f2be59; color:#fff; padding:1%; font-size:110%; text-transform:uppercase;}
#etiqtarif{ border-radius: 10px 0px 10px 0px; background-color:#f2be59; color:#fff; padding:1%; font-size:110%; text-transform:uppercase; float:left; margin-top:3%;}
#tarifas{ border-radius: 0px 10px 10px 10px; background-color:#FAF6E9; padding:3%; font-size:110%; float:left; width:94%;}
#tarifas ul li{ list-style-type: none; }
#tar{ float:left; width:100%; border-bottom: 1px solid #ECE5CE; padding-top:1%; padding-bottom:1%;}
#tarcon{ width:65%; float:left; margin-right:5%;}
#tarpre{ width:30%; float:left;}
#tarpre p{ text-align:right;}
.precio{ background-color:#D3C9B7; padding:1%; webkit-border-radius: 5px; border-radius: 5px; color:#fff;}
.etiqnota{ border-radius: 10px 0px 10px 0px; background-color:#D3C9B7; color:#fff; padding:1%; font-size:110%;}
#etiqnota{ border-radius: 10px 0px 10px 0px; background-color:#D3C9B7; color:#fff; padding:1%; font-size:110%; float:left; margin-top:3%;}
.mapa{ float:left; margin-top:5%;}
#calendario{ width:100%; float: left; }
#calendario p{ margin:0; font-family:"Myriad Pro", Arial, SansSerif; color:#999; font-size:20px; font-size:1.250em; line-height:150%; padding-bottom:1%; padding-top:1%;}
#salidascomp{background-color:#FCFCFA; border-bottom:10px solid #EBEBE2; border-top:10px solid #EBEBE2; padding:3%; -moz-column-count: 2; -moz-column-gap: 3%; -webkit-column-count: 2; -webkit-column-gap: 3%; column-count: 2; column-gap: 3%; float:left; width:94%;}
#salidascomp a{color:#7FA081;}
#salidascomp ul li{ list-style-type: none;list-style-position: outside; font-size: 105%;line-height: 200%; margin-left:0;}
.etiqtasal{ border-radius: 10px 0px 10px 0px; background-color:#4B4D47; color:#fff; padding:1%; font-size:110%; text-transform:uppercase;}
.espfecha{ margin-right:3%;}
.formusal{background-color:#D4D8CD; padding: 1%;text-align: center; width: 98%; border-radius: 10px;}
.rectformu{font-size: 20px;  font-size: 1.250em;  line-height: 1.5em; border:1px solid #F1F3E5; color:#7C8288; width:85%; margin-right:3%; background-color: #F1F3E5; border-radius: 10px; padding-left:2%; padding-right:2%; }
.rectformub{font-size: 20px;  font-size: 1.250em;  line-height: 1.5em; border:1px solid #F1F3E5; color:#7C8288; width:65%; margin-right:3%; background-color: #F1F3E5; border-radius: 10px; padding-left:2%; padding-right:2%; }
.botformu {font-size: 20px;  font-size: 1.250em;  line-height: 1.5em; border:1px solid #545848; color:#fff; width:20%; border-radius: 10px; 
padding-left:2%; padding-right:2%;background-color: #545848;}
#infocomp{background-color:#FCFCFA; border-bottom:10px solid #EBEBE2; border-top:10px solid #EBEBE2; padding:3%;float:left; width:94%;}
#infocomp p{line-height:100%; font-size:120%;}
#infocomp a{color:#7FA081;}
#infocomp ul li{ list-style-type: none;list-style-position: outside; }
.titucomp{ font-size:150%; line-height:150%; font-weight:bold;}
.feccomp{ font-size:150%;color:#678A41; line-height:150%; font-weight:bold;}
#resultadoscomp { float:left; width:100%;}
#profe{ width: 24%;margin-right: 1%;float: left; }
#profetxt{ width: 90%; padding: 5%;background-color: #F2F6F8;border-bottom: 10px solid #C8DBE2; min-height:550px;}
#profetxt p{ color:#788E99;}
#profetxt ul li{ color:#788E99;  list-style-type: none;list-style-position: outside; font-size: 105%;line-height: 120%; margin-left:0;}
.etiqtaprof{ border-radius: 10px 0px 10px 0px; background-color:#BACFD6; color:#fff; padding:1.5%; font-size:110%;}
#profedob{ width: 50%; float: left; }
#profetxtdob{ width: 90%; padding: 2.5%;background-color: #F2F6F8;border-bottom: 10px solid #C8DBE2; min-height:550px;}
#profetxtdob p{ color:#788E99; font-size:97%;}
.etiqtaprofdob{ border-radius: 10px 0px 10px 0px; background-color:#BACFD6; color:#fff; padding:1.5%; font-size:110%;}
.fotprof{ width:100%; height:100%; max-width:150px; max-height:150px;border-radius: 10px; margin-bottom:5%;}
.raya{ border-bottom:1px dotted #788E99;padding-bottom: 3%;}
.fotocircular{ width:100%; height:100%; max-width:200px; float:left; margin-right:5%; margin-bottom:5%;}
.etiqtevent{ border-radius: 10px 0px 10px 0px; background-color:#BACFD6; color:#fff; padding:1%; font-size:110%; text-transform:uppercase;}
#eventosesc{ border-radius: 0px 10px 10px 10px; background-color:#F2F6F8; padding:3%; font-size:110%; float:left; width:94%;border-bottom: 10px solid #C8DBE2; float:left;}
#eventosesc ul li{  color:#788E99;  list-style-type: none;list-style-position: outside; font-size: 105%;line-height: 150%; margin-left:0;}
#formulario{ width:90%; max-width:450px; border-radius: 10px; border:10px solid #C6CEBB; font-family: "Myriad Pro", Arial, SansSerif; padding:0; padding-top:2%; float:left;color:#848b78; text-align:center;}
.formrect{ border-radius: 10px; border:5px solid #C6CEBB; color:#000; margin:3%; width:90%; padding:5px; text-align:center; color:#848b78; font-family: "Myriad Pro", Arial, SansSerif; font-size: 120%;}
.textoaviso{font-family: "Myriad Pro", Arial, SansSerif; font-size: 120%; margin:0; line-height:150%; padding:5%; }
#txtpw{ width:90%; max-width:450px; padding:0; padding-top:2%; float:left; color:#848b78;text-align:center;}
.textoavisopw{font-family: "Myriad Pro", Arial, SansSerif; font-size: 95%; margin:0 auto;padding:5%;}
.boton{ width:100%; background-color:#C6CEBB; border:1px solid #C6CEBB; font-size: 120%; margin:0; margin-top:2%; font-weight:bold; color:#848b78;}
#fondoboton{ width:100%; background-color:#C6CEBB; margin:0; margin-top:2%; float:left;}

#formularioorange{ width:95%; border-radius: 10px; background-color:#fff; font-family: "Myriad Pro", Arial, SansSerif; padding:0; padding-top:2%; float:left;color:#848b78; text-align:center; border:10px solid #EBDFCA;}
.formrectorange{ border-radius: 10px; border:5px solid #EBDFCA; background-color:#fff; color:#968571; margin:1%; width:90%; padding:5px; text-align: left; color:#848b78; font-family: "Myriad Pro", Arial, SansSerif; font-size: 120%; margin-top:0;}
.formrectorangecode{ border-radius: 10px; border:5px solid #EBDFCA; background-color:#fff; color:#968571; margin:1%; width:40%; padding:5px; text-align: left; color:#848b78; font-family: "Myriad Pro", Arial, SansSerif; font-size: 120%;}
.botonorange{ width:100%; background-color:#EBDFCA; border:1px solid #EBDFCA; font-size: 120%; margin:0; margin-top:2%; font-weight:bold; color:#968571;}
#formularioorange p{color:#968571; margin:1%; width:90%; padding:5px; text-align: left; color:#848b78; font-family: "Myriad Pro", Arial, SansSerif; line-height:130%; font-size: 120%; margin-left:5%;}
.txtformuor{ line-height:0%;}
#fondobotonorg{ width:100%; background-color:#EBDFCA; margin:0; margin-top:1%; padding-bottom:1%; float:left; }
.formnorect{background-color: #FCFCFA; color: #848b78; font-family: "Myriad Pro", Arial, SansSerif; font-size: 107%; margin-top: 0; border: none;  width: 20px;}
.formtextnorect{  border: none; background-color: #FCFCFA; width: 100%; text-align: left; color: #848b78; font-family: "Myriad Pro", Arial, SansSerif; font-size: 107%;}
#menusocmob{ width:0%; height:0; display:none; margin:0 auto;}
.formumenusoc{background-color:#B0B8A2; padding: 2%;text-align: center; width: 96%; border-radius: 10px;}
.rectmumenusoc{font-size: 20px;  font-size: 1.250em;  border:1px solid #fff; color:#fff; width:100%; background-color: #B0B8A2; border-radius: 10px; padding-left:2%; padding-right:2%; padding-top:1%; }
#mensoc{ width:30%; float: right; margin-top:0%; margin-left:3%; margin-top:4%; }
#txtmensoc{ background-color:#F8F8EF; padding:7%; padding-top:10%; border-bottom: 10px solid #E2E2D1; font-size:110%; border-radius: 0px 10px 0px 10px;}
#txtmensoc p{ line-height:150%; border-bottom:1px solid #CFD6C5;padding-bottom: 2%;padding-top: 2%;}
#txtmensoc a{ color:#969241; text-decoration:none; }
#txtmensoc a:hover{ text-decoration:none; /*background-color:#82ad1a; color:#fff;*/ font-size:110%;}
.etiqtasoc{ border-radius: 10px 0px 10px 0px; background-color:#E2E2D1; color:#979563; padding:3%; font-size:110%;}
.flecmen{ margin-right:2%;}
#txtmensocb{ background-color:#F6F8F2; padding:5%; border-bottom: 10px solid #E0E6D4; font-size:110%; border-radius: 0px 10px 0px 10px; }
#txtmensocb ul li{ list-style-type: none;list-style-position: outside; font-size: 105%;margin-left:0;}
.etiqtasocb{ border-radius: 10px 0px 10px 0px; background-color:#E0E6D4; padding:1.5%; font-size:110%; }
.griscargo{ color:#A5AA9C;}
.organigrama{ line-height:150%; border-bottom:1px dotted #CED1C9;padding-bottom: 2%;padding-top: 2%;}
#organleft{ width:38%; margin:0; background-color:#F6F8F2; padding:5%; border-bottom: 10px solid #E0E6D4; font-size:110%; border-radius: 0px 10px 0px 10px; float:left; }
#organright{ width:38%; margin:0; background-color:#F6F8F2; padding:5%; border-bottom: 10px solid #E0E6D4; font-size:110%; border-radius: 0px 10px 0px 10px; float: right; }
.fotonot{ float:left; width:100%; height: auto; max-width:350px; padding-right: 5%; padding-bottom:5%;}
.titunot{ font-size:150%;color:#D6AA38; line-height:150%;}
.fecnot{ font-size:150%;color:#B49A56; line-height:150%;}
.grisclaro{ color:#A9ACB6; margin-left:3%; margin-right:3%;}
#pagnews{ padding:2%; float:left; padding-top:0;}
#pagnews p{ font-weight:normal;}
#pagnews a{ color:#82ad1a; font-weight:normal;}
#pagnews a:hover{color:#a4ca45;}
#pagnews ul li{  list-style-type: none;list-style-position: outside; font-size: 110%;line-height: 150%; margin-left:0;}
#noticia{ width:23%; background-color:#f4f5f8; border-bottom:10px solid #d9dfe7; color:#6c707f; margin:0; float:left; margin-top:3%; margin-left:3%; min-height:540px;}
#noticia p{ font-size:18px; font-size:1.125em; line-height:130%; color:#6c707f; margin:0;}
#textnot{ padding:10%; margin:0; float:left;}
.fecha{ text-align:right; font-size:150%; font-weight:bold; color:#9699a3;}
#noticia a{ text-align:right; font-size:150%; font-weight:bold; color:#9699a3;}
#noticia a:hover{color:#a4ca45; text-decoration:none; float:left;}
.notimg{ width:100%; height:100%; max-width:316px; max-height:157px; margin:0;}
#accesos{ width:100%; margin: auto 0; margin-top:4%; float:left;}
#salidas{ width:18%; margin:0; margin-right:4%; float:left; padding:2%;}
#salidas a{ text-decoration:none; color:#979894; }
#salidas p{font-size: 30px;  font-size: 1.875em;  line-height:120%;font-family: "Myriad Pro", Arial, SansSerif; margin-bottom: 1.750em; font-weight:bold;  line-height:120%;}
.salidas { background-image: url(../imggolf/salidasbn.jpg); background-repeat:no-repeat; background-position: center top; background-size:cover; }
.salidas:hover{ background-image: url(../imggolf/salidas.jpg); background-repeat:no-repeat; background-position:center top;}
#resultados{ width:18%; margin:0; margin-right:4%; float:left; padding:2%;}
#resultados p{font-size: 30px;  font-size: 1.875em;  line-height:120%;font-family: "Myriad Pro", Arial, SansSerif; margin-bottom: 1.750em; font-weight:bold;  line-height:120%;}
#resultados a{ text-decoration:none; color:#fff;}
.resultados { background-image: url(../imggolf/resultadosbn.jpg); background-repeat:no-repeat; background-position: right top; background-size:cover; }
.resultados:hover{ background-image: url(../imggolf/resultados.jpg); background-repeat:no-repeat; background-position:right left;}
#estadocampo{ width:18%; margin:0; margin-right:4%; float:left; padding:2%;}
#estadocampo p{font-size: 30px;  font-size: 1.875em;  line-height:120%;font-family: "Myriad Pro", Arial, SansSerif; margin-bottom: 1.750em; font-weight:bold;  line-height:120%;}
#estadocampo a{ text-decoration:none; color:#979894;}
#estadocampo a:hover{ text-decoration:none; color:#fff;}
.estadocampo { background-image: url(../imggolf/estadocampobn.jpg); background-repeat:no-repeat; background-position: center top; background-size:cover; }
.estadocampo:hover{ background-image: url(../imggolf/estadocampo.jpg); background-repeat:no-repeat; background-position:top center;}
#reservas{ width:18%; margin:0; float:left; padding:2%;}
#reservas p{font-size: 30px;  font-size: 1.875em;  line-height:120%;font-family: "Myriad Pro", Arial, SansSerif; margin-bottom: 1.750em; font-weight:bold;  line-height:120%;}
#reservas a{ text-decoration:none; color:#fff;}
.reservas { background-image: url(../imggolf/reservasbn.jpg); background-repeat:no-repeat; background-position: right top; background-size:cover; }
.reservas:hover{ background-image: url(../imggolf/reservas.jpg); background-repeat:no-repeat; background-position:top right;}
#preloader {
  /* la lista de imágenes a cargar */
  background-image: url(../imggolf/salidasbn.jpg);
  background-image: url(../imggolf/resultados.jpg);
  background-image: url(../imggolf/estadocampo.jpg);
  background-image: url(../imggolf/reservas.jpg);
  /* y ocultaremos todo */
   display: none;}
/*#salidas img{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);}
#salidas img:hover { filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);}*/
#news{ width:100%; margin: 0; margin-top:3%; float:left; background-color:#f4f5f8;}
#news p{ font-size:18px; font-size:1.125em; line-height:130%; color:#6c707f; margin:0;}
#news01{ width:21%; margin:0; float:left; padding:2%; padding-top:0;}
#news01 a{ text-align:right; color:#9699a3;}
#news01 a:hover{color:#a4ca45; text-decoration:none;}
#fotonews{ width:94px; height:94px; overflow:hidden; float:left; margin-right:5%; margin-bottom:5%;}
.fotonews{ width:148%; margin-left:-23%; margin-top:-8%;}
.fotonews a:hover{ filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);}
#inscripciones{ width:100%; float:left;  border-top:1px dotted #4C4C4C;}
#inscripciones p{text-align: left; font-size: 20px;  font-size: 1.250em;  line-height: 1.5em; color: #333; border-bottom:1px dotted #4C4C4C; padding-bottom:1%; padding-top:1%;}
#bottom{ width:100%; margin: auto; background-color:#c0c0c0; float:left; padding-bottom:1.875em;  }
#mainbottom{ margin:0 auto; max-width:81.250em; margin-top:2%; }
#mainbottom p{ font-size:18px; font-size:1.125em; line-height:130%; color:#fff; margin:0;}
#mainbottom a{ text-decoration:none; color:#9ad0eb;}
#mainbottom a:hover{ text-decoration:none; color:#888888;}
#col01{ width:20%; margin:0; margin-right:3%; float:left; padding-right:2%;}
#col01 a{ text-decoration:none; color:#fff; font-size:100%;}
#col01 a:hover{color:#dbf3a2;}
.rectbol{ width:80%; border:1px solid #d4d4d4; background:#c0c0c0; font-size:22px; font-size:1.375em; font-family:"Myriad Pro", Arial; padding:1%;}
.botbol{ width:15%; background-color:#d4d4d4; font-family:"Myriad Pro", Arial; border:1px solid #d4d4d4; padding:3%; border-radius: 10px; font-size:110%; width:94%;}
.botper{ background-color:#E0E6D4; font-family:"Myriad Pro", Arial; border:1px solid #E0E6D4; padding:3%; border-radius: 10px; font-size:110%; width:45%; text-align:center; font-weight:bold; color:#968571;}
.botperb{ background-color:#EBDFCA; font-family:"Myriad Pro", Arial; border:1px solid #EBDFCA; padding:2%; border-radius: 10px; font-size:110%; text-align:center; font-weight:bold; color:#968571;}

.info{margin:1%; padding:5px; font:14px  "Myriad Pro", Arial, SansSerif; font-size:0.875em; float: none; background-color: #0F9999; border-radius: 5px 5px 5px 5px; color:#fff;}
.inscripcion{margin:1%; padding:5px; font:14px  "Myriad Pro", Arial, SansSerif; font-size:0.875em; float: none; background-color: #885F83; border-radius: 5px 5px 5px 5px; color:#fff;}
.tpv{margin:1%; padding:5px; font:14px  "Myriad Pro", Arial, SansSerif; font-size:0.875em; float: none; background-color: #228DCC; border-radius: 5px 5px 5px 5px; color:#fff;}
.inscritos{margin:1%; padding:5px; font:14px  "Myriad Pro", Arial, SansSerif; font-size:0.875em; float: none; background-color: #CFC264; border-radius: 5px 5px 5px 5px; color:#fff;}
.inscrinfo {margin:1%; margin-left:0; padding:5px; float: none; background-color: #678A41; border-radius: 5px 5px 5px 5px; color:#fff; text-transform:uppercase;}
.volver {margin:1%; padding:5px; float: none; background-color: #717E64; border-radius: 5px 5px 5px 5px; color:#fff; text-transform:uppercase; }
.volverb {margin:1%; padding:5px; float: none; background-color: #717E64; border-radius: 5px 5px 5px 5px; color:#fff; text-transform:uppercase; float:left;}
.avisoformu{ color:red;}
.lopd{ font-size:0.8em; color:#666; line-height:120%;	}

.required{ width:80%; border:1px solid #d4d4d4; background:#c0c0c0; font-size:22px; font-size:1.375em; font-family:"Myriad Pro", Arial; padding:1%; color:#fff;}
#col02{ width:20%; margin:0; margin-right:3%; float:left; padding-right:2%;}
#col02 p{ font-size:23px; font-size:1.1.375em;}
#col02 a{ text-decoration:none; color:#fff; margin-right:5%;}
#col03{ width:20%; margin:0; margin-right:3%; float:left; padding-right:2%;}
#col03 a{ text-decoration:none; color:#fff;}
#col03 a:hover{color:#dbf3a2;}
#col04{ width:20%; margin:0; margin-right:3%; float:left; padding-right:2%;}
#col04 a{ text-decoration:none; color:#fff;}
#col04 a:hover{color:#f2f3a2;}

.logocardio{
	width: 100%;
	height: auto;
	max-width: 462px;
}

.hoyos{ margin-top:50px; float:left; width:100%;}
.colhoyo01{ width:100%; float:left; margin-bottom:25px;}
.colhoyo02{ width:40%; float:left; margin-left:5%; margin-bottom:25px;}
.thumbhoyo{ width:100%; height:auto; max-width:360px; margin:0 auto;}
.green{color: #9EC04D; }

.videoWrapper { position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 10px;	height: 0;	overflow:hidden;}
.videoWrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}


/* Typography =================================================== */
h1,h2,h3,h4,h5,h6 {  margin: 0;  font-family: inherit;  font-weight: bold;  color: inherit;  text-rendering: optimizelegibility;}
h1 small,h2 small {  font-weight: normal;  color: #bfbfbf;}
h1,.h1 {  font-size: 35px;  font-size: 2.188em; margin:2%; line-height:150%;}
h2,.h2 {  font-size: 35px;  font-size: 2.188em; margin-bottom:2%;}
h3,.h3 {  font-size: 30px;  font-size: 1.875em;}
h4,.h4 {  font-size: 25px;  font-size: 1.563em; font-style: italic;}
h5,.h5 {  font-size: 18px;  font-size:1.125em;}
h6,.h6 {  font-size: 11px;  font-size:1.00em;}
.header h1,.header h2,.header h3 {  float: left;  margin-right: 24px;}
.header h1 a,.header h2 a,.header h3 a {  display: block;  position: relative;  top: 6px;  float: right;  padding: 4px 12px;  font-size: 14px;  font-size: 1.4rem;  background-color: #f3f5f6;}
.header h1:hover,.header h2:hover,.header h3:hover {  background-color: #f3f5f6;}
.header .a-rss,.header .a-rss:hover {  float: left;  width: 16px;  height: 16px;  padding: 0;  background: transparent url(../img/a-rss.png) no-repeat 0 0;  text-indent: 100%;  white-space: nowrap;  overflow: hidden;}
p,ol,dl,address {  margin-bottom: 1.5em;  font-size: 14px;  font-size: 1.4rem;  line-height: 1.5em;}
small {  font-size: 14px;  font-size: 1.4rem;}
ol {  margin: 0 0 1.5em -24px; padding: 0 0 0 24px;}
li ol {  margin: 0;  font-size: 16px;  font-size: 1.6rem;}
blockquote {  margin: 0 0 1.5em -24px;  padding-left: 24px;  border-left: 2px solid #c7ced6;  font-family: Cambria, Georgia, Times, "Times New Roman";  font-style: normal;}
q {  quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {  content: '';  content: none;}
cite {  font-style: normal;}
dl,dd {  margin-bottom: 1.5em;}
dt {  font-weight: bold;}
.dl-horizontal dt {  float: left;  clear: left;  width: 20.25%;  text-align: right;}
.dl-horizontal dd {  margin-left: 22.78%;}
abbr[title] {  border-bottom: 1px dotted #c7ced6;  cursor: help;}
b,strong {  font-weight: bold;}
dfn {  font-style: italic;}
ins {  background-color: #f3f5f6;  color: #000000;  text-decoration: none;}
mark {  background-color: #f3f5f6;  color: #000000;  font-style: italic;  font-weight: bold;}
pre,code,kbd,samp {  font-family: Monaco, Courier New, monospace;  font-size: 14px;  font-size: 1.4rem;  line-height: 1.5em;}
pre {  white-space: pre;  white-space: pre-wrap;  word-wrap: break-word;}
sub,sup {  position: relative;  font-size: 12px;  font-size: 1.2rem;  line-height: 0;  vertical-align: baselineheight;}
sup {  top: -0.5em;}
sub {  bottom: -0.25em;}
h1{ font-family: "Myriad Pro", Arial, SansSerif; color:#9699a3;}
h2{ font-family: "Myriad Pro", Arial, SansSerif; color:#717764;}
h3{ font-family: "Myriad Pro", Arial, SansSerif; color:#fff; margin-bottom:5%; }
h4{ font-family: "Myriad Pro", Arial, SansSerif; color:#9ba18f;}
h5{ font-family: "Myriad Pro", Arial, SansSerif; color:#2d3b0a; text-align: left; font-weight:normal;}
h6{ font-family: "Myriad Pro", Arial, SansSerif; color:#2d3b0a; text-align: left; font-weight:normal;}
/* Colour =================================================== */
a {  text-decoration: none;  color: #013568;}
a:visited {  color: #000203;}
a:hover {  text-decoration: underline;  color: #011b35;}
a:focus {  outline: thin dotted;  color: #000000;}
a:hover,a:active {  outline: 0;}
::-moz-selection {  background-color: #d6dbe1;  color: #2d353e;  text-shadow: none;}
::selection {  background-color: #d6dbe1;  color: #2d353e;  text-shadow: none;}
.swatch {  margin: 0 0 1.5em 0;  padding: 0;}
.swatch-row {  display: block;  margin: 0;  padding: 0;  width: 200px;}
.swatch-row-one {  background-color: #000000;}
.swatch-row-two {  background-color: #ffffff;}
.swatch-row span {  display: block;  float: left;  width: 50px;  height: 50px;}
.swatch-base span:nth-child(1) {  background-color: rgba(45, 53, 62, 0.9);}
.swatch-base span:nth-child(2) {  background-color: rgba(45, 53, 62, 0.8);}
.swatch-base span:nth-child(3) {  background-color: rgba(45, 53, 62, 0.7);}
.swatch-base span:nth-child(4) {  background-color: rgba(45, 53, 62, 0.6);}
.swatch-alert span:nth-child(1) {  background-color: rgba(252, 248, 227, 0.9);}
.swatch-alert span:nth-child(2) {  background-color: rgba(252, 248, 227, 0.8);}
.swatch-alert span:nth-child(3) {  background-color: rgba(252, 248, 227, 0.7);}
.swatch-alert span:nth-child(4) {  background-color: rgba(252, 248, 227, 0.6);}
.swatch-error span:nth-child(1) {  background-color: rgba(218, 78, 73, 0.9);}
.swatch-error span:nth-child(2) {  background-color: rgba(218, 78, 73, 0.8);}
.swatch-error span:nth-child(3) {  background-color: rgba(218, 78, 73, 0.7);}
.swatch-error span:nth-child(4) {  background-color: rgba(218, 78, 73, 0.6);}
.swatch-info span:nth-child(1) {  background-color: rgba(217, 237, 247, 0.9);}
.swatch-info span:nth-child(2) {  background-color: rgba(217, 237, 247, 0.8);}
.swatch-info span:nth-child(3) {  background-color: rgba(217, 237, 247, 0.7);}
.swatch-info span:nth-child(4) {  background-color: rgba(217, 237, 247, 0.6);}
.swatch-success span:nth-child(1) { background-color: rgba(92, 183, 92, 0.9);}
.swatch-success span:nth-child(2) { background-color: rgba(92, 183, 92, 0.8);}
.swatch-success span:nth-child(3) { background-color: rgba(92, 183, 92, 0.7);}
.swatch-success span:nth-child(4) {  background-color: rgba(92, 183, 92, 0.6);}
.swatch-warning span:nth-child(1) {  background-color: rgba(250, 167, 51, 0.9);}
.swatch-warning span:nth-child(2) {  background-color: rgba(250, 167, 51, 0.8);}
.swatch-warning span:nth-child(3) {  background-color: rgba(250, 167, 51, 0.7);}
.swatch-warning span:nth-child(4) {  background-color: rgba(250, 167, 51, 0.6);}



/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/

.slider-wrapper { 
	width: 100%; max-width:100.000em;
	margin: 0 auto;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#2d3b0a;
	color:#fff;
	width:100%;
	z-index:7;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.7;
	filter:alpha(opacity=7);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
.theme-default .nivoSlider {
	position:relative;
	background:#fff url(../imggolf/slider/loading.gif) no-repeat 50% 50%;
    margin-bottom:0px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 0px 0;
}
.theme-default .nivo-controlNav a {
	display:none;
	width:22px;
	height:22px;
	background:url(imggolf/slider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 0px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../imggolf/slider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption p{
    font-family: "Myriad Pro", Arial, sans-serif; font-size:18px; font-size:1.125em; line-height:130%; margin:1%;font-size:150%; font-weight:bold;
}

.datef{font-size:150%; font-weight:bold;}
.theme-default .nivo-caption a {
    color:#fff;

}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 0px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}


/*!
 *  Font Awesome 3.1.0
 *  the iconic font designed for Bootstrap
 *  -------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation
 *  can be found at: http://fontawesome.io
 *
 *  License
 *  -------------------------------------------------------
 *  - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 License -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"

 *  Contact
 *  -------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/fortaweso_me
 *  Work: Lead Product Designer @ http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=3.1.0');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333333333em;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"],
a [class^="icon-"]:before,
a [class*=" icon-"]:before {
  display: inline;
}
/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.2857142857142858em;
  text-align: center;
}
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
  width: 1.5714285714285714em;
}
ul.icons-ul {
  text-align: left;
  list-style-type: none;
  text-indent: -0.7142857142857143em;
  margin-left: 1.5em;
}
ul.icons-ul > li .icon-li {
  width: 1.0em;
  display: inline-block;

}
[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none;
}
.icon-muted {
  color: #eeeeee;
}
.icon-light {
  color: #ffffff;
}
.icon-dark {
  color: #333333;
}
.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  border-radius: 3px;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  border-radius: 6px;
}
.icon-5x {
  font-size: 5em;
}
.icon-5x.icon-border {
  border-width: 5px;
  border-radius: 7px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em;
}
/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}
/* keeps Bootstrap styles with and without icons the same */
.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block;
}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-pills [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em;
}
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: .05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: .2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: .2em;
}
/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 1em;
  line-height: 0em;
  vertical-align: -35%;
}
.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: inherit;
  *line-height: 2em;
}
.icon-stack .icon-stack-base {
  font-size: 2em;
  *line-height: 1em;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.icon-user:before { content: "\f007";}   
.icon-search:before { content: "\f002";}
.icon-facebook-sign:before {  content: "\f082";}
.icon-rss:before {  content: "\f09e";}
.icon-chevron-sign-left:before { content: "\f137";}
.icon-chevron-sign-right:before {  content: "\f138";}
.icon-question-sign:before { content: "\f059";}
.icon-phone-sign:before {  content: "\f098";}
.icon-trophy:before {  content: "\f091";}
.icon-camera:before {  content: "\f030";}
.icon-circle-arrow-right:before {  content: "\f0a9";}
.icon-circle-arrow-down:before {  content: "\f0ab";}
.icon-flag:before {  content: "\f024";}
.icon-check:before {  content: "\f046";}
.icon-time:before {  content: "\f017";}
.icon-angle-right:before {  content: "\f105";}
.icon-check:before {  content: "\f046";}
.icon-download:before {  content: "\f01a";}
.icon-off:before {  content: "\f011";}
.icon-chevron-sign-right:before {  content: "\f138";}
.icon-plus-sign:before {  content: "\f055";}
.icon-phone:before {  content: "\f095";}
.icon-download-alt:before {  content: "\f019";}
.icon-envelope:before {  content: "\f003";}
.icon-envelope-alt:before {  content: "\f0e0";}
.icon-facebook:before {  content: "\f09a";}
.icon-mobile-phone:before {  content: "\f10b";}
.icon-home:before {  content: "\f015";}
.icon-caret-down:before {  content: "\f0d7";}
.icon-unlock-alt:before {  content: "\f13e";}
.icon-check-empty:before {  content: "\f096";}

/*Menu Socios*/
/* el menú en si mismo */
  .mi-menu  {
    list-style-type: none;
    margin: 0 auto; /* si queremos centrarlo */
    padding: 0;
    background: #82ad1a;
  }

  .mi-menu  br { display:none; }

  /* cada item del menu */
  .mi-menu  li {
    display: block;
    float: left; /* la lista se ve horizontal */
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .mi-menu li a {
    color: #fff;
    display: block;
    text-decoration: none;
  }
  /* eliminamos los bordes del primer y el último */
  .mi-menu li:first-child a { border-left: none; }
  .mi-menu li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  .mi-menu li:hover > a { color: #333; }

  /* los submenús */
  .mi-menu ul {
    border-radius: 0 0 5px 5px;
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 40px; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    background: #82ad1a;
    /* animamos su visibildiad */
    -webkit-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
	width:170px;
	margin-left:-23px;
  }
  /* son visibes al poner el cursor encima */
  .mi-menu li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  .mi-menu ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
	margin:0;
    /* animamos su visibildiad */
    -webkit-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
	margin-left:10px;	
  }
  .mi-menu li:hover > ul li {
    height: 36px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .mi-menu ul li a {
    border: none;
    margin: 0;
	padding: 5%;
	
  }
  /* el último n otiene un borde */
  .mi-menu ul li:last-child a { border: none; margin:0; }

/* Elements =================================================== */
hr {  display: block;  margin: 1em 0;  padding: 0;  height: 1px;  border: 0;  border-top: 1px solid #c7ced6;  border-bottom: 1px solid #ffffff;}
svg:not(:root) {  overflow: hidden;}
figure {  margin-bottom: 1.5em;}
figure img {  margin-bottom: 0.375em;}
figure figcaption {  display: block;  font-weight: normal;  font-size: 14px;  font-size: 1.4rem;  color: #808080;}
.list-bordered {  list-style-type: none;  margin: 0 0 1.5em 0;  padding: 0;}
.list-bordered li {  margin-bottom: 0.375em;  padding-bottom: 0.375em;  border-bottom: 1px dashed #c7ced6;}
.list-bordered li:last-child {  margin-bottom: 0;  padding-bottom: 0;  border-bottom-width: 0;}
/* Forms =================================================== */
form {  margin: 0 0 1.5em 0;}
form fieldset {  margin-bottom: 1.5em;  padding: 0;  border-width: 0;}
form legend {  display: block;  width: 100%;  margin-bottom: 3em;  *margin-left: -7px;  padding: 0;  color: #000000;  border: 0;  border-bottom: 1px solid #8c9bab;  white-space: normal;}
form legend small {  font-size: 14px;  font-size: 1.4rem;  color: #bfbfbf;}
form p {  margin-bottom: 0.75em;}
form ul {  list-style-type: none;  margin: 0 0 1.5em 0;  padding: 0;}
form br {  display: none;}
label,input,button,select,textarea {  font-size: 14px;  font-size: 1.4rem;  vertical-align: baseline;  *vertical-align: middle;}
input,button,select,textarea {  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  -webkit-box-sizing: border-box;  -ms-box-sizing: border-box;  box-sizing: border-box;}
label {  display: block;  margin-bottom: 0.1875em;  font-weight: bold;  color: #000000;  cursor: pointer;}
label input,label textarea,label select {  display: block;}
input,textarea,select {  display: inline-block;   padding: 4px;  margin-bottom: 0.375em;  background-color: #ffffff;  border: 1px solid #8c9bab;  color: #000000;}
input:hover,textarea:hover,select:hover {  border-color: #C5C59C;}
.input-mini {  width: 60px;}
.input-small {  width: 90px;}
input[type="image"],input[type="checkbox"],input[type="radio"] {  width: auto;  height: auto;  padding: 0;  margin: 3px 0;  *margin-top: 0; line-height: normal;  cursor: pointer;  border-radius: 0;  border: 0 \9;}
input[type="checkbox"],nput[type="radio"] {  -webkit-box-sizing: border-box;  -ms-box-sizing: border-box;  box-sizing: border-box;  padding: 0;  *width: 13px;  *height: 13px;}
input[type="image"] {  border: 0;  -webkit-box-shadow: none;  box-shadow: none;}
input[type="file"] {  width: auto;  padding: initial;  line-height: initial;  border: initial;  background-color: transparent;  background-color: initial;  -webkit-box-shadow: none;  box-shadow: none;}
input[type="button"],input[type="reset"],input[type="submit"] {  width: auto;  height: auto;  cursor: pointer;  *overflow: visible;}
select,input[type="file"] {  *margin-top: 4px;  }
select {  width: auto;  background-color: #ffffff;  font-size: 13px;  font-size: 1.3rem;}
select[multiple],select[size] {  height: auto;}
textarea {  resize: vertical;  overflow: auto;  height: auto;  overflow: auto;  vertical-align: top;}
input[type="hidden"] {  display: none;}
.radio,.checkbox {  padding-left: 18px;  font-weight: normal;}
.radio input[type="radio"],.checkbox input[type="checkbox"] {  float: left;  margin-left: -18px;}
.radio.inline,.checkbox.inline {  display: inline-block;  padding-top: 5px;  margin-bottom: 0;  vertical-align: middle;}
.radio.inline + .radio.inline,.checkbox.inline + .checkbox.inline {  margin-left: 10px;}
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {  -webkit-opacity: 0.5;  -moz-opacity: 0.5;  opacity: 0.5;  cursor: not-allowed;}
input:focus,textarea:focus {  border-color: #2d353e, 40%;  outline: 0;  outline: thin dotted \9;}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus {  -webkit-box-shadow: none;  box-shadow: none;}
::-webkit-input-placeholder {  font-size: 14px;  font-size:0.875em; }
input:-moz-placeholder {  font-size: 14px;  font-size:0.875em; }
.help-block,.help-inline {  color: #808080;}
.help-block {  display: block;  margin-bottom: 0.75em;}
.help-inline {  display: inline-block;  vertical-align: middle;  padding-left: 5px;}
.form-inline input,.form-inline textarea,.form-inline select {  display: inline-block;  margin-bottom: 0;}
.form-inline label {  display: inline-block;}
.form-inline .radio,.form-inline .checkbox,.form-inline .radio {  padding-left: 0;  margin-bottom: 0;  vertical-align: middle;}
.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] {  float: left;  margin-left: 0;  margin-right: 3px;}
.form-search input,.form-search textarea,.form-search select { display: inline-block; margin-bottom: 0;}
.form-search .search-query {  padding-left: 14px; padding-right: 14px; margin-bottom: 0;  border-radius: 14px;}
.form-search label {  display: inline-block;}
.form-search .radio,.form-search .checkbox,.form-inline .radio {  padding-left: 0;  margin-bottom: 0; vertical-align: middle;}
.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"] { float: left; margin-left: 0; margin-right: 3px;}

@media print {
  /* Print =================================================== */
  * {
    background: transparent !important;
    color: black !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  @page  {
    margin: 0.5cm;
  }
  h2,
  h3 {
    orphans: 3;
    widows: 3;
    page-break-after: avoid;
  }
  p {
    orphans: 3;
    widows: 3;
  }
  pre,
  blockquote {
    border: 1px solid #808080;
    page-break-inside: avoid;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr {
    page-break-inside: avoid;
  }
}
@media only screen and (min-width: 480px) {
  /* 480 =================================================== */
}
@media only screen and (min-width: 600px) {
  /* 600 =================================================== */
}
@media only screen and (min-width: 768px) {
  /* 768 =================================================== */
}
@media only screen and (min-width: 992px) {
  /* 992 =================================================== */
}
@media only screen and (min-width: 1382px) {
  /* 1382 =================================================== 
  body {
    max-width: 1440px;
  }*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* 2x =================================================== */
}
/* 320 and Up */
/* Modules upstart */
/* Version: 1.0 */
/* Author: Andy Clarke */
/* URL: http://stuffandnonsense.co.uk/projects/320andup */
.grid {
  margin-bottom: 1.5em;
  border-bottom: 1px dashed #c7ced6;
}
.grid:last-child {
  margin-bottom: 0;
  border-bottom-width: 0;
}
.furniture-letter {
  overflow: hidden;
}
.furniture-letter span {
  display: block;
  float: left;
  margin: 0 12px 0 0;
  height: 44px;
  width: 44px;
  background-color: #2d353e;
  color: #ffffff;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 44px;
  text-align: center;
}
/* Mobile nav */
@media only screen and (min-width: 200px) and (max-width:1160px) {
#menunav{ display: block;}	
/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main,
.container > header {
	width: 100%;z-index: 10000;
	margin: 0 auto;
	padding: 0em;
	position:fixed; background-color:#90b912;
}

.main {
	max-width: 1160px;
}


.container > header {
	padding: 0em;
	text-align: center;
	background: rgba(0,0,0,0.01);
}

.container > header h1 {
	font-size: 2.625em;
	line-height: 1.3;
	margin: 0;
	color: #89867e;
	font-weight: 300;
}

.container > header span {
	display: block;
	font-size: 60%;
	color: #ceccc6;
	padding: 0;
}
}

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

	.main {
		padding: 0;
	}

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

/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 300px;
	float: left;
	position: relative;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 0px;
}

.dl-menuwrapper button {
	background: #ccc;
	border: none;
	width: 48px;
	height: 45px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #aaa;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	background: #fff;
	top: 10px;
	left: 16%;
	-webkit-box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 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 {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.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;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 4 */
.demo-4 .dl-menuwrapper button {
	background: #90b912;
}

.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
	background: #79a002;
}
/*Fin Mobile*/

@media only screen and (max-width:600px) {
#topnav{ display: block; float:left;}
#menutop{ display:none; width:0; height:0;}
#mainbanslider{ display:none; width:0; height:0;}
#toplogo{ width:100%;}
#logo{width:100%; text-align:center; margin:0 auto; margin-top:55px;}
#logotxt{width:100%;}
h4,h5,h6 { text-align:center;}
#textcont{ padding:3%; width:94%;}
#campeones{-webkit-column-count: 1;column-count: 1;
-webkit-column-gap: 3%;
column-gap: 3%; float:left;}
#campoleft{ width:100%;}
#camporight{ width:100%;}
.fotcampo{ margin-top:5%;}
.etiqcamp{padding:3%;}
.etiqcont{padding:3%;}
.etiqtarif{ border-radius: 0px; color:#f2be59; font-weight:bold; line-height:150%; background-color:transparent; }
#etiqtarif{ border-radius: 0px; color:#f2be59; font-weight:bold; line-height:150%; background-color:transparent; }
.etiqnota{ border-radius: 0px; background-color:transparent; color:#D3C9B7; font-weight:bold; line-height:150%;padding:3%; margin-top:15%;}
#etiqnota{ border-radius: 0px; background-color:transparent; color:#D3C9B7; font-weight:bold; line-height:150%;padding:3%; }
#tarifas{padding:4%;}
#tar{padding-top:5%; padding-bottom:5%;}
#tarcon{margin-right:2%; width:60%;}
#tarpre{ width:35%;}
.precio{ padding:3%;}
#salidascomp{-webkit-column-count: 1;column-count: 1; -webkit-column-gap: 3%; column-gap: 3%; float:left; margin-top:3%;}
.etiqtasal{ border-radius: 0px; color:#4B4D47; font-weight:bold; line-height:150%; background-color:transparent;}
#textcont ol li{ margin-left: 10%;}
#textcont ul li{ margin-left: 10%;}
#profe{ width: 100%; margin:0; margin-bottom:5%; margin-right:0;}
#profetxt{ min-height:0px; margin-bottom:5%; width:100%;}
#profedob{ width: 100%; margin:0; margin-bottom:5%; margin-right:0;}
#profetxtdob{ min-height:0px; margin-bottom:5%; width:100%; padding:5%;}
#profetxtdob p{ font-size:100%;}
.etiqtaprofdob{padding:3%; font-size:110%;}
#profetxt ul li{ margin-left:0;}
#campeones ul li{ margin-left:0;}
#salidascomp ul li{ margin-left:0;}
#txthis ul li{ margin-left:0;}
#tarifas ul li{ margin-left:0;}
.etiqtevent{ padding:3%;}
#eventosesc{padding:5%; padding-top:10%; float:none; width:100%;}
#eventosesc ul li{ margin-left:0;}
#formulario{ width:100%; margin:0 auto; float:none;}
#txtpw{ width:95%; margin:0 auto; float:none;}
#fondoboton{ margin-top:0%;}
.boton{ margin-top:0%;}
.etiqtasocb{padding:3%;}
#txtmensocb{ padding-top:10%;}
#txtmensocb ul li{ margin-left:0;}
#mensoc{ width:0; height:0; display:none;}
#menusocmob{ width:100%; margin:0 auto;  margin-top:10%;  margin-bottom:10%; display: inherit; height:50px;}
.botper{ width:100%;}
.botperb{ width:100%;}
#infocomp{width:100%;}
#infocomp ul li{ margin-left:0;}
.enlace{ margin-top:5%;}
}
@media only screen and (max-width:450px) {
#salidas{ width:90%; margin:0; margin-bottom:5%; margin-left:5%; margin-right:5%;}
.salidas { background-image: url(../imggolf/salidas.jpg);}
.salidas:hover{ background-image: url(../imggolf/salidasbn.jpg);}
#resultados{ width:90%; margin:0; margin-bottom:5%; margin-left:5%; margin-right:5%;}
.resultados { background-image: url(../imggolf/resultados.jpg);}
.resultados:hover{ background-image: url(../imggolf/resultadosbn.jpg);}
#estadocampo{ width:90%; margin:0; margin-bottom:5%; margin-left:5%; margin-right:5%;}
.estadocampo { background-image: url(../imggolf/estadocampo.jpg); background-position: center ;}
.estadocampo:hover{background-image: url(../imggolf/estadocampobn.jpg); background-position: center;}
#reservas{  width:90%; margin:0; margin-bottom:5%; margin-left:5%; margin-right:5%;}
.reservas {background-image: url(../imggolf/reservas.jpg); background-position: right;}
.reservas:hover{background-image: url(../imggolf/reservasbn.jpg); background-position: right;}
#col01{ width:100%; margin:0 auto; margin-right:0;padding:5%; float:none; text-align:center;}
#col02{ width:100%; margin:0 auto; margin-right:0;padding:5%; margin-bottom:2%;}
#col03{ width:100%; margin:0 auto; margin-right:0;padding:5%; margin-bottom:2%;}
#col04{ width:100%; margin:0 auto; margin-right:0;padding:5%; margin-bottom:2%;}
#news{ width:100%; margin-bottom:5%;}
#news01{ width:100%; margin:0; float:left; padding:5%; border-top:1px dotted #9699a3;}
#fotonews{ width:70px; height:70px; overflow:hidden; float:left; margin-right:5%; margin-bottom:5%;}
h1,.h1 {  margin:5%; line-height:120%;}
h2, .h2{ text-align:center; margin-bottom:5%; margin-top:5%; line-height:130%;}
h4, .h4{ text-align:center; }
#years{ display:none; width:0; height:0;}
#txthis{ width:100%;}
#fothis{ width:100%;}
#enlacleft{ width:100%; margin:0;}
#enlaclright{ width:100%; margin:0;}
}
@media only screen and (min-width: 360px) and (max-width:800px) {
.colhoyo01{ width:45%; margin-right:5%;}
}

@media only screen and (min-width: 450px) and (max-width:600px) {
#salidas{ width:42%; margin:0; margin-bottom:5%; margin-left:5%;}
.salidas { background-image: url(../imggolf/salidas.jpg);}
.salidas:hover{ background-image: url(../imggolf/salidasbn.jpg);}
#resultados{ width:42%; margin:0; margin-bottom:5%; margin-left:5%; margin-right:5%;}
.resultados { background-image: url(../imggolf/resultados.jpg);}
.resultados:hover{ background-image: url(../imggolf/resultadosbn.jpg);}
#estadocampo{ width:42%; margin:0; margin-bottom:5%; margin-left:5%;}
.estadocampo { background-image: url(../imggolf/estadocampo.jpg);}
.estadocampo:hover{background-image: url(../imggolf/estadocampobn.jpg);}
#reservas{  width:42%; margin:0; margin-bottom:5%; margin-left:5%; margin-right:5%;}
.reservas {background-image: url(../imggolf/reservas.jpg);}
.reservas:hover{background-image: url(../imggolf/reservasbn.jpg);}
#col01{ width:100%; margin:0 auto; margin-right:0;padding:5%; float:none; text-align:center;}
#col02{ width:100%; margin:0 auto; margin-right:0;padding:5%; margin-bottom:1%; float:none;}
#col03{ width:100%; margin:0 auto; margin-right:0;padding:5%; margin-bottom:1%; float:none;}
#col04{ width:100%; margin:0 auto; margin-right:0;padding:5%; margin-bottom:1%; float:none;}
.usuario{ margin-bottom:2%;}
#news{ width:100%; margin-bottom:5%;}
#news01{ width:100%; margin:0; float:left; padding:5%; border-top:1px dotted #9699a3;}
#fotonews{ width:94px; height:94px; overflow:hidden; float:left; margin-right:5%; margin-bottom:5%;}
h1,.h1 {  margin:5%; line-height:120%;}
h2, .h2{ text-align:center; margin-bottom:5%; margin-top:5%;}
h4, .h4{ text-align:center; }
#years{ display:none; width:0; height:0;}
#txthis{ width:100%;}
#fothis{ width:100%; text-align:center;}
.fotguad{ float: none; margin:0 auto; margin-bottom:10%;}
#enlacleft{ width:100%;}
#enlaclright{ width:100%;}
.enlace{ width:45%; height:45%;}
.colhoyo02{ width:28%; margin-left:3%;}
}
@media only screen and (min-width: 600px) and (max-width:800px) {
#topnav{ display: block; float:left; z-index: 10000;}
#menutop{ display:none; width:0; height:0;}
#mainbanslider{ z-index:2;}
#toplogo{ width:100%; margin-top:55px;}
#logo{ margin:0 auto; width:25%; margin-left:20%;}
#logotxt{ margin:0 auto; width:50%;}
#salidas{ width:42%; margin:0; margin-bottom:5%; margin-left:5%;}
#resultados{ width:42%; margin:0; margin-bottom:5%; margin-left:5%; margin-right:5%;}
#estadocampo{ width:42%; margin:0; margin-bottom:5%; margin-left:5%;}
#reservas{  width:42%; margin:0; margin-bottom:5%; margin-left:5%; margin-right:5%;}
#col01{ width:50%; margin:0 ; margin-right:0;padding:5%; padding-bottom:0;}
#col02{ width:50%; margin:0 ; margin-right:0;padding:5%; margin-bottom:2%; }
#col03{ width:50%; margin:0 ; margin-right:0;padding:5%; padding-top:0; margin-bottom:2%; }
#col04{ width:50%; margin:0 ; margin-right:0;padding:5%; padding-top:0; margin-bottom:2%; }
#news{ width:100%; margin-bottom:5%;}
#news01{ margin:5%; width:40%; float:left; padding:1%; border-top:1px dotted #9699a3; margin-bottom:0;}
#fotonews{ width:70px; height:70px; overflow:hidden; float:left; margin-right:5%; margin-bottom:5%;}
h1,.h1 {  margin:5%; line-height:120%;}
#years{ margin-bottom:5%;}
#campeones{-webkit-column-count: 2;column-count: 2; -webkit-column-gap: 3%; column-gap: 3%; float:left;}
#salidascomp{-webkit-column-count: 1;column-count: 1; -webkit-column-gap: 3%; column-gap: 3%; float:left;}
#textcont{ width:95%;}
#profe{ width: 48%; margin-bottom:5%;}
#profetxt{ min-height:600px;}
#profedob{ width: 100%; margin:0; margin-bottom:5%; margin-right:0;}
#profetxtdob{ min-height:0px; width:92%;  }
#profetxtdob p{ font-size:100%;}
.etiqtaprofdob{padding:1.5%; font-size:110%;}
#eventosesc{ margin-bottom:5%;}
#formulario{ width:100%; margin:0 auto; float:none;}
#txtpw{ width:100%; margin:0 auto; float:none;}
#fondoboton{ margin-top:0%;}
.boton{ margin-top:0%;}
.botper{ width:100%;}
.botperb{ width:100%;}
#infocomp{width:100%;}
#eventosesc{width:98%;}
.hoyos{ margin-top:0px;}
.colhoyo02{ width:18%; margin-left:1%; margin-right:1%;}
}
@media only screen and (min-width: 800px) and (max-width:1160px) {
#topnav{ display: block; float:left; z-index: 10000;}
#menutop{ display:none; width:0; height:0;}
#mainbanslider{ z-index:2;}
#toplogo{ width:100%; margin-top:55px;}
#logo{ margin:0 auto; }
#logotxt{ margin:0 auto;}
#salidas{ width:21%; margin:0; margin-bottom:3%; margin-left:3%;}
#resultados{ width:21%; margin:0; margin-bottom:3%; margin-left:3%;}
#estadocampo{ width:21%; margin:0; margin-bottom:3%; margin-left:3%;}
#reservas{  width:21%; margin:0; margin-bottom:3%; margin-left:3%;}
#col01{ width:25%; margin:0 ; margin-right:0;padding:2%; }
#col02{ width:25%; margin:0 ; margin-right:0;padding:2%; }
#col03{ width:25%; margin:0 ; margin-right:0;padding:2%; }
#col04{ width:25%; margin:0 ; margin-right:0;padding:2%; }
#campeones{ -webkit-column-count: 3; column-count: 32;
}
#textcont{ width:95%;}
#news01{ width:21%; margin:0; float:left; padding:2%; padding-top:0;}
#eventosesc{ margin-bottom:5%;}
.botper{ width:100%;}
.botperb{ width:100%;}
#infocomp{width:100%;}

.colhoyo01{ width:45%; margin-right:5%;}
.hoyos{ margin-top:0px;}
}

@media only screen and (min-width: 800px) and (max-width:1300px) {
#news{ width:100%;}
#fotonews{float: none;}
h1,.h1 {  margin:2%;}
#campeones{ -webkit-column-count: 3; column-count: 32;}
.colhoyo02{ width:13%; margin-left:0.6%; margin-right:0.6%;}
}
@media only screen and (min-width: 800px) and (max-width:1050px) {
#profe{ width: 48%; margin-bottom:5%;}
#profetxt{ min-height:550px;}
#profedob{ width: 100%; margin:0; margin-bottom:5%; margin-right:0;}
#profetxtdob{ min-height:0px; width:92%;  }
#profetxtdob p{ font-size:100%;}
.etiqtaprofdob{padding:1.5%; font-size:110%;}
#eventosesc{width:98%;}
}
@media only screen and (min-width: 1050px) and (max-width:1100px) {
#profetxt{ min-height:650px;}
#profetxtdob{ min-height:650px; width:92%;  }
#profetxtdob p{ font-size:96%;}
.etiqtaprofdob{padding:1.5%; font-size:110%;}
#eventosesc{width:98%;}
}
@media only screen and (min-width: 1100px) and (max-width:1200px) {
#profetxt{ min-height:600px;}
#profetxtdob{ min-height:600px; width:92%;  }
#profetxtdob p{ font-size:96%;}
#eventosesc{width:96%;}
}
@media only screen and (min-width: 1100px) and (max-width:1200px) {
#profetxt{ min-height:650px;}
#profetxtdob{ min-height:650px; }

}

@media only screen and (min-width: 1160px) {
.colhoyo01{ width:30%; margin-right:3%;}
.hoyos{ margin-top:0px;}
.colhoyo02{ width:9%; margin-left:1%;}
}

@media only screen and (max-width: 1400px) {
#textcont{ margin-left:3%;}  /* Styles */
}
@media only screen and (min-width: 600px) {
  /* Styles */
}
@media only screen and (min-width: 768px) {
  .grids-two .grid {
    width: 43.03%;
    margin-bottom: 0;
    border-bottom-width: 0;
  }
  .grids-two .grid-1 {
    float: left;
  }
  .grids-two .grid-2 {
    float: right;
  }
  .grids-three .grid-a {
    float: left;
    width: 31.64%;
    margin-right: 2.53%;
  }
  .grids-four .grid-a {
    float: left;
    width: 31.64%;
    margin-right: 2.53%;
  }
}
@media only screen and (min-width: 992px) {
  .grids-three .grid {
    float: left;
    width: 31.64%;
    margin: 0 2.53% 0 0;
    border-bottom-width: 0;
  }
  .grids-three .grid-3 {
    float: right;
    margin-right: 0;
  }
  .grids-three .grid .grid-a {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.75em;
  }
  .grids-four .grid {
    float: left;
    width: 20.25%;
    margin: 0 6.32% 0 0;
    border-bottom-width: 0;
  }
  .grids-four .grid-4 {
    float: right;
    margin-right: 0;
  }
  .grids-four .grid .grid-a {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1382px) {
  /* Styles */
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */
}
/* 320 and Up */
/* Panels Upstart */
/* Version: 1.0 */
/* Author: Andy Clarke */
/* URL: http://stuffandnonsense.co.uk/projects/320andup */
.full {
  margin-bottom: 1.5em;
  padding: 1.5em;
  background-color: #f3f5f6;
  border-top: 2px solid #c7ced6;
  border-bottom: 2px solid #c7ced6;
}
.full .grids {
  width: 90%;
  margin: 0 auto;
  padding: 1.5em 0;
}
@media only screen and (min-width: 480px) {
  /* Styles */
}
@media only screen and (min-width: 600px) {
  /* Styles */
}
@media only screen and (min-width: 768px) {
  .special .grids-three .grid-a,
  .special .grids-four .grid-a {
    width: 43.03%;
  }
}
@media only screen and (min-width: 992px) {
  .special .grids-three .grid-a,
  .special .grids-four .grid-a {
    width: 100%;
  }
}
@media only screen and (min-width: 1382px) {
  /* Styles */
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */
}
/*Cookies
/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */
.cc-cookies { position:fixed; width: 90%; left: 0; bottom: 0; padding: 0.5em 5%; background: #565656; background: rgba(86,86,86,0.95); color: #fff; font-size: 13px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 12px;  font-size: 0.750em; }
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #82ad1a; padding: 0.5em 0.75em; border-radius: 3px; -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.25); box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}