body{

		margin: 0 0 0 0;

		background-color: rgb(32, 42, 95);

        font-family: 'robotoregular', sans-serif;

		overflow-x: hidden;

}



#contenedor{    
		
		position:relative;

		width: 100%;

		height: auto;

		background-color: rgb(255, 255, 255);

  		border: 0px solid red;

  		

}




#cabecera{

	width:1024px;

	height: 90px;

	text-align:left;

    border: 0px solid black;

	overflow:hidden;
	
	margin-left:auto;
	
	margin-right:auto;
	
	z-index: 100;
	
	background-color: white;
	

}

#logo{ float:left;

		height: auto;

		width: 250px;

        padding: 10px 0 0 10px;
		
		border: 0px solid blue;

}

#logo a{

		text-decoration:none;

}



#logo img{	

		width: 200px;

        

}



#eslogan {

    color: rgb(0, 0, 0);

    font-family: robotoregular;

    font-size: 15px;

	top:-2px;

	text-align:right;

}

#contacto{

	position: relative;
	
	margin-right:10px;

	float:right;

	top:18px;

	height:93px;

	border: 0px solid blue;

	z-index:1;

}



#contacto a {

	text-decoration:none;
	

}

#fijo{

	 position: relative;

	 top:-5px;

	 vertical-align: middle;

	 margin-right:5px;

	 

}

#telefono{

	position: relative;

	color: rgb(32, 42, 95);

    font-family: arial;

    font-size: 25px;

	text-align:right;

	top:0px;

}

#movil{

	position: relative;

	color: rgb(32, 42, 95);

    font-family: arial;

    font-size: 25px;

	text-align:right;

	top:5px;

}

#whatsapp{

	position: relative;

	top:0px;

	vertical-align: middle;

	margin-right:5px;

}

#menu_moviles{
	
	visibility:hidden;
	position:absolute;
	top:10px;
	right: -10px;
	width:150px;
	border: 0px solid blue;
	
}
#menu_moviles a{
	
	text-decoration:none;
	
}

#cerrar_menu_menu_moviles{
	visibility:hidden;
	position:absolute;
	top:0px;
	right:16px;
	
}
#menu_menu_moviles{
	right:5px;
	
}
#nav_moviles{
	position: fixed;
	right:0px;
	top:60px;
	width:0px;
	height:0px;
	visibility:hidden;
	z-index:101;
	background: rgba(0, 0, 0, 0.3);
	
}

#nav_moviles ul{
	box-sizing:border-box;
    margin:0;
    padding: 0;
}

#nav_moviles li{
	list-style-type: none;
	width:198px;
	height:42px;
}

.enlace_nav_moviles{
	position:relative;
	right:0px;
	font-size:20px;
	text-decoration:none;
	color:white;
    text-decoration:none;
    display:inline-block;
    padding:5px 10px;
    width:200px;
    height:0px;
    border:2px solid #cacaca;
    color:#fff;
    background-color:rgb(32, 42, 95);
	
	
}

#flotante{
	position:relative;
}

#barra_menu{

	z-index:10;

}

#menu{

	position:relative;

	background-color: rgb(32, 42, 95);

	height:55px;

	width:100%;

	z-index:10;

}



#nav{

	margin-left: auto;

	margin-right:auto;

	width:471px;

	height:55px;

	border: 0px solid black;

	z-index:10;

}



#nav ul {

    margin: 0;

	position:absolute;

	float:left;

    list-style-type: none;

    padding: 0;

    overflow: hidden;

    color: rgb(32, 42, 95);

	z-index:10;

}



#nav li{

	float:left;

	z-index:10;

}



#nav li a {

    display: block;

    color: white;

    text-align: center;

    padding: 16px;

    text-decoration: none;

	font-size:18px;

	font-weight:600;

	transition: opacity 1s;

	z-index:10;

}



#nav li a:hover{

	opacity:0.5;

	z-index:10;

}


#flotante{
		display:table;
}

#contenedor_contenido{

	display: table;

	padding-bottom:15px;

	position: relative;

	width:100%;

	height:auto;

	border: 0px solid green;

	color:white;

	background-color:rgb(238,238,238);

}

#contenido{

	position:relative;
	
	margin-left:auto;
	
	margin-right:auto;

	width:1000px;

	transition: opacity 1s;

	border: 0px solid red;

	

}

#contenedor_contenido_izquierda{

	float:left;

	width:680px;

	border:0px solid green;

}

#cabecera_quienes_somos{

	position: relative;

	float:left;

	width:inherit;

	height:20px;

	padding:0 0 10px 10px;

	margin:10px 0 2px 0;

	background-color:rgb(255,255,255);

	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);

	text-align:left;

	

}



#cabecera_quienes_somos h1{

	position:relative;

	top:-8px;

	font-family:robotoregular;

	font-weight:400;

	color:rgb(32, 42, 95);

	font-size:18px;

	font-style:bold;
	

}

#quienes_somos{

	position: relative;

	float:left;

	width:670px;

	height:auto;

	padding:0px 10px 10px 10px;

	margin:2px 5px 10px 0px;

	background-color:rgb(255,255,255);

	box-shadow: 0px 2px 5px 0px rgba(0,0,0,.26);

	text-align:left;

	color:rgb(0,0,0);

	font-family:robotoregular;

	font-weight:400;

	font-size:15px;

	font-style:normal;

	margin-right:5 px;
}



