/*! normalize.css v1.0.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

html, html a, html input {

    -webkit-font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    -o-font-smoothing: antialiased !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
 /*   transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;*/

}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
   /* font-family: serif;*/ /*###-*/
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
  /*  font-family: 'Open Sans', sans-serif;*/
    /*font-family: 'Arial', sans-serif; /*###=*/
	/*font-family: 'Jura', 'Arial', sans-serif; /*###=*/
	color: #333333;
	/*background-color: #FFFFFF;/*83474f;
	background-color: transparent;
}
html {
/*background: url(/imagenes/bg.jpg) no-repeat center center fixed; */
/*background: url(/imagenes/fondo2.jpg) repeat; */
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	*/
  min-height:100%;
height:auto;
}

.fondo-pagina {

	/*background: url(/imagenes/fondo1.jpg) repeat; */
    /*background: url(/imagenes/fondo.jpg) no-repeat center center; */
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-attachment:fixed;
	*/
	min-height:640px;


}

.capasuperior {
    background-color: #FFFFFF;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a {
  text-decoration:none;
}
a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
	text-decoration:none;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 1.6em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.2em;
    margin: 0.83em 0;
    font-weight: 800;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    /*margin: 1em 0;  /* BUG CON SLIDER SUPERSIZED! Genera un espacio blanco en la parte superior.*/
}

dd {
    margin: 0 0 0 0px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 0px;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */

}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ==========================================================================
   User Styles
   ========================================================================== */

/*
 * Put all your custom styles here.
 */


.slider-wrapper a {/*###+ Botones Nivo slider sin transition*/
     -webkit-font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    -o-font-smoothing: antialiased !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    transition: 0s ease;
    -moz-transition: 0s ease;
    -webkit-transition: 0s ease;
    -o-transition: 0s ease;

}
.separador_contacto {
	color:#FAFAFA;
}
.enlaces_contacto {
	color:#FAFAFA;
	margin-right:5%;
}



