@charset "UTF-8";
/* CSS Document */

/*------------------------------- FONT-FACE ---------------------------------------*/
@font-face {
    font-family: 'repsolregular';
    src: url('../fonts/repsol-regular-webfont.eot');
    src: url('../fonts/repsol-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/repsol-regular-webfont.woff') format('woff'),
         url('../fonts/repsol-regular-webfont.ttf') format('truetype'),
         url('../fonts/repsol-regular-webfont.svg#repsolregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}

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

}

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

/*--------------------- RESET ---------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
.floatleft { 
    float: left; 
}
.floatright { 
	float: right; 
}
.center { 
    text-align: center;    
}
.clearboth { 
	clear: both; 
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
a { 
	text-decoration: none; 
	outline: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
select, 
select:focus, 
a:focus, input:focus, select:focus, textarea:focus, 
a, input, select, textarea, button, 
a::-moz-focus-inner, input::-moz-focus-inner, select::-moz-focus-inner, textarea::-moz-focus-inner, button::-moz-focus-inner { 
	outline: none; 
    outline-width: 0; 
}
/* OPERA FIX */

body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

p { 
	line-height: 1.5; 
	margin-bottom: 10px;
	font-size: 13px;
}

/*-----------------------/RESET-------------------------------------*/


/*------------------------------HTML------------------------------------------*/
body, html {
			/*height:100%;*/

}
body {
		width:100%;
		margin:0;
		padding: 0;
		text-align:center;
		font-size: 100%;
		font-smoothing: antialiased;
		-webkit-font-smoothing: antialiased;
		background: #FFF;
    font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3 {
	font-family: "repsolregular";
}
#cabecera, #contenido, #pie {
	margin: 0 auto!important;
	max-width:1024px;
	float: none!important;
}
#cabecera h1{
	text-align: left;
	background: url(../img/bg-h1.jpg) no-repeat 0 0;
	padding: 39px 20px;
	font-family: 'repsol_stencilbold';
}
.migas{
	background: #f3f3f3;
	text-align: left;
	padding: 10px 0 8px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.migas li{
	background: url(../img/migas.gif) no-repeat 0 0;
	display: inline;
	padding: 10px 20px;
}
.migas li a{
}
.migas li.primero{
	background: none;
}
.migas li.actual{
	background: #FFF url(../img/migas-actual.gif) no-repeat 0 0;
	padding-right: 0;
}
.migas li.actual:after{
	content: ".";
	background: url(../img/migas-after.gif) transparent no-repeat right 0;
	padding: 10px;
	color: #FFF;
	position: relative;
	right: -13px;
	padding-left: 20px;
}

.naranja {
	color: #ff8200;
}
.blanco {
	color: #FFFFFF;
}
.azul {
	color: #161c42;
}
.marron {
	color: #6e6259;
}
.azul-claro {
	color: #016f88;
}
.size10 {
	font-size: 10px;
}
.size14 {
	font-size: 14px;
}
.size15 {
	font-size: 15px;
}
.size16 {
	font-size: 16px;
}
.size17 {
	font-size: 17px;
}
.size18 {
	font-size: 18px;
}
.size20{
	font-size: 20px;
}
.size22{
	font-size: 22px;
}
.size24{
	font-size: 24px;
}
.size30 {
	font-size: 30px;
}
.size27 {
	font-size: 27px;
}
.size33 {
	font-size: 33px;
}
.size36 {
	font-size: 36px;
}
.size42 {
	font-size: 42px;
}
.size46 {
	font-size: 46px;
}
.size52 {
	font-size: 52px;
}
.size69 {
	font-size: 69px;
}
.stencil {
	    font-family: 'repsol_stencilbold';
		font-weight: 100;
}
.nomargin{
	margin: 0;
}
.repsolBold{font-family: 'repsolbold';}
.repsol{font-family: 'repsolregular';}
.repsolLight{font-family: 'repsol-light';}
.dharmaLight{font-family: 'dharmagothicm-light';}
.dharmaBold{font-family: 'dharmagothicm-exbold';}
.floatleft { 
    float: left; 
}
.floatright { 
	float: right; 
}
.nopadtop{
	padding-top: 0;
}
.padtop20{
	padding-top: 20px;
}
.padtop{
	padding-top: 50px;
}
.mgtop20{
	margin-top: 20px;
}
.mgtop5neg{
	margin-top: -5px!important;
}
.mgtop7neg{
	margin-top: -7px!important;
}
.mgtop10neg{
	margin-top: -10px!important;
}
.mgtop20neg{
	margin-top: -20px;
}
.mgbot50{
	margin-bottom: 50px;
}
.center { 
    text-align: center;    
}
.clearboth { 
	clear: both; 
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.mayus {
	text-transform: uppercase;
}
.minus {
	text-transform: none;
}
.border-top {
	border-top: 1px solid #f0f0f0;
}
.border-bottom {
	border-bottom: 1px solid #f0f0f0;
}
.block {
	display: block;
}
.pull-right{
	float: right;
}
.pull-left{
	float: left;
}
.formError {
	border: 1px solid #DD0000!important;
	color: #dd0000!important;
}
.avisoError {
	color: #dd0000;
	margin: 18px 0 18px 70px;
}
.avisoOk {
	margin-top: 45px;
	text-align: center;
	font-size: 15px;
	display: block;
	width: 100%;
}
.black{
	color:#000;
}
.bold{
	font-weight: bold;
}
.weightNormal{
	font-weight: normal;
}
.underline{
	text-decoration: underline!important;
}
.colIzq {
	float: left;
	width: 49%;
	margin-right: 5%;
}
.colDer {
	float: left;
	width: 46%;
}
.formparticipa .colIzq {
	float: left;
	width: 47%;
	margin-right: 0;
	text-align: left;
}
.formparticipa .colDer{
	float: right;
	width: 47%;
}

/*.indexlightbox #cboxOverlay {
	background: none;
	background: #FFF;
}
.indexlightbox #cboxContent {
	padding: 30px 30px 0 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.indexlightbox #colorbox:focus{
	outline: none;
}
.indexlightbox #cboxMiddleLeft , .indexlightbox #cboxTopLeft , .indexlightbox #cboxTopCenter, .indexlightbox #cboxTopRight , .indexlightbox #cboxMiddleRight , .indexlightbox #cboxBottomRight , .indexlightbox #cboxBottomCenter, .indexlightbox #cboxBottomLeft{
	background: none;
}*/



#box_aviso h2{
	color: #4a4a4a;
	margin: 10px 0 5px 0;
}
#box_aviso .botAviso {
	margin-top: 30px;
}
#box_aviso .botAviso a{
	background: #ff8200;
	padding: 10px 35px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    font-family: 'repsolregular';
}