#quienes_somos p{

	margin-right:5 px;

}

#servicios{

	position: relative;

	float:right;

	width:275px;

	height:20px;

	padding:0px 0px 10px 10px;

	margin:10px 0px 2px 5px;

	background-color:rgb(255,255,255);

	box-shadow: 0px 2px 5px 0px rgba(0,0,0,.26);

	text-align:left;

	

}

#servicios span{

	position:relative;

	top:5px;

	font-family:robotoregular;

	font-weight:400;

	color:rgb(32, 42, 95);

	font-size:18px;

	font-style:bold;

}



.item_servicios img{

	float:left;

	margin-right:10px;

}



.item_servicios{

	position: relative;

	float:right;

	width:265px;

	height:40px;

	padding:5px 10px 5px 10px;

	margin:2px 0px 2px 5px;

	background-color:rgb(255,255,255);

	box-shadow: 0px 2px 5px 0px rgba(0,0,0,.26);

	color:black;

	opacity:1;

	//transition: opacity 1s;

}



.item_servicios h3{

	font-family:robotoregular;

	position:relative;

	top:-8px;

	font-weight:400;

	color:rgb(0, 0, 0);

	font-size:17px;

	font-style:normal;

	float:left;

	//transition: opacity 1s;

}

#nav_servicios{

	position:relative;
	
	margin-left:10px;

	width:290px;

	float:left;

	border:0px solid blue;

}



#pie{

	position:relative;

	top:0px;

	height:180px;

	padding-top:5px;

	width:100%;

	background-color:rgb(32, 42, 95);

	color:white;

}

#logo_pie{
	width:238px;
	
	height: 70px;
	
	display:block;
	
	margin:auto;

}

#parrafo_logo{
	
	width:350px;
	
	text-align: center;
	
	margin-left:auto;
	
	margin-right:auto;

	line-height:150%;
	
	margin-top:0px;

	padding:0px;

}
#nombre {

    color: rgb(255, 255, 255);
	
	margin: 5px 0px 5px 0px;
	
	padding: 0px 0px 0px 0px;

    font-family: robotoregular;

    font-size: 25px;

	top:-2px;

	text-align:center;

}

#pie img{

	vertical-align: top;

}

#imagen_whatsapp_pie{
	margin: 1px 0px 1px 10px;
}

#imagen_fijo_pie{
	margin: 1px 5px 1px 5px;
}


#pie a{

	text-decoration:none;

	color: white;

}
#cookies{
	visibility:hidden;
	position:fixed;
	bottom:0px;
	height:auto;
	padding:10px 10px 20px 10px;
	z-index:400;
	background-color:rgb(32, 42, 95);
	color:#ccc;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
	border-top: 0.1rem solid #fff;
	border-radius:15px 15px 0px 0px;
	box-shadow: 0 -0.5em 0.5em rgba(0,0,0,0.15);
}
#sombra-cookies{
	position: fixed;
	right:0px;
	top:0px;
	width:0px;
	height:0px;
	visibility:hidden;
	z-index:300;
	background: rgba(0, 0, 0, 0.3);
}
#box-cookies{
	width:90%;
	margin:auto;
}
#box-texto{
	width:60%;
	float:left;
}
#box-boton{
	width:20%;
	float:right;
}
#titulo-cookies{
    font-size:16px;
	color: white;	
	text-align:left;
}
.texto-cookies{
	font-size: 14px;
	color:#ccc;
	text-align:left;
}

#boton-cookies{
	cursor:pointer;
	border: 2px solid white;
	background-color:white;
	color:rgb(32,42,95);
	font-size:14px;
	padding:10px 20px 10px 20px;
	margin:20px;
	float:right;
}
#boton-cookies:hover{
	background-color:rgb(32,42,95);
	color:white;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
#botones-accion{
	position:relative;
	height:fit-content;
	text-align:center;
	width:600px;
	margin: auto;
	border:0px solid black;
}

.boton-accion{
	position:relative;
	width:250px;
	height:fit-content;
	cursor:pointer;
	background: linear-gradient(180deg, #65bce8,#202a5f 25%);
	padding:10px 20px 10px 20px;
	margin:20px;
	border:1px solid rgb(100,100,100);
	border-radius: 10px;

	
}
.boton-accion:hover{
	background: linear-gradient(180deg, #65bce8, #202a5f 65%);
	box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 8px 25px 0 rgba(0,0,0,0.19);
}

#boton-telefono{
	width:30px;
	float:left;
}
#texto-boton-telefono{
	font-size:18px;
	color:white;
	position:relative;
	top:8px;
	left:4px;
	
}

#boton-presupuesto{
	width:30px;
	float:left;
}
#texto-boton-presupuesto{
	font-size:18px;
	color:white;
	position:relative;
	top:8px;
	left:4px;
	
}
#boton-cita{
	width:30px;
	float:left;
}
#texto-boton-cita{
	font-size:18px;
	color:white;
	position:relative;
	top:8px;
	left:4px;
	
}

#boton-indicaciones{
	width:30px;
	float:left;
}
#texto-boton-indicaciones{
	font-size:18px;
	color:white;
	position:relative;
	top:8px;
	left:4px;
	
}
* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
}