*{margin:0; padding:0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}

#contenedor{font:normal 13px/18px arial; color:#434343;overflow:hidden;background:white;}

@font-face {
	font-family: 'fontawesome';
	src:url('../fonts/fontawesome-webfont.eot');
	src:url('../fonts/fontawesome-webfont.eot%3F') format('embedded-opentype'),
		url('../fonts/fontawesome-webfont.svg') format('svg'),
		url('../fonts/fontawesome-webfont.woff') format('woff'),
		url('http://www.rcvobrasyservicios.es//fonts/fontawesome-webfont.woff2') format('woff2'),
		url('../fonts/fontawesome-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*CABECERA*/
header{width:100%; margin:0 auto; position:relative;}
header .subCont{padding:10px 8px 2px;}
header #ifRegistraVisita{position:absolute;} /*Código estadísticas*/
header #logo{ display:block; float:left;}
header #logoMovil{ display:none; float:left;}
header #fSeo{font:normal 16px "Fira Sans"; arial; color:White;text-align:center;background:#909090;text-transform:uppercase;padding:14px 6px;}

/* Icono menu movil */
#nav-icon {
  width: 44px;
  height: 36px;
  display:none;
  position: absolute;
  right:8px;
  top:13px;
  z-index:4;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

 #nav-icon span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #557ab9;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 0px; background-color:#bcbec1;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 12px;
}

#nav-icon span:nth-child(4) {
  top: 24px; background-color:#bcbec1;
}

#nav-icon.open span:nth-child(1) {
  top: 12px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}




#menu {
	margin-top:8px;
	float:right;
	font: normal 15px/16px 'Fira Sans',arial;
}

#menu li {
	display: inline-block;
	margin-left:5px;
	float: left;
	text-decoration:none;
}
#menu a {
	background:url(http://www.rcvobrasyservicios.es//images/ico_rayo.png) no-repeat right center;
	display: inline-block;
	color: #3B5F96;
	text-align: center;
	padding:4px 8px 2px;
	text-decoration: none;
	width:100%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
	border-radius:0px;
}

#menu li:hover a{background:#3B5F95;color:white;border-radius:8px;}
#seleccionado{color:#fff!important;background:#3B5F95!important;border-radius:8px!important;}

