a
{text-decoration:none;}

body
{
	background: #000b11;
	font-family: 'Asap', sans-serif;
	font-size:14px;	
	text-align: center;
}

h2
{
	font-size:24px;
	font-family: 'Rokkitt', serif;
}

h3
{font-size:16px;}

#btn_enviar
{
	background:#8baf19;
	border: solid 1px #fff;
	color:#fff;
	cursor: pointer;
	float: left;
	font-size:12px;
	margin-left:94px;
	width:67px;
}

#btn_enviar:hover
{border: solid 1px #004b70; color:#004b70;}

#btn_facebook
{background-position:-35px 0px;}

#btn_facebook:hover
{background-position:-35px -32px;}

#btn_twitter:hover
{background-position:-70px -32px;}

#contenedor_cabecera
{
	background:#fff;
	height:156px;
}

#contenedor_centro
{background:#004b70; min-height:414px; margin-top:32px;}

#contenedor_contacto
{
	background:#8baf19;
	color:#fff;
	float: left;
	height:414px;
	text-align: left;
	width:360px;
	/*width:33.9%;*/
}

#contenedor_extra {
}
#contenedor_extra img {
	vertical-align: middle;
}

#contenedor_links {
	padding-top:15px!important;	
	padding-bottom: 15px!important;
}

#contenedor_links,
#contenedor_extra {
	text-align: left;
	
}

#contenedor_menu_lateral
{
	width:115px;
	float: left;
	margin-left:-115px;
	position: absolute;
}

#contenedor_menu_lateral a
{
	background:#778494;
	color: #fff;
	font-family: 'Rokkitt', serif;
	font-size:24px;
	height:29px;
	display: block;
	margin-bottom:11px;
	padding-right:12px;
	padding-top:5px;
	text-align: right;
}

#contenedor_menu_lateral a:hover, .menu_destacado
{background:#004b70!important;}

#contenedor_pie
{
	background:#000b11;
	color:#434b50;
	font-size:11px;
	line-height: 14px;
/* 	height:26px; */
	margin-top:28px;
	padding: 13px 30px;
	text-align: right;
}

#contenedor_pie a
{color:#434b50;}
#contenedor_pie a:hover
{color:#333;}

#contenedor_redes
{
	float: right;
	margin-top:72px;
	width:70px;
}

#contenedor_servicios,
#contenedor_links,
#contenedor_extra {
	margin-left:29px;
	padding-top:45px;
	/*width:1004px;*/
}

#contenedor_texto
{
	color:#fff;
	float: left;
	text-align: left;
	width:705px;
}

/*#contenedor_texto,
#contenedor_contacto
{height:414px;}*/

#direccion
{
	border-top: solid 1px #fff;
	font-size:12px;
	line-height:18px;
	margin-top:38px;
	padding-top:19px;
}

#direccion a
{
	color:#fff;
	font-size:14px;
	font-weight:700;
}

#direccion a:hover
{color:#004b70;}


#fondo_sitio {
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: auto; 
	z-index: -10;	
}

#formulario_contacto
{
	margin-top:19px;
}

#formulario_contacto p
{float: right; font-size:10px; margin-top:4px;}

#ico_flecha
{
	/*background:url(../img/ico_flecha.png) no-repeat;*/
	display:block;
	/*height:23px;*/
	float: left;
	margin-left:41px;
	margin-top:47px;
	/*width:3.5%;*/
	
	width:24px;
	
}

#lista_extra {
	color: #fff;	
	font-size: 13px;	
	float: left;
	padding: 3px 20px!important;	
}

#lista_links {
	color: #fff;
	float: left;
	padding: 2px 20px;
}
#lista_extra a:link,
#lista_extra a:visited {
	color: #009cde;
}

#lista_extra a:hover {
	color: #ccc;
}

#lista_links a:link,
#lista_links a:visited {
	border-right: 1px solid #fff;
	color: #fff;
	float: left;
	font-weight: bold;
	margin-right: 10px;
	padding-right: 10px;
}

#lista_links a:hover {
	color: #ccc;
}

#lista_links a.sin_borde {
	border-right: 0;
}

#logo
{
	float: left;
	margin-top:41px;
	/*margin-left:2.4%;*/
	margin-left:36px;
	width:250px;
}

#margenes_contacto
{
	margin:0 auto;
	margin-top:26px;
	width:297px;
}

#contenedor_principal
{
	/*width:73.9%;*/
	margin: 0 auto;
	width:1065px;
}

#texto_centro
{
	float: left;
	line-height:18px;
	margin-left:20px;
	margin-top:46px;
	/*width:67.8%;*/
	width:478px;
}


#texto_centro p
{
	margin-bottom:18px;/**/
}

#titulo_links,
#titulo_extra {
	background: #778494;
	color: #fff;
	float: left;
	font-weight: bold;
	padding: 5px 10px;
	width: 150px;
}
#titulo_extra {
	background: #fff;
	color: #004b70;
}

#titulo_links span,
#titulo_extra span {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #778494;
	margin-left: 160px;
	margin-top: 1px;
	position: absolute;
}
#titulo_extra span {
	border-color: transparent transparent transparent #fff;
}