/* Alerts ---------------------- */
div.alert-box { display: block; padding: 6px 7px 7px; font-weight: bold; font-size: 14px; color: white; background-color: #2ba6cb; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; position: relative; }
div.alert-box.default { background-color: #EDC60F; color: #303030; }
div.alert-box.success { background-color: #5da423; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-box.alert { background-color: #c60f13; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-box.secondary { background-color: #e9e9e9; color: #505050; text-shadow: 0 1px rgba(255, 255, 255, 0.3); }
div.alert-box a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; }
div.alert-box a.close:hover,
div.alert-box a.close:focus { opacity: 0.4 }

/* ______ BOTONES ______ */

.ContactoLabel {
width:100%;
font-size: 16px;
margin-bottom: 0px;
margin-top: 3px;
}
/*.ContactoLabelB {
width:100%;
font-size: 16px;
}*/
.ContactoInput {
width:90%;
display:inline;
margin-right:5%;
margin-left:3%;
/*height: 34px;*/
}
@media only screen and (max-width: 1001px) {
	.ContactoLabel {text-align:left;margin-left:10%;}
}
@media only screen and (min-width: 1002px) {
	.ContactoLabel {text-align:center;}
}

.InputMini {
width:25%;
display:inline;
/*margin-right:5%;
margin-left:3%;*/
/*height: 34px;*/
}
.ContactoMens {
width:90%;
display:inline;
margin-right:5%;
margin-left:3%;
}
.ContactoBoton {
/*float:right;*/
margin-left:7%;
margin-right:7%;
font-weight:bold;
}
.SelecArchivosBoton {
margin-left:3%;
display: inline;
}
.SubirArchivosBoton {
float:right;
margin-right:7%;
}

.botongrupo {
font-weight:bold;
margin-bottom:10px;
}
.botongrupo:hover{
  border: 2px solid #3c719c;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}


.botongrupoactivo {
font-weight:bold;
margin-bottom:10px;
}
.botongrupoactivo:hover{
}

.listado-enlaces li {
padding-bottom:10px;
}
.listado-enlaces li a{
	font-weight:bold;
	color: #232324;
}
.botongrupoactivo li a :hover{
color: #ba3d6b;
}

.botonformulario {
font-weight:bold;
margin-bottom:10px;
}
.botonformulario:hover{
}
.botonestrecho {
	padding-top: 2px; padding-bottom: 2px;
	padding-left: 4px;	padding-right: 4px;
	margin-top: 3px; margin-bottom: 3px;
}

/*______________________________*/

.elemento-foto img{
border:1px solid #;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
/*______________________________*/
#paneltop { background: #222;
/*height: 70px; */   /*###-*/
display: none; color: #fff; padding: 20px 0 25px 0; }
.panelslide { margin: 0; padding: 0; }
.panelbtn-slide { text-align: center; width: 25px; height: 13px; padding: 10px 10px 0 0; margin: 0 auto; display: block; font: bold 120%/100% Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; float: right; }
.panelpics { float: left; margin-right: 10px; }
.infotext { margin-top: 7px ;  float:left;}
.panelslide {	margin: 0;	padding: 0;	border-top: solid 4px #DF001F;}
/* FIX: relative paths */
.panelbtn-slide {	background:#DF001F url(../slidepanel-imagenes/slide-panel-plus.png) no-repeat;}
.panelbtn-slide.active { background: #DF001F url(../slidepanel-imagenes/images/slide-panel-minus.png) no-repeat;}

/*______________________________*/

#antepie { background: #FFF; color: #222; padding: 30px 0; margin-top: 0px;
	/*background: url(bg-1.jpg);*/
 }
#antepie a { color: #666; font-size: 12px; }
#antepie h1 { font-size: 16px; color: #ccc; margin-bottom: 20px; }
.newsmargin { margin-left: 46px }
#antepie .button { box-shadow: none; width: auto; nowhitespace: afterproperty; background: #444; color: #999; cursor: pointer; display: inline-block; /*font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; */
 font-size: 13px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 10px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
#antepie input[type="text"] { background: #333; /*font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; */
 border: 1px solid #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color: #999; display: block; font-size: 12px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; box-shadow: none; }


/*______________________________*/
@media only screen and (max-width: 1001px) {
#antepie {margin-top:20px;margin-bottom:20px; }
#antepie .barraizda {display:none;visibility: hidden; height:10px;}
#antepie .barradcha {padding:0px;}
#antepie .decoimagen_izda {display:none;visibility: hidden;height:10px;}
#antepie .decoimagen_dcha {display:none;visibility: hidden;height:10px;}
#antepie .destacadoantepie_izda {max-width:100%;}
#antepie .destacadoantepie_dcha {max-width:100%; padding-left: 20px;padding-top:22px;}
}
@media only screen and (min-width: 1002px) {
#antepie .barraizda {
/*background: #8b8b8b; */
background: url(/imagenes/fondo-izda.png);
height:156px;
text-align:left;
}
#antepie .barradcha {
/*background: #e4e4e4; */
background: url(/imagenes/fondo-dcha.png);
	width: 50%;
	position: absolute;
	right: 0px;
	height:156px;
}

#antepie .decoimagen_izda {
	position:absolute;
    bottom:0px;
    left:-500px;
}
#antepie .decoimagen_dcha {
	position:absolute;
    bottom:0px;
    left:-20px;
}

#antepie .destacadoantepie_izda {
	position:absolute;
    top:10px;
    left:-300px;
}
#antepie .destacadoantepie_dcha {

	position:absolute;
    top:10px;
    left:180px;
}

}



.piedepagina-wrap {
	/*background-color: rgba(14,14,14,1);*/

	min-height:100px;


	top-bottom: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 16px;
}
.enlacescopyright a {text-decoration:none;padding-right: 30px;  }
.enlacescopyright a:hover { }


