/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

.cc-cookies { position:fixed; width: 100%; left: 0; top: 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; }
.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: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; 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; }
}
.cabecero_interior{
    
    background-color: #6E6E6D;
   
    background-image: url(../img/netbg_cuadritos.png);
	background-repeat: repeat;
	background-position: center center;
    margin-bottom: 40px;
    padding: 30px !important; 
   /* border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
   
}
.fondo_titulo_ficha{
    background-color: #F4F0E8; 
     margin-bottom: 40px;
    padding: 30px !important;
    
}
/*.fondo_titulo_pagina{
     background-image: url(../img/fondo_titulo_pagina.png);
	background-repeat: no-repeat;
	background-position: center  center;
        margin-bottom: 50px;
         margin-top: 20px;
}*/
.titular_pagina{ font-size: 50px; color:#06B6DD;   font-family: 'avantgarde_bk_btbook';  text-align: left; text-transform: uppercase; padding-left: 25px; }
/*.titular_pagina{ font-size: 40px; color:#ccc;  }*/
.miga_pan{ font-size: 14px; padding-left: 12px; padding-right: 12px;}
#busca{ margin-top: 30px;}
.caja_interior{padding-top: 20px;}

.fondo_azul {
    border-bottom: 8px solid #008dd3;
}
nav {
    margin-top: 20px;
}
#menu_vertical li {
   /* background-color: #f3f3f3;*/
    display: block;
    margin: 0;
    text-align: right;
}
#menu_vertical li a {
    border-bottom: 1px dashed #cccccc;
    color: #666666;
    display: block;
   
    padding: 10px;
   /* text-transform: uppercase;*/
}
#menu_vertical li a:hover {
   /* background-color:#f3f3f3;*/
    border-bottom: 1px dashed #cccccc;
    color:#06b6dd;
    display: block;
    padding: 10px;
    
}
#menu_vertical #seleccionado {
    /*background-color:#f3f3f3;*/
    border-bottom: 1px dashed #cccccc;
    color: #06b6dd;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
   
}
.titular_interior_dcha {
    color: #000000;
   
    font-size: 32px;
    font-style: normal;
    font-weight: normal;
    line-height: 32px;
    margin: 0;
    padding-bottom: 5px;
}
.contenido_interior h2 {
    color:#06b6dd;
     font-family: 'avantgarde_bk_btbook';
    font-size: 28px;
    margin-bottom: 5px;
    margin-top: 30px;
}
.contenido_interior h3 {
    color: #000000;
      font-family: 'avantgarde_bk_btbook';
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: 30px;
}
.contenido_interior ul li{ margin:25px 0px;}
.contenido_interior a {
    color:#06b6dd;
}
.contenido_interior a:hover {
    color: #000000;
}
.contenido_interior .negro {
    color: #000000;
    font-weight: bold;
}

.contenido_interior img{
    display: inline-block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.fila_descargas {
    border-bottom: 1px dotted #cccccc;
    display: block;
    margin-bottom: 10px;
}
.descargar {
    color: #16b1ea;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}
.descargar a {
    color: #16b1ea;
}
.nombre_descarga {
    color: #000000;
}
.fila_descargas a {
    display: block;
    padding-bottom: 10px;
    padding-top: 15px;
}
.fila_descargas a:hover {
    background-color: #eeeeee;
    box-shadow: 0 0 4px #777777, 0 0 20px #cccccc inset;
    display: block;
    position: relative;
}

.rojo_rest{ color:#000; font-size: 12px; font-weight: bold;}


/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {




}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .titular_pagina{ font-size: 28px;}
    .destacado{font-size: 20px;}
}
.caja_text_h .form-control{ font-size: 16px!important; height: 40px;  border: solid 1px #ccc;}
.form_contacto{ padding-bottom: 40px;}

.zona_consulta textarea{ font-size: 16px!important; height:200px; margin-top: 30px; margin-bottom: 30px; border: solid 1px #ccc;}
.titular_datos{ font-size: 24px;    line-height: 30px; padding-bottom: 20px; color:#000; padding-top: 40px;}
.politica a{ font-size: 13px; color:#777; }
.politica a:hover{ font-size: 13px; color:#c10003; }
.bot_amarillo{ background-color: #06b6dd; width: 100%; color:#fff; font-size: 16px!important;}
.bot_amarillo:hover{ background-color: #976400; color:#fff;}
.datos_contacto address{ padding-top: 20px; color:#000;}
.fondo_amarillo{color: #06b6dd;}
.correo_cont a{color:#000;}
.correo_cont a:hover{color:#9b0004;}
.datos_contacto address p{ padding: 12px;}
.zona_mapa{ margin-top: -40px; width: 100%; height: 401px;}
.amarillo{ color:#06b6dd;} 



/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
   
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {




}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    
 
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  
}




/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }
    
    .formErrorInsideDialog.formError { z-index: 5000; }
    .formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
    .formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #FF0000;
	position:relative;
	color: #fff;
	width: 150px;
	font-size: 10px;
        font-weight: bold;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #FF0000;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}