/**/
.overBlanco{
	transition: background-color 0.5s ease;
}
.overBlanco:hover {
  background-color: white!important;
  color: #ff8200!important;
}
/**/
.introVideos {
	padding: 50px 0 30px 0;
	background: url(../img/videos-intro-moto.png) no-repeat 0 bottom;
}
.videosGracias {
	padding: 100px 0 150px 0;
}
.introVideos h2 {
	margin: 0 auto;
	padding-top: 4px;
	width: 380px;
}
.introVideos p {
	margin: 0 auto;
	width: 436px;
	padding: 10px 0;
}
.introVideos ul{
	padding: 10px 0 0 0;
}
.introVideos li{
	width: 125px;
	padding: 32px 0 17px;
	margin: 0 5px;
	list-style: none;
	display: inline-block;
	background: #f3f3f3;
	-webkit-border-radius: 125px;
	-moz-border-radius: 125px;
	border-radius: 125px;
	line-height: .5em;
	font-family: 'dharmagothicm-exbold';
	position: relative;
	behavior: url(PIE.htc);
}
.introVideos li span, .paso span{
	font-family: 'dharmagothicm-light';
	line-height: .5em;
	display: block;
	padding-bottom: 8px;
}
.introVideos li span.azul-claro {
	line-height: .9em;
}
/**intro videos video marquez */
.graciasVideoMarquez .colIzq{
	padding: 15px 0 0 0;
	margin-top: 20px;
	background: url(../img/rama-videos.png) no-repeat center top;
	width: 45%;
}
.graciasVideoMarquez .colIzq p{
	padding-bottom: 18px;
}
.graciasVideoMarquez .colDer {
	margin-bottom: 30px;
}
.graciasVideoMarquez .colDer p{
    font-family: 'repsolregular';
	line-height: 1em;
	margin-bottom: 15px;
	font-weight: 100;
}
.infoGanador {
	position: absolute;
	left: -25px;
	top: -25px;
	color: #FFF;
	background: #ff8200;
	padding: 12px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
	text-align: center;
	font-family: 'dharmagothicm-light';
	text-transform: uppercase;
	font-size: 28px;
	line-height: .9em;
}
/***/
.pasosLista li{
	display: inline;
	list-style: none;
	float: left;
}
.paso{
	width: 60px;
	padding: 10px 0 0 0;
	margin-left: 5px;
	margin-right: 5px;
	list-style: none;
	display: inline-block;
	background: #f3f3f3;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	line-height: .5em;
	font-family: 'dharmagothicm-exbold';
	position: relative;
	behavior: url(PIE.htc);
	border:1px solid #f3f3f3;
	font-weight: normal;
	text-align: center;
}
.paso span{
	line-height: 1.2;
}
.pasoActivo, .pasoActivo span{
	background-color: #fff;
	color: #ff8200;
}
.pasoNumero{
	font-weight: bold;
	font-size: 25px;
}
.formBuscarVideos {
	padding: 22px 0 0 0;
	clear: both;
	overflow: hidden;
}
.pestanaVideos {
	float: left;
	margin: 60px 0 0 0;
}
.pestanaVideos li {
	list-style: none;
	float: left;
	margin: 0 -7px;
}
.pestanaVideos li a{
	display: block;
	background: #ff8200;
	color: #FFF;
	padding: 8px 35px;
	position: relative;
	z-index: 10;
	-webkit-border-radius: 0 10px 0 0;
	-moz-border-radius: 0 10px 0 0;
	border-radius: 0 10px 0 0;
	behavior: url(PIE.htc);
}	
.pestanaVideos li.sel a{
	color: #161c42;
	background: #f3f3f3;
	z-index: 11;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
.pestanaVideos li a:hover{
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.17);
	-moz-box-shadow:    0px 0px 1px 0px rgba(50, 50, 50, 0.17);
	box-shadow:         0px 0px 1px 0px rgba(50, 50, 50, 0.17);
}
.noParticipants{
	background: url(../img/sliderbgnopart.jpg) no-repeat 0 0;
	min-height: 255px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom: 25px;
	position: relative;
}
.buscador {
	float: right;
}
.buscador .custom-select{
	margin: 0 0 10px 0;
	width: 255px;
}
.buscador .custom-select:before {
	right: 10px;
}
.buscador .custom-select select{
	margin: 0;
	width: 240px;
}
.formBuscarVideos .colForm{
	float: left;
	margin: 0 10px;
}
.formBuscarVideos label{
	padding: 18px 0 0 0;
}
.formBuscarVideos select{
	width: 245px;
	background: #f3f3f3;
	border: none;
	padding: 6px 10px 6px 5px;
	margin: 0 0 10px 0;
    font-family: 'repsolregular';
	font-size: 15px;
}
.campo{
	background: #f3f3f3;
	border: none;
	padding: 5px 0;
	vertical-align: middle;
}
.camposel{
	width:210px;
	display: inline-block;
    margin: 5px 0px;
    background: #f3f3f3;
	border: none;
	padding: 6px 5px;
	vertical-align: middle;
	height: 33px;
}
.tipoLink{
	background: none;
	border: none;
	color: #ff8200;
	text-decoration: underline;
	font-family: "repsolregular";
}
.formBuscarVideos .campo{
	width: 245px;
}
.formBuscarVideos .boton{
	background: #ff8200;
	padding: 23px 32px;
	border: none;
	color: #FFF;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    font-family: 'repsolbold';
	float: left;
	cursor: pointer;
}
.botonPasos{
	margin:10px 0;
	background-color: transparent;
	border: none;
	color:#FF8200;
	text-decoration: underline;
	font-family: 'repsolregular';
	cursor: pointer;
}
.botonSubmit{
	margin:10px 0;
	background-color: #FF8200;
	border: none;
	color:#FFF;
	text-decoration: underline;
	font-family: 'repsolregular';
	cursor: pointer;
	text-decoration: none;
	padding: 5px 40px;
	float: right;
}
.formparticipa{
	clear: both;
	max-width: 760px;
	margin: 0 auto;
	margin-bottom: 130px;
}
.formparticipa .col{
	/*width: 48%;*/
	min-width: 300px;
	float: left;
}
.formparticipa .colForm{
	display: inline-block; 
	width: 35%;
	clear: left;
	margin: 5px 0;
	padding: 6px 5px;
	text-align: right;
	vertical-align: middle;
}
.formparticipa .campo{
	display: inline-block; 
	width: 210px;
	margin: 5px 0;
}
.formparticipa .tipoLink{
	float: right;
	clear: both;
}
.star {
	background: url(../img/star.png) no-repeat center 0;
	padding: 55px 0 0 0;
	float: left;
	margin: 0 0 0 45px;
}

.galeriaVideos {
	padding: 40px 0 0 0;
}
.contvideo {
	float: left;
	width: 47.8%;
	margin: 0 2.2% 40px 0;
}
.video {
	position: relative;
	width: 384px;
	display: inline-block;
}
.contvideo .titulo{
	width: 100%;
	background: url(../img/bg_trans.png);
	padding: 4px 0;
	margin: 0;
	position: absolute;
	top: 170px;
}
.contvideo .titulo span{
	display: block;
	font-weight: bold;
}
.contvideo .play{
	position: absolute;
	left: 45%;
	top: 40%;
}
.compartirfb{
	width: 50%;
	background: #f3f3f3;
	display: block;
	text-align: center;
	padding: 10px 0;
	margin: 0;
	font-size: 12px;
	color:#ff8200;
	float: left;
}
.compartirfb i:before{
	content:url(../img/facebookicon3.gif);
	}
.compartirtw{
	width: 50%;
	background: #f3f3f3;
	display: block;
	text-align: center;
	padding: 10px 0;
	margin: 0;
	font-size: 12px;
	color: #ff8200;
	float: right;
}
.compartirtw i:before{
	content:url(../img/twittericon3.gif);
	}

.compartirtw i,.contvideo .compartirfb i{
		position: relative;
		top: 2px;
		margin-right: 5px;
}
.votos {
	display: inline-block;
	vertical-align: top;
	width: 100px;
}
.votos p{
	border: 1px solid #ff8200;
	padding: 10px 0;
	width: 100%;
	font-family: 'dharmagothicm-light';
	line-height: .5em;
	margin: 0 0 3px 0;
}
.votos p span{
	font-family: 'dharmagothicm-exbold';
	display: block;
	line-height: 1em;
}
.votos a{
	background: #ff8200;
	padding: 13px 0;
	display: block;
	border: none;
	color: #FFF;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.75);
}
.votos a:hover{
	text-decoration: none;
}
.paginacion {
	clear: both;
	margin: 20px 0;
}
.paginacion ol {
	text-align: center;
	list-style: none;
	padding: 15px 0 8px 0;
}
.paginacion ol li{
	display: inline;
	padding: 0 4px;
}
.paginacion ol li a{
	color: #e68100;
	font-weight: bold;
}

/*participa*/
.introParticipa {
	background: url(../img/participa-bg-h2.jpg) no-repeat 0 0;
	padding: 50px 0 0 50px;
	min-height: 177px;
	margin-bottom: 36px;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.introParticipa h2{
	font-family: 'repsol-light';
	line-height: .9em;
	font-weight: 100;
	font-style: italic; 
}
.introParticipa h2 span{
	font-family: 'repsolbold';
}
.contactoHeader{
	font-size: 18px;
	font-weight: initial;
	font-family: 'repsol-light';
}
.lineHeader{
	width: 375px;	
	margin:0 15px;
	margin-top: 10px;
}
.lineHeader2{
	width: 400px;	
	margin:0 15px;
	margin-top: 10px;
}
/*.contentPaso1{
	display: none;
}*/
.formPaso1{
	margin-left: -65px;
	width: 745px;
	padding-top: 10px;
	padding-bottom: 130px;
}
.formPaso2{
	margin-left: -65px;
	width: 745px;
	padding-top: 10px;
	padding-bottom: 130px;
}
.custom-upload {
    position: relative;
    height: 30px;
    width: 650px;
	margin: -25px 0px 0px 135px;
}

.custom-upload input[type=file]
{
    outline:none;
    position: relative;
    text-align: right;    
    -moz-opacity:0 ;
    opacity: 0;
    z-index: 2;
    width:100%;
    height:100%;
    
}

.custom-upload .fake-file
{
    /*/background:url(http://www.fold3.com/i/upload-icon.png) center right no-repeat;*/
    position: absolute;
    top: 0;
    left: 106px;
    width: 605px;
    padding: 0;
    margin: 0;
    z-index: 1;
    line-height: 100%;
    background-color: #ff8200;
    margin-left: -105px;
}
.custom-upload .fake-file:after{
	content: "SELECCIONAR ARCHIVO";
	color: white;
	font-size: 13px;
	font-family: 'repsolbold';
	text-align: center;
	padding-left: 30px;

}
.custom-upload .fake-file input
{
    font-size:16px;
    height:30px;
    width:394px;
    background:none repeat scroll 0% 0% #F3F3F3;
    border: none;
}
.imglabel{
	margin-left: -139px;
	display: inline-block;
	width: 35%;
	clear: left;
	padding: 6px 5px;
	text-align: right;
	vertical-align: middle;
}
.longText{
	margin-top: 10px;
	height: 70px;
	background: none repeat scroll 0% 0% #F3F3F3;
	border: none;
	width: 81%;
}
.descText{
	margin-left: -140px;
	display: inline-block; 
	width: 35%;
	clear: left;
	padding: 6px 5px;
	text-align: right;
	vertical-align: middle;

}
.normasParticipacion{
	margin-left: 135px;
	margin-top: 10px;
}
.normas{
	padding-top: 3px;
}
.avisoCursiva{
	color: #6f6f6f;
	font-style: italic;
	margin: 10px 0;
}
/************ custom checkbox *****************/

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 0; left: 4px;
  font-size: 14px;
  color: #09ad7e;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
  border: 1px solid #FF8200!important;
}