/*______________________________*/
.subtozal-wrap {
	color:#EFEFEF;
	/*background-color: rgba(34,34,34,0.90);*/
    padding: 0px;
}
.cuerpo-ppal {
	color: #020202;
	/*font-size: 20px;*/
	/*background-color: #FFFFFF;/*#5c102e;
    /*background-color: #efdfac;/*#5c102e;*/
	/*background-color: rgba(255, 255, 255, 0.90);*/
	/*min-height: 500px;*/
/*    padding-top: 20px;*/
    /*border-top: solid 1px #e3e3e3;*/
}
.antepie-wrap {
    /*background-color: #DF001F;*/
    padding-bottom: 0px;/*15px;*/
}
.subpie-wrap {
    padding: 0px;
}
/*______________________________*/
.fondo-cuadro {
	width:240px;height:120px;
	background-color:#FFFFFF;
}
.boton-cuadro {
	padding-top:30px;
}
.texto-col-ini {
padding-top:5px;
margin-left: 5px;
margin-right: 25px;
padding-bottom:25px;
}
/*______________________________*/
@media only screen and (max-width: 1001px) {
.rotulosuperior-izdo {  text-align: center;}
.rotulosuperior-dcho {  text-align: center;}
}
@media only screen and (min-width: 1002px) {
.rotulosuperior-izdo {  text-align: left;}
.rotulosuperior-dcho {  text-align: center;}
.rotulosuperior-izdo img {  padding-right:10px;}
.calculadora-wrap  { margin-left: 20px;}
}


/*______________________________*/
@media only screen and (max-width: 331px) {
	#espaciomargensuperior{height:20px;}
	#espaciomargeninferior{height:100px;}
}
@media only screen and (min-width: 332px) and (max-width: 1001px) {
	#espaciomargensuperior{height:20px;}
	#espaciomargeninferior{height:100px;}
}
@media only screen and (min-width: 1002px) {
	#espaciomargensuperior{height:100px;}
	#espaciomargeninferior{height:80px;}
}

/*______________ RESULTADO FORMULARIOS ________________*/
.resultadoexito {
	background-color:green;color:white;
}
.resultadoerror {
	background-color:red;color:white;
}

/*________________ TABLA HORIZ-VERTICAL ______________________________________*/
.row-marco {
  border: 2px solid #1FBBDD;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
@media only screen and (max-width: 331px) { /* TABLA VERTICAL */

}
@media only screen and (min-width: 332px) and (max-width: 1001px) { /* TABLA VERTICAL */

}
@media only screen and (min-width: 1002px) { /* TABLA HORIZONTAL */
	.row-marco {display: flex; 	flex-direction: row;}
	.celda-fina  {min-height: 70px; display: flex; align-items: center;}
	.celda-ancha  {min-height: 120px; display: flex; align-items: center;}
}
/*__________________  CELDAS DE COLOR ____________________________________*/

.celda-a {background-color: #316ac5;color:#020202;}
.celda-b {background-color: #5a83c5;color:#020202;}
.celda-c {background-color: #7091c5;color:#020202;}
.celda-fuerte {font-weight:bold; font-size:24px;}
.celda-a h2, .celda-a h3{color:#FAFAFA; display: inline;}
@media only screen and (max-width: 331px) {
	.celda-a h2, .celda-a h3 {font-size:16px;}
}
@media only screen and (min-width: 332px) and (max-width: 1001px) {
	.celda-a h2, .celda-a h3 {font-size:18px;}
}
@media only screen and (min-width: 1002px) {
}
/*______________________________________________________*/
.fotomarco {
/*.foto {*/
margin: auto;
border-radius: 30px;box-shadow: 3px 3px 4px #000;
/*position:relative;*/
width: 150px; height:150px;
background:url(/imagenes/utils/loading.gif) no-repeat 50% 50% }
/*.foto img {	border-radius: 30px; }*/
.fotomarco img {	border-radius: 30px; }
.textofoto {font-weight:bold;font-size : small;color: #202020;padding-top:10px;padding-bottom:10px; }
@media only screen and (max-width: 331px) {
	.textofoto {text-align:center;}
}
@media only screen and (min-width: 332px) and (max-width: 1001px) {
	.textofoto {text-align:center;}
}
@media only screen and (min-width: 1002px) {
	.textofoto {text-align:left;}
}

/*______________________________*/

.recuadrado, .recuadradogris, .clicablerecuadrado  {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom: 10px;
padding-left: 5px;
}


.celdatransp {
background-color: transparent;
border: 1px solid transparent;
}

.rotuloprincipal {
 	/*font-family: 'Jura', 'Arial', sans-serif; */
	font-size: 30px;

   	background-color: rgba(0,0,0,0.8);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

	border: solid 3px rgba(15,64,94,0.7);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
    /*padding: 15px 25px;*/
	padding-top: 25px;
	padding-bottom: 25px;

	-webkit-box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);
    box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);

	max-height:70%;
}
.rotuloprincipal h1 {
padding-top: 15px;
padding-bottom: 20px;
font-size:60px;
}
.rotuloprincipal img {
padding-top: 15px;
padding-bottom: 20px;
}

.rotuloboton {
font-size:22px;
}

/*______________________________*/
.zonaresaltada {

	 margin:5px;
	 padding:5px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;


	 /*font-family: 'Jura', 'Arial', sans-serif; */
	font-size: 20px;

	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */

	-webkit-box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);
    box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);
}
.zonarecuadrada		{
	 /*font-family: 'Jura', 'Arial', sans-serif; */
	/*font-size: 24px;*/

	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */

	-webkit-box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);
    box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);
}
.margenlistado {
	margin-left:70px;
}

