@charset "utf-8";

body, h1, h2, h3, ul, li {
	margin: 0px;
	padding: 0px;
}

.separador {
	width: 100px;
	margin-top: 25px;
	margin-bottom: 25px;
}

a img {
  border:none;	
}

.error {
	color: #F00;	
}

/****************************** CABECERA (logotipo y menú) */

#divcabecera {
	background-color: #4c5279;
}



#divcabecera #divmenu li a {
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #f7a509;
	text-decoration: none;
}

#divcabecera #divmenu li a:hover  {
	color: #FFF;	
}

#divcabecera #divmenu li a.actual  {
	color: #CCC;	
}

#divcabecera #divlogotipo a {
  border:none;	
}

/****************************** BANNER  (imagen fija o slide) */

#divbanner {
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #4c5279;
}

/****************************** CONTENIDOS  */

/********* GENERALES */

#divcontenidos {
	font-family: 'Raleway', sans-serif;
	font-weigth: 400;
	color: #333;
	padding-top:40px;
}

#divcontenidos h1 {
	color: #4c5279;
	text-align: center;
	margin-bottom: 10px;
}

#divcontenidos h2 {
	color: #4c5279;
	text-align: center;
	font-style: italic;
	font-size:18px;
	margin-bottom: 8px;
}


#divcontenidos p {
	text-align:center;
	font-size:22px;
}

#divcontenidos #divservicios ul {
	text-align: center;
	list-style-type: none;	
}

#divcontenidos #divservicios ul li {
	font-size:18px;
	padding-top:5px;
	padding-bottom:10px;
}

#divcontenidos a {
    color:#f7a509;
	text-decoration:none;	
}

#divcontenidos a:hover {
    color:#de9406;
	text-decoration:none;	
}



/************* DATOS CONTACTO */

#divdatoscontacto {
	text-align: center;
	margin-top:60px;
	margin-bottom:30px;
}

#divdatoscontacto h3 {
	text-align: center;
	color: #4c5279;
}

#divdatoscontacto p {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

/********** FORMULARIO CONTACTO */

#divformulariocontacto, #divformularioacceso {
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	margin-top:30px;
	margin-bottom:90px;
}

#divformulariocontacto #divformulario, #divformularioacceso #divformulario  {
    width:400px;	
	margin-left:auto;
	margin-right:auto;
}

#divformulariocontacto #divformulario p, #divformularioacceso #divformulario p {
    margin-top:25px;
	margin-bottom:10px;
	font-size: 18px;
}

#divformulariocontacto #divformulario .cuadrotexto, #divformularioacceso #divformulario .cuadrotexto {
    color:#4c5279;
	border: none;
	font-size:14px;
	padding: 15px;
	background:#CCC;
	width:100%;
}

#divformulariocontacto #divformulario .cuadrotextoerror, #divformularioacceso #divformulario .cuadrotextoerror {
    color:#FFF;
	border: none;
	font-size:14px;
	padding: 15px;
	background:#F30;
	width:100%;
}

#divformulariocontacto #divformulario .cuadrotexto:focus, #divformularioacceso #divformulario .cuadrotexto:focus {
    outline:0px;
}

#divformulariocontacto #divformulario .boton, #divformularioacceso #divformulario .boton, #divformulariocontacto #divformulario .boton-desactivado {
	margin-top:40px;
	text-align: left;
	background: #4c5279;
	border: none;
	font-size: 16px;
	padding: 10px 20px 10px 20px;
	color: #FFF;
}

#divformulariocontacto #divformulario .boton-desactivado {
	background: lightgray;
	color: gray;
}

#divformulariocontacto #divformulario .boton:hover, #divformularioacceso #divformulario .boton:hover {
	
	background:#f7a509;
	
}

#divformulariocontacto #politica-check {
	color: gray;
	font-size:14px!important;
}

/************ BLOQUES */

/** de inicio */
#divcontenidos #divinicio .bloques {
	width: 90%;
	margin-left:auto;
	margin-right:auto;	
}



#divcontenidos #divinicio .bloques .bloque .bloqueimg img {
	width: 100%;
	border: thin solid #4c5279;
}

#divcontenidos #divinicio .bloques .bloque .bloquetexto {
	text-align:center;	
}

#divcontenidos #divinicio .bloques .bloque .bloquetexto p {
	font-size: 18px;
}

/** de quienes somos */

#divcontenidos #divquienes .bloques {
	width: 90%;
	margin-left:auto;
	margin-right:auto;	
}

#divcontenidos #divquienes .bloques .bloque .bloqueimg {
	width: 50%;
	margin-left:auto;
	margin-right:auto;
}

#divcontenidos #divquienes .bloques .bloque .bloqueimg img {
	width: 100%;
	border: thin solid #4c5279;
}

#divcontenidos #divquienes .bloques .bloque .bloquetexto {
	text-align:center;	
}

#divcontenidos #divquienes .bloques .bloque .bloquetexto p {
	font-size: 18px;
}

/** de aviso legal */

#divcontenidos #divavisolegal  {
	width: 90%;
	margin-left:auto;
	margin-right:auto;	
}


#divcontenidos #divavisolegal  p {
	font-size: 18px;
}

/** de politica privacidad */

#divcontenidos #divpoliticaprivacidad  {
	width: 90%;
	margin-left:auto;
	margin-right:auto;	
}


#divcontenidos #divpoliticaprivacidad  p {
	font-size: 18px;
}

/** de politica cookies */

#divcontenidos #divpoliticacookies  {
	width: 90%;
	margin-left:auto;
	margin-right:auto;	
}


#divcontenidos #divpoliticacookies  p {
	font-size: 18px;
}

#divcookies {
	position: fixed;
	bottom: 0;
	height: 200px;
	left: 0%;
	width: 100%;
	background-color: #4c5279;
	opacity: 0.95;

}

#divcookies #divtexto {
	color:#FFF;
	font-size:20px;
	padding: 15px 40px 15px 40px;
	font-family: 'Raleway', sans-serif;
	text-align: center;
}

#divcookies #divtexto a {
	color:#aeb1c4;
	text-decoration: none;
}

#divcookies #divtexto a:hover {
	color:#6974be;
	text-decoration: none;
}

#divcookies .boton {
	text-align: left;
	background: #6974be;
	border: none;
	font-size: 18px;
	padding: 10px 20px 10px 20px;
	color: #FFF;
}

#divcookies .boton:hover {
	background: #8d95c8;
}

/********************************* PIE */

#divpie {
	font-family: 'Raleway', sans-serif;
	clear:both;
    text-align:center;	
	background-color: #4c5279;
	padding-top:80px;
	padding-bottom:30px;
	overflow:hidden;
}

#divpie h1 {
	font-weight: 100;
	font-size: 24px;
	color: #FFF;
	margin-bottom: 10px;
	text-transform: uppercase;	
}

#divpie h2 {
	color:#FFF;	
	font-style: italic;
	font-size:18px;
	margin-bottom: 8px;
	font-weight: 100;
}


#divpie #divlogoscontacto img {
	width:60px;
	margin-left:5px;
	margin-right:5px;
}

#divpie #separadorcopyright {
    border-color:#f7a509;	
}

#divcopyright, #divpoliticas {
	font-size:14px;
}

#divcopyright a, #divpoliticas a {
	color:#FFF;
	text-decoration: none;	
}

#divcopyright a:hover, #divpoliticas a:hover {
	color:#CCC;
	
}