/*normas de participacion */
.normas {
	margin-bottom: 60px;
}
.normas h2 {
	margin: 20px 0;
}
.normas h3 {
	padding: 10px 0 18px 41px;
	margin: 8px 0;
	background: url(../img/ico-mas.png) no-repeat 0 2px;
	cursor: pointer;
	}
.normas ol , .normas ol > li ul{
	list-style-position: inside;
	padding: 0 0 0 18px;
}
.normas ol {
	margin-bottom: 10px;
}
.normas ol > li{
	margin: 15px 0;
}
.normas ol > li li{
	margin: 10px 0;
}

/*participa informacion*/
.participaInfo {
	margin-bottom: 40px;
	overflow: hidden;
}
.participaInfo .colPasos {
	margin: 0 auto;
	width: 65%;
}
.participaInfo .colPasos h3{
	line-height: 1.7em;
}
.participaInfo .colPasos ol{
	list-style: none;
	margin: 40px 15px 0 15px;
}
.participaInfo .colPasos ol li{
	padding: 0 0 40px 115px;
	line-height: 1.4em;
	min-height: 85px;
}
.participaInfo .colPasos ol li h4{
	color:#ff8200;
	font-family: 'repsol-light';
	font-size:22px;
	margin:0 0 10px;
}
.participaInfo .colPasos .paso1{
	background: url(../img/paso1.png) no-repeat 0 0;
}
.participaInfo .colPasos .paso2{
	background: url(../img/paso2.png) no-repeat 0 0;
}
.participaInfo .colPasos .paso3{
	background: url(../img/paso3.png) no-repeat 0 0;
}
.participaInfo .colDer ul{
	list-style: none;
	margin: 15px 0 0 0;
}
.participaInfo .colDer ul li a{
	display: block;
	background: #fbfbfb;
	margin-bottom: 2px;
	clear: both;
	overflow: hidden;
}
.participaInfo .colDer span{
	display: block;
	padding: 10px 10px 0;
	vertical-align: middle;
	overflow: hidden;
}
.participaInfo .colDer img{
	float: left;
	clear: left;
}


/*Repsol racing tour*/
.introRacingTour{
	margin: 30px 230px;
}
.introRacingTour h2 img {
	width: 160px;
}
.introRacingTour .dias{
	margin: 14px 80px;
	padding: 10px 0;
	font-family: 'dharmagothicm-light';
}
.introRacingTour .dias span{
	padding: 0 43px 0 5px;
	margin-right: 10px;
	background: url(../img/separa.gif) no-repeat right center;
}
.introRacingTour .dias span.noSepara{
	margin-right: 0;
	background: none;
	padding-right: 0;
}
.queEs .colDer {
	margin: 25px 0 0 33px;
}
.queEs .colDer h3{
	margin: 0 0 10px 0;
}
.pieQueEs {
	background: url(../img/bg-pie-quees.jpg) no-repeat 0 bottom;
	padding: 56px 0 45px 180px;
}
.pieQueEs p{
	display: inline-block;
	margin: 0;
	margin-right: 96px;
	padding: 5px 0 6px 77px;
	width: 220px;
	line-height: 1.2em;
}
.pieQueEs p span{
	padding-bottom: 5px;
}
.pieQueEs .atento{
	background: url(../img/ico-atento.jpg) no-repeat 0 0;
}
.pieQueEs .recorrido{
	background: url(../img/ico-recorrido.jpg) no-repeat 0 0;
}
.cierreQueEs {
	overflow: hidden;
	margin: 20px 0;
	padding: 10px 0 0 0;
}
.cierreQueEs img{
	float: left;
	margin: -10px 10px 0 0;
}
.cierreQueEs span{
	float: left;
	margin: 0 10px 0 0;
    font-family: 'repsol-light';
}
/*  Home ganador  */
.ganadoresRacing {
	background: url(../img/bg_ganadores.jpg) no-repeat 0 bottom;
	padding: 50px 0 0 0;
}
.avisoPrevio {
	background-position: bottom;
	padding-bottom: 80px;
}
.ganadoresRacing .intro{
	background: url(../img/laurel.png) no-repeat center bottom;
	padding: 0 22% 16px 22%;
}
.ganadoresRacing .intro p{
	font-family: 'repsol-light';
	
}
.ganadoresRacing h3{
	font-family: 'repsol-light';
}
.ganadoresRacing .ganador{
	font-family: 'repsolbold';
	margin: 0;
}
.ganadoresRacing .ciudad{
	font-family: 'repsolbold';
	background: url(../img/lineas-ciudad.png) no-repeat center;
	color: #afa097;
	font-style: italic;
	margin: 0;
	line-height: 1em;
}
.ganadoresRacing .visita{
	font-family: 'repsol-light';
	margin: 12px 25% 27px 25%;
	line-height: 1em;
}
.ganadoresRacing .infoGanador{
	font-style: italic;
	margin: 0 25% 10px 25%;
}
.ganadoresRacing .videoGanador{
}
.botonGaleria {
	margin: 7px 0 27px 0;
	text-align: center;
}
.botonGaleria a{
	background: #ff9007;
	padding: 12px 0;
	width: 450px;
	margin: 0 auto;
	display: block;
	color: #FFF;
}
/*  Home final  */
.MarcFinal {
	background:url(../img/bg_ganadores2.jpg) no-repeat 0 0;
}
.MarcFinal .intro{
	background-position: center 10px;
	padding: 0 22% 26px;
}
.MarcFinal .intro p{
	line-height: 1em;
}
.MarcFinal h3 {
	margin: 0 22% 12px;
	line-height: 1em;
}
.MarcFinal .ganador {
	margin: 0 25% 12px;
	line-height: .8em;
}
.MarcFinal .videoGanador {
	margin: 0 0 25px 0;
}
.MarcFinal .infoGanador {
	margin: 0;
}
.botonGaleria2 a {
    background: none repeat scroll 0 0 #ff9007;
    color: #fff;
    display: inline-block;
    margin: 30px 5px 15px;
    padding: 12px 25px;
	font-family:'repsolregular';
}
#box_02 .compartirLightbox {
	width: 680px;
}
/*  Home arranca el tour  */
.bannerCamion .masInfo a{
	 background: none repeat scroll 0 0 #ff9007;
    color: #fff;
    display: inline-block;
    font-family: "repsolregular";
    margin: 10px 0 0 0;
    padding: 6px 25px;
	position: relative;
	z-index: 1000;
}
.arrancaTour {
	background: url(../img/bg-arrancaTour.png) no-repeat 0 0;
	margin: 20px 0;
	padding: 20px 5%;
}
.arrancaTour .intro{
	font-style:italic;
	font-family: 'repsolbold';
}
.arrancaTour .intro a{
	float: right;
	background: #ff9007;
	display: inline-block;
    font-family: "repsolregular";
    margin: 30px 5px 15px;
    padding: 12px 25px;
	color: #FFF;
}