#aterrizaje {
	color:#FFFFFF;
	max-height:200px;
}
/*_____________________________________________________________*/
/*_____________________________________________________________*/
.destacamarco	{
	font-size: 14px;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 1px; /* for old Konqueror browsers */

	-webkit-box-shadow: outset 0 8px 0px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: outset 0 8px 0px -6px rgba(0,0,0,0.3);
    box-shadow: outset 0 8px 0px -6px rgba(0,0,0,0.3);

	margin-bottom:20px;
	/*border: 1px solid #202020;
	/*background-color: rgba(0, 0, 0, 0.8);*/
	/*background-color: #eeeeee;*/
}
.destacagrupo	{	height:365px;}
.destacafoto	{	height:250px; margin-top:15px;}
.destacafoto img {	max-height:240px;
		border-radius: 10px;
        -moz-border-radius: 10px;
        -khtml-border-radius: 10px;
        -webkit-border-radius: 10px;"
		}
.listamarco {
	font-size: 14px;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 1px; /* for old Konqueror browsers */

	-webkit-box-shadow: outset 0 8px 0px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: outset 0 8px 0px -6px rgba(0,0,0,0.3);
    box-shadow: outset 0 8px 0px -6px rgba(0,0,0,0.3);

	margin-bottom:10px;
	/*border: 1px solid #8c8c8c;
	background-color: #eeeeee;*/
}
.listagrupo {height:150px;}
.fotolistado {height:140px;margin:auto;margin-top:5px;margin-bottom:5px;}
/*.fotolistado img {max-height:140px; width:80%; margin:5px;
		border-radius: 10px;
        -moz-border-radius: 10px;
        -khtml-border-radius: 10px;
        -webkit-border-radius: 10px;"
		}*/
.listazonaA {height:236px;  padding-top: 3px;}
.listazonaB {margin-top:10px;}
.listazonaC {margin-top: 30px;margin-bottom: 30px;}
 /*.imagenlistado	{
 	max-height:300px;
 }*/

.tachado {text-decoration:none; background:transparent url(/imagenes/tachado.png) no-repeat left 55%;}
.tachadomini {text-decoration:none; background:transparent url(/imagenes/tachado-mini.png) no-repeat left 55%;}


 @media only screen and (max-width: 699px) {
	.fotolistado {/*display:none;*/	}
	.listahuecoB {margin-top:0px;}
	.listahuecoC {margin-top:0px;}
}
@media only screen and (min-width: 700px) and (max-width: 1001px) {
	.fotolistado {/*width:200px;height:100%;*/	}
	.listahuecoB {margin-top:10px;}
	.listahuecoC {margin-top:10px;}
}
@media only screen and (min-width: 1002px) {
	.fotolistado {/*width:100%;height:100%;*/	}
	.listahuecoB {margin-top:50px;}
	.listahuecoC {margin-top:50px;}
}

