/*///// FUENTES /////*/
/*
@font-face {
    font-family:  'Open Sans';
    src: url('fonts/apexnew-book-webfont.eot');
    src: url('fonts/apexnew-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/apexnew-book-webfont.woff') format('woff'),
         url('fonts/apexnew-book-webfont.ttf') format('truetype'),
         url('fonts/apexnew-book-webfont.svg#bignoodletitlingregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

/*///// FUENTES /////*/
::-moz-selection{ background: #00aeef; color:#fff; text-shadow: none; }
::selection { background:#00aeef; color:#fff; text-shadow: none; }

.MsoNormal {margin: 0;}


/*///// FADE DE IMAGENES /////*/
img.loadFade {opacity:0; -webkit-transition:opacity 0,3s; -moz-transition:opacity 0,3s; -o-transition:opacity 0,3s; -ms-transition:opacity 0,3s;}
img.loaded {opacity:1;}

/*///// BODY /////*/
body{margin:0px; padding:0px; font-family: 'Open Sans',sans-serif; font-weight:400; font-size:14px; color:#3b3b3b; 
	/*
	background-image:url(img/bck.jpg); background-attachment:fixed; background-color:#9ba1a4; background-position:center center; background-repeat:no-repeat;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	*/
}
body a{outline:0}
img{border:0;}
* {outline:none;}
ul{padding:0 0 0 15px;}
button,input {outline:none !important;}
.row {margin:0px; }
pre {display:none;}
h1,h2,h3,h4,h5,h6{font-family: 'Roboto Slab',sans-serif; font-weight:400; color:#222222;}
h1{ font-size:47px; font-weight:700;}

h1.haches02,h2.haches02,h3.haches02,h4.haches02,h5.haches02,h6.haches02{font-family: 'Open Sans',sans-serif; font-weight:300; color:#0066b2;}

._scroll {position:relative;overflow:hidden;}

/*
a{ font-size:13px; color:#0e5689; text-decoration:none;}
a:hover{ font-size:13px; color:#333333; text-decoration:none;}
*/

/*///// CONTENEDORES /////*/
.containerFull{width:100%; position:relative; padding:0px;}

.container{position:relative; background:#fff; /*width: 720px !important;*/}

.contAll{width:inherit; margin:0; padding:30px 0 50px 0; position:relative; float:left;}
.contLeft{ width:445px; margin:0 15px 0 0; padding:0 15px 0 15px; position:relative; display:inline-block; vertical-align:top;}
.contRight{width:445px; margin:0px; padding:0 15px 0 15px; position:relative; display:inline-block; vertical-align:top;}

.contSecc{width:600px; min-height:600px; margin:0 0 100px 0; padding:90px 70px 50px 70px; display:inline-block; position:relative; text-align:left; background:#e6e6e6;}

.titExclusivos{width:100%; margin:0px; padding:0 0 20px 0; position:relative; float:left;
    font-size:19px; color:#999; line-height:25px;
}


/*------------------------*/

.marginAnim{min-height:130px;
	-webkit-transition:min-height 0.5s; -moz-transition:min-height 0.5s; -ms-transition:min-height 0.5s; -o-transition:min-height 0.5s;
}
.scroll-after.marginAnim{min-height:150px !important;}

.scroll-after{min-height:50px !important;
	-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.scroll-after #siteMenu li a{height:50px; padding: 20px 5px 0px 5px;}
.scroll-after #siteMenu li a:hover{padding: 14px 5px 0px 5px; border-top:6px solid #254c8f;}
.scroll-after #siteMenu li .active, .scroll-after #siteMenu li .active:hover{padding: 14px 5px 0px 5px;}

.scroll-after .logo{width:84px !important; margin:8px 0 0 0 !important;}
.scroll-after .navbar-nav {margin:0px;}

.scroll-after .boton03{height:30px; padding:2px 10px 3px 10px; margin:11px 15px 0px 15px;}


/*///// MENU CONT /////*/
.franjaHdr{width:100%; min-height:130px; padding:0px; margin:0 0 20px 0; list-style:none; background-color:#fff; position:fixed; z-index:999;
    -webkit-transition:min-height 0.5s; -moz-transition:min-height 0.5s; -ms-transition:min-height 0.5s; -o-transition:min-height 0.5s;
	/*-webkit-box-shadow: 0px 5px 5px #eee; -moz-box-shadow: 0px 5px 5px #eee; box-shadow: 0px 5px 5px #eee;*/
}
.franjaHdr .container{ background-color:transparent;}

.franjaHdr .container .logo{width:220px; margin:33px 0 0 0;
    -webkit-transition:width 0.5s, margin 0.5s; -moz-transition:width 0.5s, margin 0.5s; -ms-transition:width 0.5s, margin 0.5s; -o-transition:width 0.5s, margin 0.5s;
}


/*///// MENU /////*/
.menu{ width:100%; margin:0px; padding:0; display: block; list-style:none;}

.navbar {margin:0 0 1px 0; padding:0px; border:none; 
    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
}
.navbar .navbar-brand {padding:0px;}

.navbar-default{background-color:transparent;}
.navbar-default .navbar-brand {color: white; margin:0 0 0 20px;}
.navbar-nav {float:right; }

.mata{pointer-events: none;}

/*---- BOTON ----*/
.navbar-default .navbar-toggle { width:50px; height:40px; margin: 5px; padding:5px 10px 5px 10px; border: none; border-radius: 0; /*border-left:1px solid #ccc;*/
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    -webkit-transition:background-color 0.5s; -moz-transition:background-color 0.5s; -ms-transition:background-color 0.5s; -o-transition:background-color 0.5s;
}
.navbar-default .navbar-toggle .icon-bar{width:100%; height:4px; background-color:#254c8f !important;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}

.navbar-default .navbar-toggle:hover .icon-bar{background-color: #e01d38 !important;}
.navbar-default .navbar-toggle:focus .icon-bar{background-color: #e01d38 !important;}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}

/*---- ICONO ----*/
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;
    -webkit-transition:background-color 0.5s; -moz-transition:background-color 0.5s; -ms-transition:background-color 0.5s; -o-transition:background-color 0.5s;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {background-color: #777; }

/*---- BOTONES ----*/
#siteMenu li a { height:130px; margin:0px; padding: 55px 5px 0px 5px; letter-spacing:0; border-top: 0px solid #254c8f;
	color:#254c8f; font-size: 16px; text-align: center; text-transform:uppercase;
	/*-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;*/
	-webkit-transition:color 0.5s, height 0.5s, padding 0.5s, background 0.5s, border 0.5s; -moz-transition:color 0.5s, height 0.5s, padding 0.5s, background 0.5s, border 0.5s; -ms-transition:color 0.5s, height 0.5s, padding 0.5s, background 0.5s, border 0.5s; -o-transition:color 0.5s, height 0.5s, padding 0.5s, background 0.5s, border 0.5s;
}
#siteMenu li a:hover{color:#254c8f; padding: 49px 5px 0px 5px; border-top:6px solid #254c8f;}
#siteMenu li .active, #siteMenu li .active:hover{color:#e01d38; padding: 49px 13px 0px 13px; cursor: default; border-top:6px solid #e01d38;}

#siteMenu a.idioma {width:auto;display:inline-block; padding: 5px; height: auto; margin: 28px 0 0 0;width: 40px;float: right;text-align: center;}
#siteMenu a.idioma+a.idioma {border-right: solid thin #ccc;}


/*///// FOOTER ////*/
.footer{width:100%; min-height:190px; margin:0px; padding:0px;  position:relative; float:left; z-index:50; background-color:#4c4c4c; /*background-image:url(img/bckFtr.gif);*/}

.footer .container{background-color:transparent;}

.footer .data{height:60px; margin:0px; padding:15px 0 10px 0; position:relative; float:right;
    font-size:12px; color:#a0a0a0; line-height:15px; text-transform:uppercase; text-align:right;
}

.footer .logoFtr{ width:75px;}
/*--------------------*/

.footer .botonera{ min-height:75px; margin-top:30px; margin-bottom:30px; padding:25px 20px 15px 20px; border-top:1px solid #999999; border-bottom:1px solid #999999;
    font-size:14px; color:#a0a0a0; line-height:15px; text-transform:uppercase; text-align:center;
}
.footer .botonera ul{ list-style: none;}
.footer .botonera li{display:inline-block;}

.footer .botonera li a{height:28px; margin:0px; padding:6px 5px 0 5px; text-decoration:none; display:inline-block;
    font-size:14px; color:#a0a0a0; line-height:15px; text-transform:uppercase;
	-webkit-transition:color 0.5s; -moz-transition:color 0.5s; -ms-transition:color 0.5s; -o-transition:color 0.5s;
}
.footer .botonera li a:hover{color:#ccc;}
.footer .botonera li .active, .footer .botonera li .active:hover{color:#ccc; cursor: default;}


/*---- VOLVER ----*/
.volver{width:120px; height:40px; margin:0px; padding:6px 0 0 0; position:absolute; bottom:-40px; right:20px; background-color:#d5dbdb;
	color:#fff; font-size:18px; font-weight:300; text-align:center; text-decoration:none; line-height:normal;
	-moz-border-radius: 0px 0px 20px 20px; -webkit-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px;
	-webkit-transition:background 0.5s; -moz-transition:background 0.5s; -ms-transition:background 0.5s; -o-transition:background 0.5s;	
}
.volver:hover{background-color:#00aeef;color:#fff; text-decoration:none;}
.volver i{font-size:17px;}


/*----- SUBIR ----*/
.subir{width:50px; height:50px;position: fixed; left:50%; margin-left:600px; bottom: 25px; background:url(img/subir.svg) no-repeat #e01d38 center center; 
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    -webkit-transition:background-color 0.5s; -moz-transition:background-color 0.5s; -ms-transition:background-color 0.5s; -o-transition:background-color 0.5s;
}
.subir:hover{background-color:#7f8c8d; }


/*---- PAGINADOR ----*/
.paginador{width:100%; margin:0px; padding:20px 0 20px 0; float:left; position:relative; text-align:center; }
.paginador .numero{width:40px; height:40px; margin:0px; padding:8px 0 0 0; display:inline-block; vertical-align:top;
	font-size:15px; color:#00aeef; 
    -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
    /*
    background:#9fa8ac;
	*/
    border:1px solid #8b9297;
	
    -webkit-transition:background-color 0.5s, border-color 0.5s, color 0.5s; -moz-transition:background-color 0.5s, border-color 0.5s, color 0.5s; -ms-transition:background-color 0.5s, border-color 0.5s, color 0.5s; -o-transition:background-color 0.5s, border-color 0.5s, color 0.5s;
}
.paginador .numero:hover{color:#00aeef !important; font-size:15px !important; text-decoration:none; /*background:#00aeef;*/ border:1px solid #00aeef;}
.paginador .numero.active, .paginador .numero.active:hover{color:#ffffff !important; font-size:15px !important; text-decoration:none; background:#00aeef; cursor: default; border:1px solid #e1641a;}


/*///// BOTONES /////*/
.boton01{ min-height:55px; margin:0px; padding:15px 45px 15px 45px; display:inline-block; cursor: pointer; border: none;
    font-size:18px; color:#777; text-align:center; font-weight:400; line-height:normal;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
    /*-moz-box-shadow: 0px 1px 2px #555; -webkit-box-shadow:0px 1px 2px #555; box-shadow: 0px 1px 2px #555;*/
    border:2px solid #777;
	background-color:transparent;
    -webkit-transition:background-color 0.5s, border 0.5s, color 0.5s; -moz-transition:background-color 0.5s, border 0.5s, color 0.5s; -ms-transition:background-color 0.5s, border 0.5s, color 0.5s; -o-transition:background-color 0.5s, border 0.5s, color 0.5s;

}

.boton01:hover{color:#ffffff !important; font-size:18px !important; text-decoration:none; background:#254c8f; border:2px solid #254c8f;}
.boton01:focus{text-decoration:none; color:#3b3b3b;}


.boton01.boton01A{min-height:40px; padding:10px 30px 10px 30px;
    font-size:17px; 
}

.boton01.boton01A:hover{font-size:17px !important;}


/*-------------*/

.boton02{ height:58px; margin:0px; padding:15px 60px 0px 60px; display:inline-block; cursor: pointer; border: none;
    font-size:18px; color:#fff; text-align:center; font-weight:400; line-height:normal;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
    /*-moz-box-shadow: 0px 1px 2px #555; -webkit-box-shadow:0px 1px 2px #555; box-shadow: 0px 1px 2px #555;*/
    border:2px solid #fff;
	background-color:transparent;
    -webkit-transition:background-color 0.5s, border 0.5s, color 0.5s; -moz-transition:background-color 0.5s, border 0.5s, color 0.5s; -ms-transition:background-color 0.5s, border 0.5s, color 0.5s; -o-transition:background-color 0.5s, border 0.5s, color 0.5s;

}

.boton02:hover{color:#ffffff !important; font-size:18px !important; text-decoration:none; background:#254c8f; border:2px solid #254c8f;}
.boton02:focus{text-decoration:none; color:#ffffff;}

/*-------------*/

.boton03{ height:58px; margin:35px 0 0 20px; padding:15px 15px 0px 15px; display:inline-block; cursor: pointer; border: none;
    font-size:18px; color:#3e3e3e; text-align:center; font-weight:400; line-height:normal;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
    /*-moz-box-shadow: 0px 1px 2px #555; -webkit-box-shadow:0px 1px 2px #555; box-shadow: 0px 1px 2px #555;*/
    border:1px solid #3e3e3e;
	background-color:transparent;

    -webkit-transition:height 0.5s, margin 0.5s, padding 0.5s, color 0.5s, background-color 0.5s, border 0.5s; -moz-transition:height 0.5s, margin 0.5s, padding 0.5s, background-color 0.5s, border 0.5s; -ms-transition:height 0.5s, margin 0.5s, padding 0.5s, background-color 0.5s, border 0.5s; -o-transition:height 0.5s, margin 0.5s, padding 0.5s, background-color 0.5s, border 0.5s;

}

.boton03:hover{color:#fff !important; font-size:18px !important; text-decoration:none; background:#254c8f; border:1px solid #254c8f;}
.boton03:focus{text-decoration:none; color:#3e3e3e;}

/*-------------*/




/*----- ENVIAR CONSULTA ----*/
.enviarFtr{ padding:30px 0 40px 0; text-align:center; font-size:25px; font-weight:300;}
.enviarFtr .boton01{ margin:10px 0 0 0;}

/*----- BANNERS ----*/
.banners{padding-top:30px; padding-bottom:55px;}


/*///// SLIDE /////*/
.slideCont{width:100%; height:450px; margin:0 0 40px 0; padding:0px; position:relative; text-align:left; overflow:hidden;
/*background:#eee; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;*/
}

/* no hace falta copiar este CSS. todas los estilos necesarios se aÃ±den solos via js. */
.slideCont ._galeria {width: auto; height:100%;}
.slideCont ._galeria_slide{width: 100%; height:560px; background-size:cover; background-position:center center;}
.slideCont ._galeria_slide img{width:100%;}

.slideCont ._gal_ant{width:35px; height:100%; margin:0px; padding:0 0 0 0; position:absolute; top:0px; left:0px; z-index:100; /*background:url(img/prev.png) no-repeat center center;*/ background-color:transparent; cursor: pointer; border:none; color:#000; outline:none; 
-webkit-transition:background-color 0.5s, color 0.5s; -moz-transition:background-color 0.5s, color 0.5s; -ms-transition:background-color 0.5s, color 0.5s; -o-transition:background-color 0.5s, color 0.5s;
}
.slideCont ._gal_ant:hover,._gal_ant.activo{/*background-color:#000;*/ color:#FFF;}

.slideCont ._gal_sig{width:35px; height:100%; margin:0px; padding:0 0 0 0; position:absolute; top:0px; right:0px; z-index:100; /*background:url(img/next.png) no-repeat center center;*/ background-color:transparent; cursor:pointer; border:none; color:#000; outline:none;
-webkit-transition:background-color 0.5s,color 0.5s; -moz-transition:background-color 0.5s,color 0.5s; -ms-transition:background-color 0.5s,color 0.5s; -o-transition:background-color 0.5s,color 0.5s;
}
.slideCont ._gal_sig:hover,._gal_sig.activo{/*background-color:#000;*/ color:#FFF;}

.slideCont ._flecha svg{ width:15px;}


/*-------------*/

.slideCont ._btns{width:100%; height:30px; margin:0px; padding:0px; text-align:center; position:absolute; bottom:-50px; left:0px;}
.slideCont ._btn { width:14px; height:14px; display:inline-block; margin:10px 5px 5px 5px; background-color: transparent; border:2px solid #e01d38;
	-webkit-transition:background 0.5s; -moz-transition:background 0.5s; -ms-transition:background 0.5s; -o-transition:background 0.5s;
    -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
}

.slideCont ._btn:hover {background-color:#BDC3C7;}
.slideCont ._btn.activo {background-color:#e01d38;}


/*-------------*/
.slideFull{background-color: rgba(37, 76, 143, 0.7);}
.slideCont .container{ background-color:transparent;}

.slideCont .titulo{width:100%; /*min-height:185px;*/ margin:0px; padding:30px 20px 35px 20px; display:inline-block;
	font-family: 'Roboto Slab',sans-serif; font-weight:600; color:#FFF; font-size:28px; line-height:30px;
}

/*-------------*/

#galSlideInt .slideFull{background-color:transparent!important;}
#galSlideInt .titulo{ font-weight:300; text-align:center; padding:140px 0 0 0; text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);}

#galSlideInt2 .slideFull{background-color:transparent!important;}
#galSlideInt2 .titulo{ font-weight:300; text-align:center; padding:140px 0 0 0; text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);}


/*///// CROSS BROWSER /////*/
.browser{position:fixed; min-height:110px; overflow:hidden; padding:20px; /*top:-250px;*/top:0px; left:0; right:0; background-color:#2793e6; background-color:rgba(39, 147, 230, 0.9); z-index:99999;
	font-size:16px; color:#fff; line-height:20px; text-align:center;
	-webkit-transition:top 0.5s; -moz-transition:top 0.5s; -ms-transition:top 0.5s; -o-transition:top 0.5s;
}
.browser a {text-decoration:underline; color:#fff; }
.browser p i {position:relative; top:5px; color:#fff;}

.browser.anima{top:0px;}

.browser .cerrar{width:30px; height:30px; position:absolute; top:10px; right:10px; text-decoration:none;}
.browser .cerrar i{font-size:20px; -webkit-transition:-webkit-transform 0.5s; -moz-transition:-moz-transform 0.5s; -ms-transition:-ms-transform 0.5s; -o-transition:-o-transform 0.5s;}
.browser .cerrar:hover i{-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg);}









/*///// INTRO ////*/
.intro{ text-align:center; font-size:20px;}
.intro .container{ padding:0 15px 50px 15px;}

.intro .boton01{ margin:35px 0 0 0;}

.lineaCont{width:100%; margin:0px; padding:10px 0 30px 0; text-align:center;}
.lineaCont .linea{ width:200px; border-bottom:1px solid #bcbdbe; display:inline-block;}



/*///// MODALIDADES /////*/
.modalidades{ padding:0 0 35px 0; font-family: 'Roboto Slab',sans-serif; font-weight:600; font-size:25px;}
.modalidades .container{ padding:0 15px 35px 15px;}
.modalidades .linea{ width:100%;}



/*///// DESTACADOS NOVEDADES ////*/
.desNovedades{width:100%; margin:0px; padding:30px 0 30px 0; display:inline-block; position:relative; overflow:hidden; text-align:center;}

.desNovedades .acceso{width:100%; margin:0 0 40px 0; padding:0px; display:inline-block; position:relative; overflow:hidden; vertical-align:top; text-align:left; /*border-bottom:1px dotted #CCC;*/}

.desNovedades .lineaCont{padding:10px 0 20px 0;}
.desNovedades .linea{ width:60px; float:left; }

.desNovedades .acceso .imagen{width:100%; display:inline-block; position:relative; vertical-align:top;
	background-position:center center; background-size: cover;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    -webkit-transition:background 0.5s; -moz-transition:background 0.5s; -ms-transition:background 0.5s; -o-transition:background 0.5s;
}


.desNovedades .acceso .data{ width:100%; min-height:190px; margin:0px; padding:0 10px 0 10px; display:inline-block; position:relative; vertical-align:top;
	color:#888; font-size:14px; font-weight:400; line-height:20px; text-decoration:none;
}

.desNovedades .acceso h3{ min-height:52px;
    -webkit-transition:color 0.5s; -moz-transition:color 0.5s; -ms-transition:color 0.5s; -o-transition:color 0.5s;
}
.desNovedades .acceso:hover h3{ color:#254c8f; text-decoration:none;}





/*///// RED /////*/
.red{min-height:320px; margin:0 0 60px 0; padding:0px; display:inline-block; background-color:#254c8f; 
	font-family: 'Roboto Slab',sans-serif; font-weight:400; font-size:45px; color:#fff; text-align:center;
}

.red .nuestra{width:100%; min-height:320px; padding:80px 0 0 0; vertical-align:top; float:left;}


/*///// MAPA ////*/
.gmap{width:100%; min-height:370px; position:relative; vertical-align:top;}

.franjaRed{width:200px; min-height:370px; padding:100px 0 0 0; position: absolute; right:50px; top:0px; background-color: rgba(37, 76, 143, 0.9); text-align:center; color:#fff;}
.franjaRed h2{font-weight:400; color:#fff;}
.franjaRed h3{font-weight:400; color:#fff;}

.mapa{width:100%; min-height:320px; float:right; position:relative; vertical-align:top;
	background-image:url(img/mapa.png); background-repeat:no-repeat; background-position:top left; background-size:cover;*/
}




/*///// LOCOMOTORAS /////*/
.locomotoras{background-color:#f2f4f4; text-align:center;}
.locomotoras .container{background-color:transparent;}

.loco{ width:100%; margin:20px 0 20px 0; display:inline-block; text-align:left; vertical-align:top;}
.loco h3{ color:#254c8f;}

.loco img{ width:100%;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
}

/* detalles */
.loco .detalles{ width:100%; height:0px; margin:15px 0 0 0; padding:0 15px 0 15px; position:relative; border-top:1px solid #eee; border-bottom:1px solid #eee; display:inline-block; overflow:hidden; background-color:#eef1f1;
	-webkit-transition:height 0.5s; -moz-transition:height 0.5s; -ms-transition:height 0.5s; -o-transition:height 0.5s;
}
.loco .detalles h4{color:#254c8f;}
.loco .detalles.anima{height:420px;}

.loco .detalles .cerrar{width:20px; height:20px; position:absolute; top:10px; right:10px; text-decoration:none;}
.loco .detalles .cerrar img{
	-webkit-transition:-webkit-transform 0.5s; -moz-transition:-moz-transform 0.5s; -ms-transition:-ms-transform 0.5s; -o-transition:-o-transform 0.5s;
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.loco .detalles .cerrar:hover img{-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg);}


/*///// VAGONES /////*/
.vagones{text-align:center; padding:30px 0 50px 0;}
.vagones .container{background-color:transparent;}

.vago{ width:100%; margin:20px 0 20px 0; display:inline-block; text-align:left; vertical-align:top;}
.vago h4{ color:#254c8f;}

.vago img{ width:100%;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
}


/*///// DETACADOS /////*/
.destacado01{min-height:295px; margin:0px; padding:40px 0 40px 0; display:inline-block; text-align:center;
	background-color:#2f2f2f;
}
.destacado01 .container{background-color:transparent;}

.destacado01 img{ display:inline-block; -moz-border-radius: 105px; -webkit-border-radius: 105px; border-radius: 105px;
	-webkit-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.7); box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.7);
	
}

.destacado01 h1{font-size:32px; color:#fff; font-weight:400;}


.destacado01 .data{ width:100%; padding:0 15px 0 15px; float:left; font-size:20px; color:#fff;}



/*///// CLIENTES /////*/
.clientes{width:100%; margin:0px; padding:70px 0 70px 0; display:inline-block; 
	background-image:url(img/clientesBck.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;
	font-size:22px; text-align:center;
}
.clientes .container{ padding:0 15px 0 15px; background-color:transparent;}

.clientes img{margin:0 14px 28px 14px; padding:0px; display:inline-block;}


/*----- TICKER ----*/
._ticker{ width:100%; height:195px; margin:50px 0 50px 0;}
._ticker img{display:inline-block; margin-right:5px;}

._ticker.coyu{ height:60px; margin:20px 0 0 0; padding:19px 20px 19px 20px; color:#a5a5a5; font-size:16px; background-color:#FFF;}



/*///// CONTACTO /////*/
.contacto{width:100%; margin:0px; padding:70px 0 70px 0; display:inline-block; 
	background-image:url(img/contactoBck.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;
	font-size:22px; color:#fff; text-align:center;
}

.contacto .container{padding:0 15px 0 15px; background-color:transparent;}

.contacto h2{ font-size:25px; font-weight:600; color:#FFF; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);}
.contacto span{ color:#e01d38;}
.contacto .mail{ color:#fff; text-decoration:none;
	-webkit-transition:color 0.5s; -moz-transition:color 0.5s; -ms-transition:color 0.5s; -o-transition:color 0.5s;
}
.contacto .mail:hover{ color:#e01d38;}

.contacto .boton02{ margin:35px 0 0 0;}

/*---- FORMULARIO ----*/


/*---- FORMULARIO ----*/
.contactoData{background-color:#f2f4f4; text-align:center;}
.contactoData .container{background-color:transparent;}

.contactoData .data{ width:100%; margin:20px 0 15px 0; display:inline-block; vertical-align:top; font-size:16px;}
.contactoData .data img{ margin:0 0 10px 0;}
.contactoData .data span{ color:#254c8f;}



/*---- FORMULARIO ----*/
.formulario .container{ text-align:center;}

.formContacto{width:100%; margin:0 0 50px 0; padding:20px 10px 20px 10px; display:inline-block; position:relative; z-index:10;}
.formContacto .titulo{width:100%; margin:0px; padding:0 0 20px 0; display:inline-block; position:relative;
    font-weight:300; color:#9ba3a8; font-size:25px; line-height:22px;
}


.formContacto .obliga{width:100%; margin:0px; padding:5px 0 0 0; float:left; color:#c5cacb; font-size:12px; text-align:center;}

.formContacto .alerta, .formContacto .error, .formContacto .exito{
    width:100%; 
    margin:0px; 
     
    display:none;
    font-size:14px; 
    color:red; 
    font-weight:300;
}

#error{
    
    margin:0px; 
    font-size:14px; 
    color:red; 
    font-weight:300;
}

.formContacto .camposCont{ width:100%; display:inline-block; vertical-align:top;}
.formContacto .campos{width:100%; margin:0px; padding:0px; float:left;}

.formContacto .campos .campo{width:100%; height:32px; margin:0 0 5px 0px; padding:0 0 0 10px; display:inline-block; background:#f9fbfc; border:none; border:1px solid #d4d9dd;
    line-height:normal; font-size:14px; color:#888; 
    -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
}
.formContacto .campos .mensaje{width:100%; height:150px; margin:0 0 5px 0; padding:8px; display:inline-block; background:#f9fbfc; border:1px solid #d4d9dd;
    font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#888; 
    -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
}
.formContacto .campos .campo:nth-child(odd) { margin:0 6px 5px 0px;}

.formContacto .campos .boton01{ width:100%;}



/*///// SERVICIOS /////*/
.servCont{ width:100%; margin:30px 0 0 0; display:inline-block;}
.servCont img{width:100%; display:inline-block; vertical-align:top; border: 10px solid #eee;}
.servCont .data{width:100%; padding:0 0 50px 0; display:inline-block; vertical-align:top;}
.servCont .data h2{ color:#0066b2;}

/*--------------*/
.btnsServ{ text-align:center; margin:0 0 50px 0; background-color:#294b8d !important;}
.btnServ{ width:200px; height:360px; margin:20px 15px 20px 15px; display:inline-block; position:relative; vertical-align:top;}
.btnServ h3{ color:#fff;}
.btnServ img{ width:200px; height:200px; display:inline-block;
	-moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px;
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
}

.btnsServ .boton01{ width:170px; position: absolute; bottom:0px; left:50%; margin:0 0 0 -85px;
	color:#fff; border-color:#FFF;
}
.btnsServ .boton01:hover{color:#294b8d !important; border-color:#FFF; background-color:#FFF;}


/*///// RESTRINGIDO /////*/
.restringido{background-color:#294b8d;}
.restringido .container{background-color: transparent; text-align:center;}
.restringido .acceso{ width:100%; margin:100px 0 100px 0; padding:30px 0 50px 0; display:inline-block; background-color:#FFF; text-align:center;
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.restringido .acceso h2{color:#294b8d; margin-bottom:40px;}
.restringido .acceso .boton01{ width:210px; padding:15px 30px 15px 30px; margin:10px 5px 0px 5px; border-color:#de0035;}
.restringido .acceso .boton01:hover{border-color:#294b8d;}
.restringido .acceso .descarga{ margin:30px 0 0 0; padding:5px 20px 5px 20px; background-color:#eee; text-align:left; color:#888;}
.restringido .acceso .descarga a{ margin:0 5px 0 5px; float:right;}
.restringido .acceso .material{max-height:0px; margin-top:1px; padding:0px; background-color:#f4f4f4; text-align: center; overflow:hidden;
	-webkit-transition: max-height 0.5s; -moz-transition:max-height 0.5s; -ms-transition:max-height 0.5s; -o-transition:max-height 0.5s; transition: max-height 0.5s;
}
.restringido .acceso .material .inner{padding:30px 20px 30px 20px;}
.restringido .acceso .material a{ color:#de0035; margin:5px 10px 5px 10px; display:inline-block;}
.restringido .acceso .material.anima{max-height:150px;}
/*///// MISION Y VISION /////*/
.misionVision{background-color:#f2f4f4;}
.misionVision .container{background-color: transparent;}
.misionVision .mision{ width:60%; padding:0 40px 20px 0; display:inline-block; vertical-align:top;}
.misionVision .vision{ width:39%; padding:0 0 20px 0; display:inline-block; vertical-align:top;}


/*///// CALIDAD /////*/
.calidad{ margin:40px 0 50px 0;}
.calidad .data{ width:70%; padding:0 0 0 20px; display:inline-block;}
.calidad .data a{ margin:7px 0 0 0; font-size:16px;}
.calidad .data a:hover{font-size:16px !important;}

/*///// VIDEOS /////*/
.videos{border-top:1px solid #eee; margin-bottom: 70px;}
.videos .videos-container{padding: 0px 52px}
.videos h2{text-align: center;}
.videos .video{width: 50%;display: inline-block;float: left;margin-top:37px;}
.videos .video.left{padding:0px 11px 0px 63px;}
.videos .video.right{padding:0px 63px 0px 11px;}

/*///// FRASES /////*/
.frases{border-top:1px solid #eee; padding:50px 0 0 0;text-align: center;}

.frases .slideCont{height:150px; }

#galFrases{ height:150px; color:#2674b8; font-size:38px; font-family: 'Roboto Slab',sans-serif; font-weight:300; line-height:42px;}
#galFrases ._galeria_slide{text-align:center;}


/*///// RESOLUCIONES ////*/
.resolucion{width:auto; height:25px; padding:5px 10px 5px 10px; position: fixed; top:0px; right:0px; background: rgba(187, 0, 0, 0.7); pointer-events:none; /*display:none;*/
	color:#fff; font-size:10px; z-index:99999; text-align:right; 
}
.resolucion .movilV{display:inline-block;}
.resolucion .movilH{display:none;}
.resolucion .tabletHV{display:none;}
.resolucion .pcC{display:none;}
.resolucion .pcG{display:none;}


/*///// RESPONSIVE ////*/
/* BOOSTRAP XS (MOVIL HORIZONTAL) */
@media (max-width: 767px) {
    .resolucion .movilV{display:none;}
    .resolucion .movilH{display:inline-block;}
    .resolucion .tabletHV{display:none;}
    .resolucion .pcC{display:none;}
    .resolucion .pcG{display:none;}
    
    /*----------------- SECCIÓN ------------------------*/
	.franjaHdr .container .logo{width:100px !important; margin:8px 0 0 0 !important;}
	.franjaHdr{min-height:50px !important;}
	.scroll-after{min-height:50px !important;}
	.marginAnim{min-height:50px !important;}
	.scroll-after.marginAnim{min-height:50px !important;}
	
	.boton03{height:30px; padding:2px 10px 3px 10px; margin:11px 15px 0px 15px;}
	
	.restringido .acceso .material a{ width:100%;}
    /*///// MENU /////*/
    .navbar-nav {float:none;}
    .navbar-nav li {text-align:center;}
	
    #siteMenu li a {padding:10px 0; height:auto; border-bottom:1px solid #eee;}

	#siteMenu li a:hover{color:#e01d38; padding: 10px; border-top: none;}
	#siteMenu li .active, #siteMenu li .active:hover{color:#e01d38; padding: 10px; cursor: default; border-top:none;}

    #siteMenu a.idioma {float:none;margin: 0;border: none !important;}
	
    .scroll-after #siteMenu li a {padding:10px 0;height:auto; border-bottom:1px solid #eee;}
	.scroll-after #siteMenu li a:hover{color:#e01d38; padding: 10px; border-top: none;}
	.scroll-after #siteMenu li .active, .scroll-after #siteMenu li .active:hover{color:#e01d38; padding: 10px; cursor: default; border-top:none;}

	
	h1{ font-size:42px; font-weight:700;}
	
	
    /*///// MISIONS VISION /////*/
	.misionVision h2{ text-align:center;}
	.misionVision .mision{ width:100%; padding:0px;}
	.misionVision .vision{ width:100%;}
	
    /*///// CALIDAD /////*/
	.calidad{text-align:center;}
	.calidad .data{ width:100%; padding:0px;}
	
    /*///// SERVICIOS /////*/
	.servicios .servicio img{width:100%;}
	.servicios .servicio .boton01{width: 100%; margin:0px;}

    /*///// VIDEOS /////*/
    .videos .video{width: 100%;}
	.videos .video.left, .videos .video.right{padding: 20px 0px;}

    /*///// FRASES /////*/
	#galFrases{ line-height:28px; font-size:24px;}

    /*///// FOOTER /////*/
	.footer{ text-align:center;}
	.footer .data{ width:100%; padding:20px 20px 0 20px; text-align:center;}
	.footer .logoFtr{ width:100px; display:inline-block;}
   
}

/* BOOSTRAP SM (TABLETS) */
@media (min-width: 768px) and (max-width: 991px) {
    .resolucion .movilV{display:none;}
    .resolucion .movilH{display:none;}
    .resolucion .tabletHV{display:inline-block;}
    .resolucion .pcC{display:none;}
    .resolucion .pcG{display:none;}
    

    /*----------------- SECCIÓN ------------------------*/
	.franjaHdr .container .logo{width:100px !important; margin:8px 0 0 0 !important;}
	.franjaHdr{min-height:50px !important;}
	.scroll-after{min-height:50px !important;}
	.marginAnim{min-height:50px !important;}
	.scroll-after.marginAnim{min-height:50px !important;}
	
	.boton03{height:30px; padding:2px 10px 3px 10px; margin:11px 15px 0px 15px;}
	

    /*///// MENU /////*/
	.navbar-default .navbar-collapse{ width:100%;}
	
    .navbar-nav {float:none;}
    .navbar-nav li {text-align:center;}
	
    #siteMenu li a {padding:10px 0;height:auto; border-bottom:1px solid #eee;}
	#siteMenu li a:hover{color:#e01d38; padding: 10px; border-top: none;}
	#siteMenu li .active, #siteMenu li .active:hover{color:#e01d38; padding: 10px; cursor: default; border-top:none;}

    #siteMenu a.idioma {float:none;margin: 0;border: none !important;}

    .scroll-after #siteMenu li a {padding:10px 0;height:auto; border-bottom:1px solid #eee;}
	.scroll-after #siteMenu li a:hover{color:#e01d38; padding: 10px; border-top: none;}
	.scroll-after #siteMenu li .active, .scroll-after #siteMenu li .active:hover{color:#e01d38; padding: 10px; cursor: default; border-top:none;}

    /*///// SLIDE /////*/
	.slideCont .titulo{font-size:38px; line-height:50px;}

    /*///// INTRO /////*/
	.intro .container {padding: 0 50px 50px 50px;}

    /*///// DESTACADO /////*/
	.destacado01 .data{ width:70%; padding:0 0 0 60px; text-align:left;}
	.destacado01 img{ float:left;}
	.destacado01 .data h1{ font-size:30px;}

    /*///// LOCOMOTORAS /////*/
	.loco{ width:335px; margin:20px 10px 20px 10px;}

    /*///// VAGONES /////*/
	.vago{ width:215px; margin:20px 10px 20px 10px;}

    /*///// NOVEDADES /////*/
	.desNovedades .acceso{ width:214px; margin:0 10px 40px 10px;}

    /*///// RED /////*/
	.red .nuestra{width:50%;}
	/*.gmap{ width:50%;}*/
	.mapa{ width:50%;}

    /*///// VIDEOS /////*/
    .videos .video{width: 100%;}
    .videos .video.left, .videos .video.right{padding: 20px 0px;}    

    /*///// CONTACTO /////*/
	.formContacto .camposCont{width:100%;}
	.formContacto .campos .mensaje{width:100%; height:108px;}

	.contactoData .data{width:235px; font-size:15px;}

    /*///// FOOTER /////*/
	.subir{margin-left:400px;}
}

/* BOOSTRAP MD (PC) */
@media (min-width: 992px) and (max-width: 1199px){
    .resolucion .movilV{display:none;}
    .resolucion .movilH{display:none;}
    .resolucion .tabletHV{display:none;}
    .resolucion .pcC{display:inline-block;}
    .resolucion .pcG{display:none;}
    
    /*----------------- SECCIÓN ------------------------*/
	#siteMenu li a{ font-size:15px;}


	.franjaHdr .container .logo{width:220px; margin:40px 0 0 0;}

    /*///// SLIDE /////*/
	.slideCont .titulo{font-size:48px; line-height:55px;}

    /*///// CONTACTO /////*/
	.contacto .container{padding:0 150px 0 150px;}

    /*///// DESTACADO /////*/
	.destacado01 .data{ width:70%; padding:0 0 0 80px; text-align:left;}
	.destacado01 img{ float:left;}
	.destacado01 h1{font-size:36px;}

    /*///// NOVEDADES /////*/
	.desNovedades .acceso{ width:288px; margin:0 10px 40px 10px;}
	
    /*///// LOCOMOTORAS /////*/
	.loco{ width:400px; margin:20px 10px 20px 10px;}

    /*///// VAGONES /////*/
	.vago{ width:290px; margin:20px 10px 20px 10px;}

    /*///// CLIENTES /////*/
	.clientes img{ width:155px;}

    /*///// RED /////*/
	.red .nuestra{width:50%;}
	/*.gmap{ width:50%;}*/
	.mapa{ width:50%;}

	
    /*///// SERVICIOS /////*/
	.servCont img{width:51%;}
	.servCont .data{width:48%; padding:0 0 50px 30px;}
	
	
	/*///// CONTACTO /////*/
	.formContacto{ width:700px;}
	.formContacto .camposCont{width:275px;}
	.formContacto .campos .mensaje{width:400px; height:108px;}

	.contactoData .data{width:280px;}
	
	/*///// FOOTER /////*/
	.subir{margin-left:500px;}
}

/* BOOSTRAP BG (PC) */
@media (min-width: 1200px) {
    .resolucion .movilV{display:none;}
    .resolucion .movilH{display:none;}
    .resolucion .tabletHV{display:none;}
    .resolucion .pcC{display:none;}
    .resolucion .pcG{display:inline-block;}
    
    /*----------------- SECCIÓN ------------------------*/
    /*///// SLIDE /////*/
	.slideCont .titulo{font-size:48px; line-height:55px;}

    /*///// INTRO /////*/
	.intro .container{padding:0 150px 50px 150px;}

    /*///// CONTACTO /////*/
	.contacto .container{padding:0 150px 0 150px;}
	
    /*///// CLIENTES /////*/
	.clientes img{ width:195px;}
	
    /*///// LOCOMOTORAS /////*/
	.loco{ width:400px; margin:20px 10px 20px 10px;}

    /*///// VAGONES /////*/
	.vago{ width:260px; margin:20px 10px 20px 10px;}

    /*///// DESTACADO /////*/	
	.destacado01 .data{ width:70%; padding:0 0 0 80px; text-align:left; font-size:22px;}
	.destacado01 img{ float:left;}
	.destacado01 h1{font-size:36px;}

    /*///// NOVEDADES /////*/
	.desNovedades .acceso{ width:342px; margin:0 16px 40px 16px;}
	
    /*///// RED /////*/
	.red .nuestra{width:50%;}
	/*.gmap{ width:50%;}*/
	.mapa{ width:50%;}
	
	
    /*///// SERVICIOS /////*/
	.servCont img{width:51%;}
	.servCont .data{width:48%; padding:0 0 50px 30px;}
	
	/*///// CONTACTO /////*/
	.formContacto{ width:700px;}
	.formContacto .camposCont{width:275px;}
	.formContacto .campos .mensaje{width:400px; height:108px;}

	.contactoData .data{width:300px;}
	
	
    /*///// FOOTER /////*/
	.subir{margin-left:600px;}
		
}