.arrancaTour .colDirecto {	
	margin: 30px 0 0 0;
}
.arrancaTour .colDirecto .enlaces{
	float: right;
	margin: 0 0 0 30px;
	width: 250px;
}
.arrancaTour .colDirecto .enlaces .botLlegar{
	background: url(../img/bot-como-llegar.png) no-repeat right 0;
	color: #FFF;
	padding: 20px 40px 20px 0;
	text-align: right;
}
.arrancaTour .colDirecto .enlaces .botParadas{
	background: url(../img/bot-paradas.png) no-repeat right 0;
	color: #FFF;
	margin: 8px 0 0 0;
	padding: 20px 40px 20px 0;
	text-align: right;
}
.arrancaTour .colDirecto h3{
	margin-bottom: 10px;
}
.arrancaTour .coltwits {
	float: left;
	width: 45%;
	margin: 30px 0 0 2%;
}
.arrancaTour .botonGaleria2{
	clear: both;
}
.videosHome {
	margin: 30px 0 0 -50px;
}
.videosHome .colIzq{
	margin-right: 3%;
}
.videosHome p{
	padding: 10px;
	margin: 8px 0 8px 15px;
	height: 45px;
	line-height: 1em;
	background: #f2f2f2;
}
/*  Home post  */
.videosPost {
	background: url(../img/bg_video_post.jpg) no-repeat center top;
	margin: 20px 0 30px 0;
	padding: 50px 0 0 0;
	overflow: hidden;
}
.videosPost .video{
	float: left;
	margin: 0 10px 0 0;
	width: auto;
}
.infoPost {
	float: left;
	width: 260px;
	margin: 45px 0 0 0;
	border-top: 1px solid #a3a7b6;
	padding: 30px 0 0 0;
}
.infoPost .txtPost{
	line-height: 1.05em;
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(../img/linea-post.gif) no-repeat 0 bottom;
}
.infoPost .botResumen{
	background: url(../img/ico-resumen.png) no-repeat 0 center;
	padding: 0 0 0 25px;
}
.infoPost .botGlaeriaPost{
	background: url(../img/ico-flickr3.png) no-repeat 5px center #ff9007;
	padding: 13px 8px 13px 35px;
	margin: 5px 25px 0 0;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
/******* HOME *********/

.bannerCamion{
	background: url(../img/bannercamion2.jpg) no-repeat 0 0;
	padding: 35px 0 25px 50px;
	min-height: 177px;
	margin-top: 25px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/repsolracingtour/img/bannercamion2.jpg',sizingMethod='scale');
	-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/repsolracingtour/img/bannercamion2.jpg',sizingMethod='scale');
}
.bannerCamion p{
	color: #fff;
	width: 275px;
	line-height: 15.83px;
}
.bannerCamion h1{
	color:#fff;
	font-family: 'dharmagothicm-light';
	font-size: 40px;
	width: 310px;
	word-spacing: 3px;
	margin-bottom: 15px;
	border-top: 1px solid #d2cec9;
	border-bottom: 1px solid #d2cec9;
	padding-top: 5px;
}
.bannerCamion h1 span {
	font-family: 'repsol-light';
	font-size:44px;
}
.numerosAzul{
	color: #161c42;
}
.banner2{
	background: url(../img/banner2v.jpg) no-repeat 0 0;
	min-height: 280px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom: 25px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/repsolracingtour/img/banner2v.jpg',sizingMethod='scale');
	-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/repsolracingtour/img/banner2v.jpg',sizingMethod='scale');
}
.banner2 h2{
	text-align: center;
	width: 300px;
	color: #ff8200;
	font-family:'repsol-light';
	font-weight: 100;
	font-size: 22px;
	padding: 60px 0 0 50px;
}
.letrasAzul{
	color: #161c42;
	font-size: 30px;
	font-family: 'repsolbold';
	font-style: italic;
	font-weight: 200;
}
.colIzqHome{
	float: left;
	width: 43%;
	margin-right: 5%;
	margin-left: 50px;
	padding-bottom: 20px;
}
.colDerHome{
	float: right;
	width: 47%;
}
.colDerHome p {
	text-align: center;
}
.colDerHome ul{
	padding: 5px 0 0 0;
	margin: 0 0 0 30px;
}
.colDerHome li{
	width: 125px;
	padding: 32px 0 17px;
	margin: 0 5px;
	list-style: none;
	display: inline-block;
	background: #f3f3f3;
	-webkit-border-radius: 125px;
	-moz-border-radius: 125px;
	border-radius: 125px;
	line-height: .5em;
	text-align: center;
	font-family: 'dharmagothicm-exbold';
	position: relative;
	behavior: url(PIE.htc);
}
.colDerHome li span{
	font-family: 'dharmagothicm-light';
	line-height: .5em;
	padding-bottom: 10px;
	display: block;
}
.colDerHome li span.azul-claro {
	line-height: .9em;
}

.participaHeading{
	border-top: 1px solid #d2cec9;
	border-bottom: 1px solid #d2cec9;
	text-align: center;
	font-family: 'repsol-light';
	font-weight: 100;
	color: #161c42;
	font-size: 47px;
	padding: 15px 0;
	margin-top: 15px;
	margin-bottom: 30px;

}
/****** Slider ******/
.bx-viewport{
	height:250px!important;
}
.bxslider li{
	background: url(../img/sliderbg.jpg) no-repeat 0 0;
	min-height: 255px;
	-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  margin-bottom: 25px;
	  position: relative;
	  width:955px;
}
.bxslider li{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/repsolracingtour/img/sliderbg.jpg',sizingMethod='scale');

-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/repsolracingtour/img/sliderbg.jpg',sizingMethod='scale');
}
.sliderLeftSide{
	max-width: 285px;
	float: left;
}
.sliderRightSide{
	float: right;
	text-align: right;
	margin-right: 55px;
}
.noParticipants .sliderRightSide{
	text-align: left;
	width:60%;
}
.fotoSlider {
}
.fotoSlider:before {
	content:".";
	width: 45px;
	height: 52px;
	background: url(../img/play.png) no-repeat 0 0;
	position: absolute;
	left: 53%;
	top: 48%;
	z-index: 10;
	text-indent: 1000px;
}
.sliderHeader{
	color: #ff8200;
	font-family: 'repsolregular';
	font-size: 24px;
	padding-top: 30px;
	padding-left: 20px;
}
.noParticipants .sliderHeader{
	color: #ffffff;
	line-height:28px;
	text-transform:uppercase;
}
.sliderInfo{
	color:#fff;
	font-size: 18px;
	padding-left: 20px;
	max-width: 85%;
	padding-top: 75px;
}
.sliderInfoVoid{
	color:#fff;
	font-size: 18px;
	padding-left: 20px;
	max-width: 85%;
	padding-top: 30px;
}
.noParticipantsVideos{
		color: #161c42;
		font-family: 'repsol-light';
		font-size: 30px;
		line-height: 26px;
		margin: 40px;
		text-align: center;
}
.noParticipants .sliderInfoVoid{
	color:#161c42;
	font-family: repsolregular;
    font-size: 22px;
    width: 55%;
	line-height:26px;
}
.parcicipVoidSlider{
	margin-top: 80%;
	font-weight: bold;
}
.noParticipants .parcicipVoidSlider{
	margin-top: 20%;
	margin-left:15%;
}
.colegioSlide{
	font-size: 16px;
	font-style: italic;
	line-height: 1.2em;
}
.noParticipants .colegioSlide{
	margin:10px 0 0;
	display:block;
}
.votosSlide{
	background: url(../img/slider/votosbg.gif) no-repeat 0 10px;
	font-family: 'dharmagothicm-exbold';
	font-size: 70px;
	color:#024e6b;
	width:108px;
	height: 115px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.votosSlideText{
	font-family:'dharmagothicm-light'; 
	color:#ff8200;
	font-size: 35px;
	display: block;
	margin-top: -35px;
}
.votosSlideNumber{
	margin-top: -20px;
}
.votarTxt{
	color: #042447;
	font-size: 14px;
	width: 100px;
	text-align: center;
	margin-left: auto;
margin-right: auto;

}
.votarLink{
	color:#fff;
	background-color:#ff8200;
}
.votosLarge{
	width: 135px;
}
.flechaIzqSlider{
	position: absolute;
	margin-left: 20px;
	margin-top: 100px;
	z-index: 5;
}
.flechaDerSlider{
	position: absolute;
	margin-top: 100px;
	margin-left: 990px;
	z-index: 5;
}
.videoImgSlider{
	position: absolute;
	left: 365px;
	top: 25px;
}
.bloqueTwitter{
	background: url(../img/slider/barrablanca.gif) no-repeat center;
	background-color: #e9e9e9;
	color: #042447;
	padding-top:20px;
	min-height: 80px;
}
.hashtagBold{
	font-size: 23px;
	font-family: 'repsolbold';
	font-style: italic;
}
.bloqueIzqTwitter{
	text-align: right;
	width: 46%;
	float: left;
}
.bloqueDerTwitter{
	text-align: left;
	width: 45%;
	float: right;
}
.hashtagSigue{
	text-transform: uppercase;
	font-size: 12px;
}
.italic{
	font-style: italic;
}
.botonEnviar{
		margin:10px 0;
	background-color: #FF8200;
	border: none;
	color:#FFF;
	text-decoration: underline;
	font-family: 'repsolregular';
	cursor: pointer;
	text-decoration: none;
	padding: 5px 40px;
	float: right;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.75);

}
.mgtop30neg{
	margin-top: -30px!important;
}

.custom-select {
	background-color: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 2em;
	padding: 0;
	position: relative;
	width: 280px;
	z-index: 1;
}

.custom-select:hover {
	border-color: #999;
}

.custom-select:before {
	color: #FF8200;
	display: block;
	font-family: 'FontAwesome';
	font-size: 1em;
	height: 100%;
	line-height: 2.5em; 
	padding: 0 0.625em;
	position: absolute;
	top: 0;
	right: -66px;
	text-align: center;
	width: 1em;
	z-index: 20;
    background-color:#f3f3f3
}

.custom-select select {
	margin-top: -35px;
	background-color: #f3f3f3;
	border: 0 none;
	box-shadow: none;
	color: #333;
	display: block;
	font-size: 15px;
	line-height: normal;
	padding: .5em;
	width: 210px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	    margin: -31px 0 0 136px;
}

.custom-select select::-ms-expand {
	display: none; /* to ie 10 */
}

.custom-select select:focus {
	outline: none;
}

/* little trick for custom select elements in mozilla firefox  17/06/2014 @rodrigoludgero */

/* pseudo class https://developer.mozilla.org/en-US/docs/Web/CSS/:any */

:-moz-any(.custom-select):before {
	background-color: #e7e7e7; /* this is necessary for overcome the caret default browser */
	pointer-events: none; /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events  */
	z-index: 1; /* this is necessary for overcome the pseudo element */
}
.slider{
	margin-bottom: 50px;
}
.videosHeading{
text-align: center;
font-family: "repsol-light";
font-weight: 100;
color: #161C42;
font-size: 25px;
padding: 2px 0px;
margin-top: 15px;
margin-bottom: 10px;
width: 100%;
text-align: center.;

}
.compartirLightbox{
	width: 640px;
	margin-left: 11%;
}
.videoalign{
	margin-left: 11%;
	float: left;
}
#cboxClose{
	border: none;
}
#cboxLoadedContent{
	overflow: hidden;
}
#cboxClose {
	top:0;
}
#listadoCiudades{
	    border-radius: 0;
    background: #FFF;
    border: 1px solid #0B1641;

        color: #0B1641;
    font-size: 13px;
    height: 22px;
    width: 220px;
    margin: 40px auto 45px auto;
}
/************ Slider home ******************/