/*______________________________*/
/*______________________________*/
.detallestitulo {
	font-weight:900;
	font-size:1em;
}
.detalles {
	font-weight:700;
	font-size:0.9em;
}
.minidetalles {
	font-weight:600;
	font-size:0.8em;
}
.detallesdescrip {
	padding:10px;
}
.detallesdescrip h2 {
	font-size: 18px;
}
.detallesmarco {

	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */

	-webkit-box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);
    box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);

	margin-top:10px;
	border: 1px solid #8c8c8c;
	background-color: #F6F6F6;
}

.infotituloh1 {
	/*border-bottom: 2px solid #15007E;*/
	margin-top:5px;
	margin-bottom:15px;
	/*border: 1px solid #30308c;
	background-color: #EEEEEE;*/
}
.infotituloh1 h1{
	margin:0px;
	padding:0px;
	/*color:#FBFBFB;*/
	font-size: 2em;
	font-weight: normal;
}
.infotituloh2 {
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */

	-webkit-box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);
    box-shadow: inset 0 8px 0px -6px rgba(0,0,0,0.3);

	margin-bottom:10px;
	/*border: 1px solid #30308c;
	background-color: #303077;
	color: #EFEFEF;*/
}
.infotituloh2 h2 {
	margin:0px;
	padding:0px;
	color:#FBFBFB;
	font-size: 1em;
	font-weight: normal;
	display:inline;
}

.infotitulo {
	font-weight:bold;
	font-size:1em;
}
.infosubtitulo {
	font-weight:normal;
	font-size:0.8em;
}

/*_____________________________________________________________*/
/*______________ BOOTSTRAP ALINEACION VERTICAL ______________*/

/* columns of same height styles */
.row-same-height {
    display: table;
    width: 100%;
}
.col-xs-height {
    display: table-cell;
    float: none !important;
}

@media (min-width: 768px) {
    .col-sm-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 992px) {
    .col-md-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 1200px) {
    .col-lg-height {
        display: table-cell;
        float: none !important;
    }
}

/* firefox fix */
.img-responsive {
    width: 100%;
}

/* vertical alignment styles */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}

/*______________________________*/



/*______________________________*/

 @media only screen and (max-width: 331px) {
	.prescindible {display:none;}
	.muyprescindible {display:none;}
}

@media only screen and (min-width: 332px) and (max-width: 1001px) {
	.muyprescindible {display:none;}

}

@media only screen and (min-width: 1002px) {

}


/*_______ MAPA GOOGLE ____________*/

#map_wrapper {
    height: 400px;
}

#map_canvas,
#map_canvas_aragon,
#map_canvas_zgza {
    width: 100%;
    height: 100%;
}
.info_content{
	width:250px;
}

/*______________________________*/

	img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}

/*_________ SNIPPET FOR  BOOTSTRAP_____________________*/
.btn-huge{
    padding-top:20px;
    padding-bottom:20px;
}


/*_________ SNIPPET FOR  BOOTSTRAP_____________________*/
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(0, 0, 80);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
  /*padding:8px 6px 10px 10px;/* home icon */*/
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
  border-left: 10px solid #428bca;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
  border-left: 10px solid #357ebd;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
  border-left: 10px solid #3276b1;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
  border-left: 10px solid #285e8e;
}

/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after {
  border-left: 10px solid #5cb85c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
  border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
  border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
  border-left: 10px solid #398439;
}

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
  border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
  border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
  border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
  border-left: 10px solid #ac2925;
}

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
  border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
  border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
  border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
  border-left: 10px solid #d58512;
}

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
  border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
  border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
  border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
  border-left: 10px solid #269abc;
}

/** Custom **/
.icono_listadeseos {
    background: url('/imagenes/wantlist-lista-deseos.png') no-repeat center center / 100% auto;
    float: left;
    height: 16px;
    width: 16px;
}