.titulo_servicios
{
	background: url(../img/bg_titulo.png) no-repeat;
	color:#004b70;
	font-size:16px;
	font-weight:700;
	
	padding-top:8px;
	height: 33px;
	width:178px;
	
}



.btn_redes
{
	background:url(../img/ico_redes.png);
	display:block;
	float: left;
	height:32px;
	width:35px;
}

.clear
{clear:both;}


.input_contacto
{
	
	height:18px;
	margin-bottom:4px;
	
}

.input_contacto,
textarea
{
	background:#8baf19;
	border: solid 1px #fff;
	color:#fff;
	padding: 0;
	width:202px;
}


.input_contacto,
.label_contacto,
textarea
{
	font-family: 'Asap', sans-serif;
	font-size:13px;
	display: block;
	float: left;
}

textarea
{
	height:86px;
	margin-bottom:13px;
}

.label_contacto
{
	margin-top:2px;
	width:93px;
}

.salto {
	display: none;
}

.servicios
{
	border-right: solid 1px #80a5b8;
	color:#fff;
	float: left;
 	min-height:266px; 
	margin-right:15px;
	width:191px;
}

.servicios ul
{
	font-size:12px;
	line-height:14px;
	list-style:outside;
	margin-top:20px;
	margin-left:18px;
	text-align: left;
	width:160px;
}

.servicios li
{margin-bottom:9px;}

.sin_border_right
{ border-right:0px!important;
}

.sin_margen_right
{margin-right:0px;}

.texto_destacado
{
	font-family: 'Rokkitt', serif;
	font-size:22px;
	font-weight:700;
	line-height:24px;
	margin-bottom:37px;/**/
}

.texto_destacado p
{margin-bottom:0px!important;}



/* MOVIL */

@media screen and (max-width: 900px) {
	#contenedor_contacto {
		display: block!important;
		float: none;
		height: auto;
		width: 100%;
	}
	
	#contenedor_centro {
		height: auto;
	}
	
	#contenedor_links,
	#contenedor_extra {
		padding-top: 25px;
		width: 90%;
		margin: 0 auto;
	}
	
	#contenedor_menu_lateral {
		margin-top: -50px;
		margin-left:0;
		position: static;
		float: none;
		width: 100%;
	}
	
	#contenedor_menu_lateral a {
		float: left;
		text-align: center;
		padding-right: 0;
		width: 50%;
	}
	
	#contenedor_principal {
		min-width: 320px;
		width: 100%;
	}
	
	#contenedor_redes {
		margin-top: 0;
		margin-right: 30px;
	}
	
	#contenedor_servicios {
		margin: 0 auto;
		width: 90%;
	}
	
	#contenedor_texto {
		float: none;
		margin: 0 auto;
		width: 95%;
	}
	
	#direccion {
		margin-top: 10px;
	}
	
	#fondo_sitio {
		width: 900px;
	}
	
	#formulario {
		display: none;
	}
	
	#ico_flecha {
		margin-left: 0;
		width:3.5%;
		
	}
	#lista_links {
		padding: 10px 0!important;
	}
	
	#lista_extra {
		padding: 20px 0!important;
		line-height: 18px;
	}	
	
	#lista_extra span {
		display: block;
	}
	#lista_extra span.separador {
		display: none;
	}
	
	#lista_extra a {
		display: block;
/* 		margin: 5px 0 0 0; */
	}
	
	#lista_links a {
		border: 0!important;
		padding: 7px 0;
		width: 40%;
	}
	
	#lista_links a:before {
		content: "•";
		padding-right: 5px; 	
	}
	
	#lista_links a:nth-child(odd) {
		border-right: 1px solid #346f8d!important;
	}
	
	#lista_links a:nth-child(even) {
		padding-left: 10px;
	}
	
	#logo {
		float: none;
		position: absolute;
	}
	
	#margenes_contacto {
		width: 90%;
		padding: 20px 0;
	}
	
	#texto_centro {
		width:85%;
	}
	
	#titulo_links,
	#titulo_extra {
		float: none;
		width: auto;
	}
	
	#titulo_links span,
	#titulo_extra span {
		width: 0px;
		height: 0px;
		border-style: solid;
/* 		border-width: 10.4px 6px 0 6px; */
		border-width: 9px 5px 0 5px;		
		border-color: #778494 transparent transparent transparent;
		margin: 19px 0 0 5px
		
	}
	
	#titulo_extra span {
		border-color: #fff transparent transparent transparent;		
	}
	
	.salto {
		display: block;
	}
	
	.separador {
		display: none;
	}
	
	.servicios {
		border-right: none;
 		float: none; 
		height: auto;
		min-height:0;
		
		margin-right: 0;
		width: 100%;
	}
	
	.servicios .titulo_servicios {
		margin-bottom: 10px;		
	}
	
	.servicios h3 {
		cursor: pointer;
	}
	
	.servicios h3 span {
		float: right;
		margin-top: 5px;
		margin-right: 20px;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 9px 5px 0 5px;
		border-color: #8cb100 transparent transparent transparent;		
	}
	
	.servicios ul {
		display: none;
		margin-top: 0;
		margin-bottom: 20px;
		width: auto;
	}
	
	.servicios ul li {
		margin-bottom: 2px;
	}
	
	.titulo_servicios {
		background: #fff;
		height: auto;
		padding: 8px 0;
		width: 100%;
	}
}