#box_directo .votos{
	float: right;
	margin-right: 4%;
	padding-top: 90px;
}
#box_directo{
	overflow: hidden;
}
#box_directo .video{
	float: left;
	margin-left: 8%;
	padding-top: 90px;
	width: 640px;
}
#cboxLoadedContent {
margin-bottom: 28px;
overflow: hidden!important;
}
#box_directo .video .titulo{
	position: absolute;
top: 0;
margin: 30px 0;
text-align: center;
font-family: "repsol-light";
font-weight: 100;
color: #161C42;
font-size: 25px;
width: 118%;
}
.normaspart{
	width: 100%;
	text-align: right;
}
.tindent{
	margin-left: 1.25cm;
}






.captchaForm, .captchaFormLightbox{
	display: none;
}
@-moz-document url-prefix() { 
  .captchaForm, .captchaFormLightbox{
  	float: left;
  }
}
.sumbitcaptcha{

background: #ff8200;
padding: 13px 0;
display: block;
border: none;
color: #FFF;
-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
width: 315px;
}
.lightbox_rec_class{
	margin-left: 94px;
}
.botonCaptchaLightbox{
	 text-decoration: none !important;
	background: #ff8200;
	padding: 15px 50px;
	border: none;
	color: #fff;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	position: absolute;
	right: 126px;
	bottom: 55px;
}

.botonCaptchaLightbox:hover {
background-color: white!important;
color: #ff8200!important;
}
#recaptcha_logo{
	width: 1px!important;
	padding-right: 11px!important;
}
.botonCaptchaForm{
	text-decoration: none !important;
	background: #ff8200;
	padding: 15px 145px;
	border: none;
	color: #fff;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	bottom: -47px;
	position: absolute;
}
.botonCaptchaDirecto{
		 text-decoration: none !important;
	background: #ff8200;
	padding: 15px 50px;
	border: none;
	color: #fff;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	position: absolute;
	right: 64px;
	bottom: 25px;
}
.compartirDirecto{
	margin-left:0;
}

/**** recorrido ***/
.recorrido {
	background: url(../img/recorrido-mapa1.jpg) no-repeat center;
	height: 654px;
	padding: 25px 0 0 0;
	position: relative;
}

.recorrido p{
	background: url(../img/line-tit2.png) no-repeat center;
}
.recorrido ul li{list-style: none;}
.recorrido .enlaces{
	display: block;
	position: absolute;
}
.recorrido .proximas01{
	top: 281px;
	left: 548px;
	width: 198px;
	height: 35px;
}
.recorrido .proximas02{
	top: 521px;
	left: 338px;
	width: 136px;
	height: 35px;
}
.recorrido .proximas03{
	left: 596px;
    top: 510px;
	width: 135px;
	height: 35px;
}
.recorrido .proximas04{
	left: 530px;
    top: 590px;
	width: 135px;
	height: 35px;
}
.recorrido .proximas05{
	left: 530px;
    top: 433px;
	width: 135px;
	height: 35px;
}

.introQuees {
	margin: 20px 0;
	padding: 20px;
	background: url(../img/linea-top.jpg) no-repeat top;
}
.queEs {
	background: url(../img/bg-que-es.jpg) no-repeat 0 0;
	margin: 27px 0;
	padding: 20px 50% 20px 20px;
}
.queEs h4{
	font-family: 'repsolregular';
	margin: 13px 0 5px 0;
}
.panorama {
	width: 98%;
	height: 480px;
}
.ciudadMosaico { position: relative;margin: 20px 0 0 0;}
.estamosEn {
	background: url(../img/mosaico2.jpg) no-repeat 0 0;
	min-height: 600px;
	
	position: relative;
}
.ciudadAnterior {
	position: absolute;
	background: url(../img/mosaico1.png) no-repeat 0 0;
	top: 0;
	left: 0;
	width: 1025px;
	display: none;
}
.ciudadMosaico .ciudad1 {
	background: url(../img/mosaico3.jpg) no-repeat 0 0;
}
.ciudadMosaico .ciudad2 {
	background: url(../img/mosaico2.jpg) no-repeat 0 0;
}
.ciudadMosaico .ciudad3 {
	background: url(../img/mosaico4.jpg) no-repeat 0 0;
}
.botCiudadActual {
	position: absolute;
	right: 38px;
	top: 0;
	width: 188px;
	height: 52px;
	background: #6e6259 url(../img/ico-ciudad.png) no-repeat center center;
	color: #FFF;
	padding: 140px 0 0 0;
	text-align: center;
}
.estamosEn h4{
	margin: 0 0 -4px 0;
	line-height: .8em;
}
.estamosEn p{
	margin: 0 0 5px 0;
	line-height: 1.1em;
}
.estamosEn .comoLLegar {
	position: absolute;
	left: 0;
	top: 220px;
	width: 120px;
	padding: 0 35px;
	line-height: 1em;
}
.estamosEn .redes {
	position: absolute;
	right: 35px;
	top: 400px;
	width: 390px;
}
.estamosEn .redes .flickr{
	float: left;
	width: 200px;
	padding: 90px 0 0 0;
	margin: 40px 0 0 0;
	background: url(../img/ico-flickr2.png) no-repeat center 0 
}
.estamosEn .redes .twit{
	float: left;
	width: 180px;
	padding: 10px 5px;
}
.comoLLegar {
	list-style: none;
}
.icollegar {
	padding: 42px 0 0 0;
	background: url(../img/ico-llegar.png) no-repeat center 0;
}
.icodescubre {
	margin: 12px 0 0 0;
	padding: 42px 0 0 0;
	background: url(../img/ico-descubre.png) no-repeat center 0;
}
.proximas h2 {
	background: url(../img/line-tit.png) no-repeat center;
	margin: 30px 0 0 0;
}
.proximas .ciudad {
	clear: both;
	margin: 40px 0;
	background: #f4f4f4;
	min-height: 184px;
	border-bottom: 3px solid #d8d8d8;
	border-right: 2px solid #d8d8d8;
}
.proximas .ciudad .fecha{
	float: left;
	width: 85px;
	line-height: 1em;
	padding: 65px 20px 0 40px;
	min-height: 120px;
	border-right: 1px dotted #b5b5b5;	
}
.proximas .ciudad .lugar{
	float: left;
	width: 545px;
	line-height: 1em;
	padding: 65px 20px 0 40px;
	min-height: 120px;
	border-right: 1px dotted #b5b5b5;
	position: relative;
}
.proximas .ciudad .lugar img{
	position: absolute;
	right: 20px;
	top: -30px;
}
.proximas .ciudad .comoLLegar{
	float: left;
	width: 200px;
	line-height: 1em;
	padding: 45px 20px 0 40px;
	min-height: 140px;
}
.proximas .ciudad .comoLLegar .icollegar {
	padding: 12px 0 15px 46px;
	background-position: 0 center;
}
.proximas .ciudad .comoLLegar .icodescubre {
	margin: 0;
	padding: 12px 0 10px 46px;
	background-position: 0 center;
}