/*TEXTOS*/
p{margin-bottom:20px;}
section{margin-bottom:35px;}
a{color:#3B5F95;}
.azul{color:#3B5F95;}
.destacado{font-weight:bold;color:#3B5F95;}
.titulo1{font:normal 28px 'Fira Sans', sans-serif, arial; color:#3B5F95; }
.titulo2{font:normal 24px 'Fira Sans', sans-serif, arial; color:#3B5F95;  }
.titulo3{font:normal 20px/26px 'Fira Sans', sans-serif, arial; color:#636363;  }
.textoGrande{font-size:15px; line-height:24px;}
.texto{text-align:justify;}
.margen{margin-bottom:25px;}

/* PARPADEO */
@-moz-keyframes parpadeo{
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo{
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}

@keyframes parpadeo{
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}

.parpadeo {
    animation-duration: 800ms;
    animation-iteration-count: infinite;
    animation-name: parpadeo;
    animation-timing-function: linear;
    -webkit-animation-duration: 800ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-timing-function: linear;	
}


/* Contenido centrado con max-width */
.subCont{max-width: 950px; width:100%; margin:0 auto; overflow:hidden;padding:0 8px;} 


/*IMAGENES*/
.imgResponsive{width:100%;min-width:450px;max-width:950px;margin:0 auto;display:block;}

/* VIDEOS */
.video {width:100%; 
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: auto; 
-webkit-overflow-scrolling:touch; //<<--- THIS IS THE KEY 
border: solid black 1px;
}
.video iframe
 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*SECCIONES INTERNAS*/
.seccion100{width:100%; float:left; box-sizing: border-box; padding:0px}
.seccion66{width:66.666%; float:left; box-sizing: border-box; padding:0px;}
.seccion50{width:50%; float:left; box-sizing: border-box; padding:0px;}
.seccion16{width:16.666%; float:left; box-sizing: border-box; padding:0px; }
.seccion33{width:33.333%; float:left; box-sizing: border-box; padding:0px; }
.seccion40{width:40%; float:left; box-sizing: border-box; padding:0px; }
.seccion41{width:41%; float:left; box-sizing: border-box; padding:0px; }
.seccion60{width:60%; float:left; box-sizing: border-box; padding:0px; }
.seccion25{width:25%; float:left; box-sizing: border-box; padding:0px; }
.seccion75{width:75%; float:left; box-sizing: border-box; padding:0px; }
.seccion20{width:20%; float:left; box-sizing: border-box; padding:0px; }
.seccion80{width:80%; float:left; box-sizing: border-box; padding:0px; }


/*ENLACES*/
.link{color:#025b93; text-decoration:none;}
.link:hover{color:#a0a0a0;}
.lnkconv:hover .convenio{border-bottom: 2px solid #9dcb18; } /* lnkconv es el enlace de los convenios*/

/*SECCIONES*/
#contenido{ max-width:950px; margin:0 auto;  overflow:hidden; padding: 0 5px;}
#fotoPrincipal{width:100%;height:250px;	border-top:8px solid rgba(255,255,255,0.5);	border-bottom:8px solid rgba(255,255,255,0.5); margin-bottom:20px;}

/* Exclusivos */
#contBloques{background:#f3f3f3;margin-bottom:0px;padding:15px 0 25px;}
.bloque{margin-bottom:20px;background:#fff;padding:15px 24px;min-height:156px;border-left:5px solid #557AB9;}
.bloqueL{width:49%;float:left;}
.bloqueR{width:49%;float:right;}
.bloque i{color:#3B5F96;}
.bloque div{float:left;}
.bloque h3{color:#557AB9;font:700 18px "Fira Sans",arial;text-transform:uppercase;margin-bottom:6px;display:inline-block;padding:10px 0 10px;margin-left:2px;}

/* galeria showbox*/
#slide{margin-bottom:20px;}
#lightGallery li{float:left;width:25%;height:auto;border-right:1px solid white;margin-top:-3px;list-style:none;}
#lightGallery li:last-child{border-right:1px solid white;}
#lightGallery li img{width:100%;}


#contenedorMapa{    display: block;
	margin-bottom:25px;
    height: 360px;
    width: 100%;}
#contenedorMapa #mapa{width:100%;height:360px;}



/*PIE*/
footer{background:#3B5F95; padding: 20px 0px 0 0!important;overflow:hidden;font:normal 13px/20px arial;color:white;}
footer .subCont{padding:0 8px 18px;}
footer .contRight{width:48%;float:right;}
footer .contLeft{width:48%;float:left;}
footer .contLeft li{margin-left:12px;}
footer p{margin-bottom:5px;}
.titulopie{ display:block; font:normal 17px/120% 'Fira Sans',arial; color:#fff; text-align:left; }
.linea{color: #fff; padding:0 9px; margin:4px 10px 10px 0;}
footer h2{font-weight:normal;font:normal 13px arial;}
.textopie{font:normal 13px/20px arial; color:#fff; text-align:left;}
.textopie a{ color: #fff; text-decoration:none; text-transform:uppercase;font-size:12px;}
.textopie a:hover{color:#eee;text-decoration:underline;}


#bandaPie{background:#557AB9;}
#bandaPie p{background:#557AB9;padding:10px 0;}
#bandaPie img{float:right;margin-top:4px;}


/********** DATOS CONTACTO ************/

#contacto_datos  p{margin-bottom:18px;}
.contacto_titulo {font:normal 16px 'Fira Sans',arial; color:#172983; display:block}
.contacto_info{font-size:15px;}


/********** FORMULARIO ************/
	#formulario{padding-left:80px;}
    .error{border:3px solid red!important;}
	
	 /* mesanje al ser enviado el formulario */
     #LabelEnviado {background:url(../images/ico_enviado.png) no-repeat;display:inline-block;height:26px;  padding-left:30px;font:normal 16px/26px arial; margin:20px auto;  }
     #LabelError {background:url(../images/ico_error.png) no-repeat;display:inline-block;height:26px;  padding-left:30px;font:normal 16px/26px arial;margin:20px auto;}    

	 
     /* textobox del formulario */
	 .feedback-input {
         box-sizing: border-box;
	    color:#3c3c3c;
	    font-family: Helvetica, Arial, sans-serif;
      font-weight:500;
	    font-size: 18px;
	    border-radius: 0;
	    line-height: 22px;
	    background-color: #f3f3f3;
	    padding: 8px 13px 8px 54px;
	    margin-bottom: 10px;
	    width:100%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	    box-sizing: border-box;
      border: 3px solid rgba(0,0,0,0);
    }

    .feedback-input:focus{
	    background: #fff;
	    box-shadow: 0;
	    border: 3px solid #172983;
	    color: #172983;
	    outline: none;
      padding: 8px 13px 8px 54px;
    }


	
	/* captcha suma */
	 #spanSuma {
        	color:#1E1D1B;
	    font-family: Helvetica, Arial, sans-serif;
        font-weight:500;
	    font-size: 18px;
	    border-radius: 0;
	    line-height: 22px;
        display:inline-block;
        padding: 11px 13px 11px 6px;
        background-color: #fff;
        }

    /* Iconos  */
    #name{
	    background-image: url(../images/ico_name.png);
	    background-position: 11px center;
	    background-repeat: no-repeat;
    }


    #remitente{
	      background-image: url(../images/ico_email.png);
	    background-position: 11px 6px;
	    background-repeat: no-repeat;
    }



    #phone{
	      background-image: url(../images/ico_phone.png);
	    background-position: 11px center;
	    background-repeat: no-repeat;
    }


    #comment{
	      background-image: url(../images/ico_comment.png);
	    background-position: 11px 4px;
	    background-repeat: no-repeat;
    }
	
	#suma_contenedor p{text-align:center;}
	
	#suma {	  
		padding: 8px 12px 8px 12px;
		width:110px;
        margin-left:-6px;
    }

    textarea {
        width: 100%;
        height: 150px;
        line-height: 150%;
        resize:vertical;
    }

     input:focus, textarea:focus {
	    background-color:white;
    }

	
     /* boton enviar */ 
	 
     #btn_enviar{
	    font-family: 'Fira Sans', sans-serif, Arial, Helvetica, sans-serif;
	    float:left;
	    width: 100%;
	    border: #557AB9 solid 4px;
	    cursor:pointer;
	    background-color: #3B5F95;
	    color:white;
	    font-size:24px;
		margin-top:5px;
	    padding-top:8px;
	    padding-bottom:8px;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    transition: all 0.3s;
      font-weight:700;
    }

     #btn_enviar:hover{
	    background-color: #557AB9;
	    border: #3B5F95 solid 4px;
	    color: #fff;
    }
	
    .submit:hover {
	    color: #3498db;
    }
	
	

/*Styles for screen 818px and lower*/
@media screen and (max-width: 815px) {
	header #menu{display:none;}
	header #nav-icon{display:block;}
	footer .subCont > div{width:100%;}
	footer .contLeft{margin-bottom:20px;}
	footer #bandaPie img{float:left;}

}

@media only screen and (max-width: 620px) {
	.bloque{margin-bottom:15px;min-height:0;}
	.bloqueL{width:100%;float:left;}
	.bloqueR{width:100%;float:right;}
	#lightGallery li{width:50%;}
	#contacto_datos{width:100%;}
	#contacto_formulario{width:100%;}
	#contacto_formulario #formulario{padding:0;}
}


@media only screen and (max-width: 510px) {
	header #logo{display:none;}
	header #logoMovil{display:block;}
	#nav-icon {top:27px;}
	footer .subCont  .contRight > div{width:100%;}
	.titulo1{font-size:20px}

}



