body{
	font-family: 'Roboto Condensed', sans-serif;

}

.cursor-pointer{
	cursor: pointer;
}



#imagen-de-fondo{
	background-image: url('../img/viadua-background-3.jpg'); 
	background-size: cover;
	background-repeat: no-repeat;
}

#v-logo{
	position: absolute;
	right: 50%;
	top: 5%;
	z-index: 100;
 	margin-right: -25px;
}

.fill-blanco polygon{
	fill:#ffffff !important;
}

#main-div-derecho{
	background-color: rgba(50,50,50,.9);
	color: #ffffff;

}

.menu-titulos{
	font-size: 14px;
	
}

.descripcion-final{
	font-size: 10px;
	
}

.ultimo-div{
	bottom: 0px;
	right: 0px;
	position: absolute;
	width: 50%;
	padding-bottom: 20px;
	
}

#viadua-logo-main{
	position: absolute;
	
}

#nosotros-div{
	position: absolute;
	width: 48%;
	overflow: auto;
	top: 20%;
}

#info-container{
	position: absolute;
	top: 0px;
	right: 50%;
	width:0%;
	height: 100%;
	overflow:hidden;

	-webkit-box-shadow: -49px 0px 26px 0px rgba(50, 50, 50, 0.71);
	-moz-box-shadow:    -49px 0px 26px 0px rgba(50, 50, 50, 0.71);
	box-shadow:         -49px 0px 26px 0px rgba(50, 50, 50, 0.71);

	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.open-div{
	width: 40% !important;
	overflow: auto !important;
	-webkit-transition: all .25s ease !important;
    -moz-transition: all .25s ease !important;
    -o-transition: all .25s ease !important;
    transition: all .25s ease !important;
}

.yellow-letra{
	color: #fac316 !important;
}


#info-primer-div-imagen{
	background-image: url('../img/textura-menor.jpg');
	background-size: 100%;
	background-repeat: none;
}

.primer-bloque-letra{
	padding-bottom: 20px;
}

.info-div-imagen{
	width: 100%;
}

.info-div-letra-titulo{
	color: #ffffff;
	font-size: 21px;
}

.segundo-div-letra-contenido{
	color: #ffffff;
	padding-bottom: 20px;
}

.info-div-amarillo-letra-titulo{

	font-size: 21px;
}

#info-ventajas-uso-imagen{
	background-image: url('../img/textura-menor.jpg');
	background-size: 100%;
	background-repeat: none;
}

#lista-ventajas li{
	list-style: disc;
}

#info-container {
	line-height: .4;
}

#info-container > div, #info-container > img{
	line-height: 1.5;
}

#info-container::-webkit-scrollbar {
    width: 5px;
  	background-color: rgba(50,50,50,.9);
}
 
#info-container::-webkit-scrollbar-track {
   
}
 
#info-container::-webkit-scrollbar-thumb {
  background-color: #fac316;
  
}

#en-accion-div::-webkit-scrollbar {
    width: 2px;
  	background-color: rgba(50,50,50,.9);
}
 
#en-accion-div::-webkit-scrollbar-track {
   
}
 
#en-accion-div::-webkit-scrollbar-thumb {
  background-color: #fac316;
  
}

#nosotros-div::-webkit-scrollbar {
    width: 2px;
  	background-color: rgba(50,50,50,.9);
}
 
#nosotros-div::-webkit-scrollbar-track {
   
}
 
#nosotros-div::-webkit-scrollbar-thumb {
  background-color: #fac316;
  
}

#lista-parches-permanentes li{
	list-style: disc;
	color: #ffffff;
	
}


#lista-operador-equipo li{
	list-style: disc;
	color: #ffffff;
}

.letra-titulo-nosotros{
	font-size: 20px;
}

.letra-descripcion-nosotros{
	font-size: 14px;
}

.contact-modal-main{
	
	max-height: 100% !important;
	height: 85%;
	background: url('../img/Texturaoscura.jpg'); 
	background-size: cover;
	background-repeat: no-repeat;
}

#modal-viadua-logo{
	width: 65%;
	max-width: 100%
	
}


#modal-telefono{
	color: #ffffff;
}

#modal-correo{
	color: #ffffff;
}

.modal-cajas{
	background-color: #000000 !important;
	border: none !important;
	margin-bottom: 0px !important;
	color: #ffffff;
}

.nombre-correo-caja{
	height: 30px !important;
	font-size: 12px !important;
}

.input-field label{
	color: #ffffff !important;
	padding-left: 10px;
	
	font-size: 12px;
}

.mensaje-caja{
	height: 100px !important;

}

.mensaje-caja:focus{
	outline:none !important;
}