/*****************************************************
----------- Index Fase II --------------------------*/
.entradaCamion, .recorrido2, .ciudadMosaico2, .proximas2, .cierre { display: none;} /* ocultamos para mostrarlo animado con jquery en index.js*/
.shareRedes {
	position: absolute;
	right: 55px;
	top: 30px;
}
.shareRedes a {
	border: 1px solid #b5b5b5;
	background: #FFF;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	display: inline-block;
	margin: 0 5px;
	width: 25px;
	height: 25px;
	 transition: all 500ms ease;  
}
.shareRedes a:hover {
	background-color: #ff9007;
	border-color: transparent;
}
.shareRedes .twitter {
	background: url(../img/ico-twitter.png) no-repeat center;
}
.shareRedes .facebook {
	background: url(../img/ico-facebook.png) no-repeat center;
}
.shareRedes .gplus {
	background: url(../img/ico-g+.png) no-repeat center;
}
.entradaCamion {
	background: url(../img/bg-camion.jpg) no-repeat center 0;
	padding: 35px 0 0 0;
	min-height: 530px;
	position: relative;
}
.entradaCamion h1 {
	margin:  0 0 20px 0;
}
.entradaCamion h1  span{
	padding: 6px 0 6px 4px;
}
.entradaCamion p{
	width: 480px;
	margin: 0 auto;
}
.entradaCamion .masInfo {
	margin: 30px auto 0;
	position: relative;
	z-index: 100;
}
.entradaCamion .masInfo a{
	background: #ff9007;
	padding: 13px 35px;
	color: #FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.entradaCamion .camion{
	background: url(../img/camion.png) no-repeat 0 0;
	width: 529px;
	height: 228px;
	position: absolute;
	left: 60%;
	margin: 0 0 0 -255px;
	bottom: 0;
	z-index: 20;
	opacity: 0;
}
.entradaCamion .city{
	background: url(../img/silueta.png) no-repeat 0 0;
	margin: 0 0 0 -265px;
	width: 563px;
	width: 765px;
	height: 136px;
	position: absolute;
	z-index: 10;
	left: 50%;	
	bottom: 120px;
	opacity: 0;
}
img.moto1{
	z-index: 21;
  	position: absolute;
 	margin: 205px 0 0 235px;
 	opacity: 0;
}
img.moto2{
	z-index: 21;
  	position: absolute;
 	margin: 200px 0 0 150px;
 	opacity: 0;
}
.camporallas{
	 margin: 10px 190px;
  text-align: center;
  left: 50%;
  display: none;
}
.camporallas h2{
	position: absolute;
	margin: 10px 40px;

}
@-moz-document url-prefix() {
    .camporallas h2{
	position: absolute;
	margin: 10px 30px;

}
}
.entradaCamion .arbol1{
	width: 81px;
	height: 91px;
	position: absolute;
	z-index: 11;
	left: 18%;
	bottom: 75px;
	display: none;
}
.entradaCamion .arbol1 img{
	width: 100%;
}
.entradaCamion .arbol2{
	width: 63px;
	height: 66px;
	position: absolute;
	z-index: 21;
	left: 74.5%;
	bottom: 90px;
	display: none;
}
.entradaCamion .palmera1{
	width: 93px;
	position: absolute;
	z-index: 11;
	left: 18%;
	bottom: 75px;
	display: none;
}
.entradaCamion .palmera1 img{
	width: 100%;
}
.entradaCamion .palmera2{
	width: 93px;
	height: 93px;
	position: absolute;
	z-index: 21;
	left: 76.5%;
 	bottom: 75px;
	display: none;
}
.recorrido2 {
	/*background: url(../img/bg-recorrido.jpg) no-repeat center top;*/
	xheight: 712px;
	padding: 30px 0;
	position: relative;
}
.recorrido2 h2 img {
	width: 138px;
}
.recorrido2 .lineas{
	background: url(../img/line-tit2.png) no-repeat center;
}
.ciudadMosaico2 { position: relative;margin: 20px 0;}
.recorrido2 ul li{list-style: none;}
.recorrido2 .proximas01{
	left: 452px;
    top: 415px;
}
.recorrido2 .proximas02{
	left: 290px;
    top: 555px;
	z-index: 305;
}
.recorrido2 .proximas03{
	left: 400px;
    top: 590px;
	z-index: 110;
}
.recorrido2 .proximas04{
	left: 345px;
    top: 565px;
	z-index: 108;
	z-index: 301;
}
.recorrido2 .proximas05{
	left: 385px;
    top: 527px;
	z-index: 215;
}
.recorrido2 .proximas06{
	left: 323px;
    top: 500px;
	z-index: 215;
}
.recorrido2 .proximas07{
	left: 495px;
    top: 575px;
}

.recorrido2 .proximas08{
	left: 201px;
	top: 476px;
	z-index: 300;
}
.recorrido2 .proximas09{
	left: 497px;
	top: 541px;
}
.recorrido2 .proximas10{
    left: 240px;
    top: 405px;
	z-index: 108;
}
.recorrido2 .proximas11{
    left: 300px;
    top: 390px;
}
.recorrido2 .proximas12{
    left: 290px;
    top: 415px;
}
.recorrido2 .proximas13{
    left: 450px;
    top: 435px;
}
.recorrido2 .proximas14{
    left: 410px;
    top: 440px;
	z-index: 106;
}
.recorrido2 .proximas15{
    left: 410px;
    top: 470px;
	z-index: 200;
}
.recorrido2 .proximas16{
    left: 420px;
    top: 420px;
	z-index: 102;
}
.recorrido2 .proximas17{
    left: 475px;
	top: 419px;
}
.recorrido2 .proximas18{
  left: 488px;
  top: 455px;
}
.recorrido2 .proximas19{
  left: 438px;
    top: 435px;
	z-index: 110;
}
.recorrido2 .proximas20{
  left: 433px;
    top: 420px;
}
.recorrido2 .proximas21{
  left: 563px;
  top: 450px;
  z-index: 105;
}
.recorrido2 .proximas22{
  left: 630px;
  top: 340px;
}
.recorrido2 .proximas23{
  left: 630px;
  top: 370px;
}
.recorrido2 .proximas24{
   left: 670px;
   top: 448px;
   z-index: 100;
}
.recorrido2 .proximas25{
   left: 620px;
    top: 465px;
   z-index: 101;
}
.recorrido2 .proximas26{
    left: 660px;
    top: 435px;
}
.recorrido2 .proximas27{
   left: 210px;
    top: 560px;
   z-index: 315;
}
.recorrido2 .proximas28{
    left: 390px;
    top: 500px;
   z-index: 212;
}
.recorrido2 .proximas29{
    left: 380px;
    top: 490px;
   z-index: 210;
}
.recorrido2 .proximas30{
    left: 397px;
 	top: 494px;
   z-index: 211;
}
.recorrido2 .proximas31{
      left: 410px;
  top: 489px;
  z-index: 210;
}
.recorrido2 .proximas32{
  left: 440px;
    top: 330px;
  z-index: 101;
}
.recorrido2 .proximas33{
  left: 650px;
    top: 440px;
    z-index: 90;
}
.recorrido2 .proximas34{
  left: 690px;
    top: 445px;
    z-index: 90;
}
.recorrido2 .proximas35{
  left: 330px;
    top: 205px;
    z-index: 102;
}
.recorrido2 .proximas36{
  left: 558px;
    top: 273px;
  z-index: 90;
}
.recorrido2 .proximas37{
  left: 568px;
    top: 275px;
  z-index: 90;
}
.recorrido2 .proximas38{
  left: 415px;
    top: 220px;
  z-index: 90;
}
.recorrido2 .proximas39{
  left: 430px;
    top: 225px;
  z-index: 90;
}
.recorrido2 .proximas40 {
    left: 518px;
    top: 260px;
    z-index: 90;
}
.recorrido2 .proximas41 {
    left: 535px;
    top: 263px;
    z-index: 80;
}
.recorrido2 .proximas42 {
    left: 560px;
    top: 298px;
    z-index: 100;
}
.recorrido2 .proximas43 {
    left: 410px;
    top: 238px;
    z-index: 100;
}
.recorrido2 .proximas44 {
    left: 307px;
    top: 210px;
    z-index: 100;
}
.recorrido2 .proximas44 span.bokata{
	top: -42px;
}
.recorrido2 .proximas45 span.bokata{
	top: -40px;
}
.recorrido2 .proximas45 {
    left: 317px;
    top: 195px;
}
.recorrido2 .proximas46 {
    left: 285px;
    top: 238px;
}
.recorrido2 .proximas47 {
    left: 435px;
    top: 450px;
    z-index: 115;
}
.recorrido2 .proximas48 {
    left: 465px;
    top: 508px;
    z-index: 210;
}
.recorrido2 .proximas49 {
    left: 425px;
    top: 425px;
    z-index: 105;
}
.recorrido2 .proximas50 {
    left: 410px;
    top: 425px;
    z-index: 105;
}
.recorrido2 .proximas51 {
    left: 556px;
    top: 354px;
    z-index: 101
}
.recorrido2 .proximas52 {
    left: 605px;
    top: 430px;
    z-index: 104;
}
.recorrido2 .proximas53 {
   	left: 590px;
    top: 330px;
}
.recorrido2 .proximas54 {
    left: 450px;
    top: 378px;
}
.recorrido2 .proximas55 {
     left: 520px;
    top: 380px;
}
.recorrido2 .proximas56 {
     left: 420px;
    top: 395px;
	z-index: 101;
}
.recorrido2 .proximas57 {
    left: 340px;
    top: 370px;
}
.recorrido2 .proximas58 {
    left: 563px;
    top: 500px;
}
.recorrido2 .proximas59 {
    left: 275px;
    top: 500px;
}
.recorrido2 .proximas60 {
    left: 320px;
    top: 245px;
}
.recorrido2 .proximas61 {
    left: 360px;
    top: 238px;
}
.recorrido2 .proximas62 {
    left: 380px;
    top: 250px;
}
.recorrido2 .proximas63 {
    top: 315px;
	left: 480px;
}
.recorrido2 .proximas64 {
    left: 515px;
    top: 305px;
}
.recorrido2 .contador{
	border: 1px solid #dcdcdc;
	padding: 0 6px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 3px 1px 0px rgba(232, 232, 232, 1);
	-moz-box-shadow:    0px 3px 1px 0px rgba(232, 232, 232, 1);
	box-shadow:         0px 3px 1px 0px rgba(232, 232, 232, 1);
	width: 340px;
	margin:20px auto 30px;
	text-align: center;
}
.recorrido2 .contador p{
	margin: 0;
	line-height: .7em;
}
.recorrido2 .contador .cuenta{
	margin: 0 0 0 0;
	 
}
.recorrido2 .contador .labelCuenta{
	line-height: 1em;
	padding: 8px 2px 3px 0;
}
.recorrido2 .contador .digitos{
}
.mapaGoogle.leyenda {
	margin: 30px auto 60px;
	width: 100%;
}
.mapaGoogle.leyenda span {
	padding: 3px 12px;
	margin: 0 5px 0 7px;
}
.mapaGoogle.leyenda .icoLeyenda1{
	background: url(../img/icos-leyenda.png) no-repeat 0 0;
}
.mapaGoogle.leyenda .icoLeyenda2{
	background: url(../img/icos-leyenda.png) no-repeat center 0;
}
.mapaGoogle.leyenda .icoLeyenda3{
	background: url(../img/icos-leyenda.png) no-repeat right 0;
}
.recorrido2 .enlaces {
	position: absolute;
}
.recorrido2 .enlaces .ico{
	background: url(../img/icos-mapa.png) no-repeat;
	background-position: 0 -45px;
	width: 28px;
	height: 40px;
	display: block;
}

.recorrido2 .enlaces .bokata {
	background: #161c42;
	color: #FFF;
	padding: 8px 50px 8px 12px;
	position: absolute;
	top: -45px;
	left: 12px;
	display: none;
	width: auto;
	white-space: nowrap;
	min-width: 85px;
	z-index: 5000;
}
.recorrido2 .camino .bokata {
	display: block;
}
.recorrido2 .proximas07 .bokata{
	z-index: 1;
}
.recorrido2 .enlaces .triangulo{
	position: absolute;
	left: -1px;
	bottom: -14px;
	background: url(../img/triangulos-bokata.png) no-repeat 1px 0;
	width: 14px;
	height: 14px;
}
.recorrido2 .enlaces .fecha{
	background: #e4811e;
	color: #FFF;
	padding: 5px;
	margin: -8px -50px -8px 8px;
	float: right;
	line-height: .8em;
}
.recorrido2 .proximas40 .fecha {
	margin: -8px -59px -8px 8px;
}
.recorrido2 .visitada .ico{
	background-position: 0 0;
}
.recorrido2 .visitada .bokata{
	background: #FFF;
	border: 1px solid #041e42;
	color: #041e42;
}
.recorrido2 .visitada .triangulo{
	background-position: -37px 0;
}
.recorrido2 .proxima .ico{
	background-position: 0 -90px;
}
.recorrido2 .proxima .bokata{
	background: #aca39a;
}
.recorrido2 .proxima .triangulo{
	background-position: -17px 0;
}
.recorrido2 .proxima .fecha{
	background: #e4e4e4;
	color: #041e42;
}
#map div {
	background-color:transparent!important;
	border-radius: 0!important;
    border-color: transparent!important;
    border-style: solid;
    border-width: 0px!important;
}
#map > div > div > div > div > div > div {
    xoverflow:hidden!important;
}
#map .repsolBubble #content {
	padding: 0;
	position: relative;
	height: 44px;
}
#map .repsolBubble #content span {
	background-color: #161c42!important;
	color: #ffffff;
	padding: 8px 0;
	float: left;
	width: 78%;
	font-size: 14px;
	line-height: 18px;
    font-family: 'repsolregular';
    text-align: center;
    display: inline-block;
}
#map .repsolBubble #content.visitado {
    border-top: 1px solid #041e42!important;
    border-left: 1px solid #041e42!important;
}
#map .repsolBubble #content.visitado span {
	background-color: #ffffff!important;
	background: #fff none repeat 0 0!important;
    color: #041e42;
    border-bottom: 1px solid #041e42!important;
}
#map .repsolBubble #content.proximo span {
	background-color: #adadad!important;
	background: #adadad none repeat 0 0!important;
	border-bottom: 1px solid #4E4E4E!important;
}
#map .repsolBubble #content.proximo .fecha {
    border-right: 1px solid #041e42!important;
    width: 21.5%;
}
#map .repsolBubble #content span.fecha {
	background-color: #e4811e!important;
	float: right;
	width: 22%;
	text-transform: uppercase;
	line-height: 12px;
	padding: 5px 0;
	min-height: 24px;
}
#map .repsolBubble #content{
	cursor: pointer;
}
#map .repsolBubble #content.proximo{
	border-top: 1px solid #4E4E4E!important;
	border-left: 1px solid #4E4E4E!important;
}
#map .repsolBubble #content.proximo span.fecha {
	background-color: #f4f4f4!important;
	color: #161c42;
	border-right: 1px solid #041e42!important;
    width: 21.6%;
}
#map .repsolBubble #content .triangulo {
	background:transparent url("../img/triangulos-bokata.png") no-repeat 1px 0!important;
    bottom: 0;
    left: -1px;
    position: absolute;
    width: 14px;
    padding: 0;
    height: 10px;
}
#map .repsolBubble #content.visitado .triangulo {
    background:transparent url("../img/triangulos-bokata.png") no-repeat -37px 0!important;
    background-color: transparent!important;
    border-bottom: 0!important;
}
#map .repsolBubble #content.proximo .triangulo {
    background:transparent url("../img/triangulos-bokata.png") no-repeat -17px 0!important;
    background-color: transparent!important;
    border: none!important;

}
.estamosEn2{
	min-height: 600px;
    position: relative;
	background: #FFF;
}
.estamosEn2 .col01{
	float: left;
	width: 361px;
	margin-right: 7px;
}
.estamosEn2 .col01 .mod01{
	height: 399px;
}
.estamosEn2 .col02{
	float: left;
	width: 222px;
	margin-right: 7px;
}
.estamosEn2 .mod02, .estamosEn2 .mod03, .estamosEn2 .mod04, .estamosEn2 .mod07{
	margin-bottom: 7px;
}
.estamosEn2 .col03{
	float: left;
	width: 389px;
}
.estamosEn2 .mod05{
	background: #f2f2f2;
	height: 180px;
	padding: 5px;
}
.estamosEn2 .col03 .mod06{
	height: 158px;
	visibility: hidden;
}
.estamosEn2 .col03 .mod06 p.mod6Pasado{
	width: 192px
}
.estamosEn2 .mod08{
	float: left;
	margin-right: 7px;
}
.estamosEn2 .mod09 a{
	display: block;
	float: left;
	width: 188px;
	height: 58px;
	padding-top: 130px;
	border: 1px solid #f2f2f2;
	background: url(../img/ico-flickr2.png) no-repeat center 35%;
	 transition: all 1s ease;  
}
.estamosEn2 .mod09 a:hover{
	border-color: #e4811e;
	text-decoration: none;
	color: #000;
}
.botCiudadActual2 {
	float: left;
	width: 188px;
	height: 42px;
	background: #6e6259 url(../img/ico-ciudad.png) no-repeat center 35%;
	color: #FFF;
	padding: 110px 0 0 0;
	text-align: center;
	transition: all 1s ease;  
}
.botCiudadActual2:hover {
	background-color:  #7e7066;
	color: #000;
	text-decoration: none;
}
.estamosEn2 .icollegar, .estamosEn2 .icodescubre {
	background-position: 0 0;
	padding: 10px 0 10px 48px;
}