input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), 
input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), 
input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), 
textarea.materialize-textarea:focus:not([readonly]) {
	border: none !important;
	box-shadow: none;
	

}

#enviar-boton{
	color: white;
	font-size: 20px;
	background: none;
	border: none;
}

#modal-ultimo-div{
	color: #ffffff;

}

#div-copyright-modal{
	position: absolute;
	bottom: 30px;
	right: 150px;
}

.img-modal{
	width: 100px;
}

.flecha-izquierda svg{
	z-index: 1000;
	position: absolute;
	left:10%;
	top:50%;
	margin-top: -50px;
}

.flecha-derecha svg{
	z-index: 1000;
	position: absolute;
	right:10%;
	top:50%;
	margin-top: -50px;
}

.slider .slides li img{
	background-size: auto 100%;
	background-color: black;
	background-repeat: no-repeat;
}

.slider .slides{
	background-color: black;
}

.slider .indicators .indicator-item.active{
	background-color: #fac316;
}

.slider .indicators .indicator-item{
	background-color: rgba(50,50,50,.9);
}


.side-nav{
	background-color:#323232; 
	width: 80%;
}

.menu-mobile-letra{
	font-size: 22px !important;
	
}

#home-viadua-logo{
	background-color: #535453;
	padding-top: 20px;
	padding-bottom: 30px;
}

#menu-home{
	background-color: #535453;
	padding-top: 10px;
}



.mobil-copyright{

	font-size: 9px;
	color: #ffffff;	
}

#ultimo-div-mobil{
	bottom: 10px;
	position: absolute;
	left: 50%;
	margin-left: -58px;
}

#home-mobil-background{
	width: 100%;
	background-image: url('../img/viadua-background-movil.jpg'); 
	background-size: cover;
	background-position: center center;
}

.material-icons{
	font-size: 35px;
}

#info-container-movil{
	


}

#info-container-movil {
	line-height: .4;
}

#info-container-movil > div, #info-container-movil > img{
	line-height: 1.5;
}

#info-container-movil::-webkit-scrollbar {
    width: 5px;
  	background-color: rgba(50,50,50,.9);
}
 
#info-container-movil::-webkit-scrollbar-track {
   
}
 
#info-container-movil::-webkit-scrollbar-thumb {
  background-color: #fac316;
  
}

#nosotros-div-movil{
	background-color: #535453;
	overflow: auto;
	
}

.letra-titulo-nosotros-movil{
	color: #ffffff;
	font-size: 20px;
}

.letra-descripcion-nosotros-movil{
	color: #ffffff;
	font-size: 16px;
}

#contacto-div-movil{
	background: url('../img/Texturaoscura.jpg'); 
	background-size: cover;
	background-repeat: no-repeat;
	overflow: auto;
}

#ultimo-div-movil-contacto{
	bottom: 10px;
	position: absolute;
	left: 50%;
	margin-left: -58px;
	color: #ffffff;
}

#en-accion-div{
	overflow: auto;
}

.cajas-fotos{
	padding: 0px !important;
	background-color:  #fac316;
}
.materialboxed:hover:not(.active){
	opacity: .5;
}

.imagen{
	width: 100%;
}

.side-nav a{
	color: #ffffff;
}

#en-accion-div-movil{
	overflow: auto;
	background-color: #535453;
}

.cajas-fotos-movil{
	padding: 0px !important;
	background-color: transparent;
}

.no-overflow{
	overflow: hidden !important;
}

#modal-viadua-logo-movil{
	width: 95%;
	max-width: 100%
}

#menu-boton{
	color: #ffffff;
	padding: 10px;
	
}

.titulo-paginas-movil{
	font-size: 22px;
	color:  #fac316;
}

#toast-container {
	right:70%;
	right: none;
}	


input:not([type]).valid, input:not([type]):focus.valid,
input[type=text].valid, input[type=text]:focus.valid, 
input[type=password].valid, input[type=password]:focus.valid, 
input[type=email].valid, input[type=email]:focus.valid, 
input[type=url].valid, input[type=url]:focus.valid, 
input[type=time].valid, input[type=time]:focus.valid, 
input[type=date].valid, input[type=date]:focus.valid, 
input[type=datetime].valid, input[type=datetime]:focus.valid, 
input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, 
input[type=tel].valid, input[type=tel]:focus.valid, 
input[type=number].valid, input[type=number]:focus.valid, 
input[type=search].valid, input[type=search]:focus.valid, 
textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid{
	border-bottom: 1px solid #fac316;
	box-shadow: 0 1px 0 0 #fac316;
}

.toast {
	background-color: #fac316;
	min-height: 65px;
	font-size: 18px;
	color: rgba(50,50,50,.9);
}