.ciudadAnterior2 {
	position: absolute;
	top: 0;
	display: none;
}
.icoHorario {
	background: url(../img/ico-reloj.png) no-repeat 0 0;
	padding: 0 0 10px 48px;
}
.proximas2 {
	margin-bottom: 40px;
}
.proximas2 h2 {
	background: url(../img/line-tit.png) no-repeat center;
	margin: 40px 0 25px 0;
}

.proximas2 .ciudad {
	clear: both;
	margin: 15px 0;
	min-height: 150px;
}
.proximas2 .ciudad .fecha{
	float: left;
	width: 100px;
	line-height: 1em;
	padding: 50px 20px 0 20px;
	min-height: 100px;
	background: #f4f4f4;
}
.proximas2 .ciudad .lugar{
	float: left;
	width: 230px;
	line-height: 1em;
	padding: 45px 30px 0;
	margin-right: 5px;
	min-height: 102px;
	position: relative;
}
.proximas2 .ciudad .lugar span{
	line-height: 1em;
}
.proximas2 .ciudad .foto{
	float: left;
	margin: 0 5px;
}
.proximas2 .ciudad .comoLLegar{
	float: left;
	position: relative;
	width: 255px;
	line-height: 1em;
	padding: 25px 20px 0 40px;
	min-height: 124px;
	background: #f4f4f9;
}
.proximas2 .ciudad .comoLLegar li{
	width: 150px;
}
.proximas2 .ciudad .comoLLegar .icollegar {
	padding: 12px 0 15px 46px;
	background-position: 0 center;
}
.proximas2 .ciudad .comoLLegar .icodescubre {
	margin: 10px 0 0 0;
	padding: 12px 0 10px 46px;
	background-position: 0 center;
}
.proximas2 .ciudad .comoLLegar .compartir{
	position: absolute;
	top: 7px;
	right: 7px;
	width: 25px;
	height: 130px;
	background: #FFF url(../img/ico-compartir2.png) no-repeat center center;
}
.proximas2 .ciudad .comoLLegar .compartir p{
	background: #FFF;
	display: block;
	position: absolute;
	right: 25px;
	height: 105px;
	padding: 25px 10px 0 15px;
	display: none;
}
.proximas2 .ciudad .comoLLegar .compartir a {
	padding: 5px 0 0 25px;
	display: block;
}
.proximas2 .ciudad .comoLLegar .compartir .twitter{
	background: url(../img/ico-twitter.png) no-repeat 0 center;
}
.proximas2 .ciudad .comoLLegar .compartir .facebook{
	background: url(../img/ico-facebook.png) no-repeat 0 center;
}
.proximas2 .ciudad .comoLLegar .compartir .gplus{
	background: url(../img/ico-g+.png) no-repeat 0 center;
}
.cierre {
	width: 50%;
	margin: 0 auto;
}
.cierre p{
}
.cierre .botonGaleria2 a{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 1em;
	vertical-align: middle;
	padding: 22px 35px;
}
.cierre .botonGaleria2 a.dosLineas{
	padding: 12px 35px;
}
.subir a{
	background: url(../img/ico-subir.png) no-repeat 0 0;
	width: 79px;
	height: 79px;
	display: block;
	margin: 10px auto 25px;
	transition:all .5s ease-out;
}
.subir a:hover{
	transform:rotate(360deg);
}

/* que es fase II */
.introQuees {
	position: relative;
	background: none;
}
.introQuees h2{
	display: inline-block;
	margin-bottom: 25px;
}
.introQuees p{
	margin: 10px 10%; 
}
.volver {
	position: absolute;
	left: 45px;
	top: 35px;
	transition: all .5s;
}
.volver span{
	background: url(../img/ico-volver.png) no-repeat center;
	padding: 2px 13px;
	border: 1px solid #ededed;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-right: 5px;
	transition: all .5s;
}
.volver:hover {
	color: #000;
	text-decoration: none;
}
.volver:hover span{
	border-color: #ff9007;
}

.bloque1 {
	float: left;
	width: 665px;
	height: 188px;
	margin: 14px 14px 14px 0;
}
.queEs2 .bloque2 {
	float: left;
	width: 322px;
	height: 188px;
	margin: 14px 14px 14px 0;
}
.queEs2 .bloque3 {
	float: left;
	width: 329px;
	height: 188px;
	margin: 14px 0 14px 0;
}
.queEs2 .bloque4 {
	float: left;
	width: 665px;
	height: 188px;
	margin: 0 14px 0 0;
}
.queEs2 .bloque5 {
	float: left;
	width: 329px;
	height: 188px;
	margin: 0 0 14px 0;
	background: #FFF;
}
.effect-apollo {
	background: #3498db;
}
.queEs2 {
	margin-bottom: 17px;
	position: relative;
}
.effect-apollo {
	position: relative;
	overflow: hidden;
	background: #ff8502;
	cursor: pointer;
}
.effect-apollo img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	
}
.effect-apollo .infoBloque {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	padding: 1%;
	color: #fff;
}
.effect-apollo .infoBloque::before,
.effect-apollo .infoBloque::after {
	pointer-events: none;
}
.effect-apollo .infoBloque,
.effect-apollo .infoBloque > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 98%;
	height: 98%;
}
.effect-apollo .infoBloque > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.effect-apollo .infoBloque:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-135%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-135%,0);
}

.effect-apollo p {
	position: absolute;
	right: 0;
	top: 0;
	margin: 2em 1em 1em;
	padding: 0 1em;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

.effect-apollo h4 {
	margin: 75px 0 0 0;
	font-weight: normal;
	line-height: .9em;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.bloque1 h4 {margin-top: 70px;}
.bloque4 h4 {margin-top: 128px;}
.effect-apollo:hover img {
	opacity: 0.1;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}
.effect-apollo:hover h4 {
	opacity: 0.1;
}
.effect-apollo:hover .infoBloque:before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,135%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,135%,0);
}

.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.bloque5 p {
	opacity: 1;
	top: auto;
	left: 0;
	line-height: 1.1em;
	bottom: 55px;
}
.bloque5 h4 {margin-top: 128px;}
.bloque5:hover img {
	opacity: 0.8;
}
.bloque5:hover h4 {
	opacity: 1;
}
.bloque5 .infoBloque:before {
	background: rgba(55,55,55,0.5);
}

/* galeria fase II */
.graciasVideoMarquez  {
	background: url(../img/bg-camion.jpg) no-repeat center 0;
	padding: 20px 0 0 0;
	position: relative;
}
.introVideoMarquez{
	background: url(../img/rama-videos.png) no-repeat center;
	padding: 15px 0;
	position: relative;
}
.graciasVideoMarquez p{
	margin:0 auto 15px auto;
	line-height: 1em;
}
.graciasVideoMarquez .colIzq {
	margin-top: 70px;
}
.graciasVideoMarquez .colIzq .border-top{
	padding: 10px 0;
	max-width: 85%;
	margin: 15px auto;
	line-height: 1.2em;
} 
.galeriaVideos  {
	background: url(../img/bg-camion.jpg) no-repeat cnter 0;
	padding: 10px 0 0 0;e
	margin: 40px 0 0 0;
}
.formBuscarVideos {
	margin-bottom: 50px;
}
.cierreVisible {
	display: block;
}

/* promo cole */
.promoCole {
	overflow: hidden;
	background: url(../img/bg-promo-cole.jpg) repeat-x 0 0;
	border: 1px solid #ff9007;
	margin: 0 5%;
}
.promoCole img {
	float: left;
	margin: 0 10px 0 0;
}
.promoCole span.block {
	line-height: 1.2em;
	margin: 0px 30px;
}
.promoCole span.padtop20 {
	padding-top: 25px;
}
.promoCole a {
	display: block;
	transition: all .2s;
}
.promoCole a:hover {
	text-decoration: none;
	opacity: .8;
}


/* GMAPS */

#map {
    width: 100%;
    height: 495px;
    margin-bottom: 40px;
}
#panelciudades > p {
	line-height: 28px;
}
#content{
	padding: 5px;
}