@charset "utf-8";
/*Fuentes*/
@font-face {
    font-family:'oxygen';
    src: url('../fonts/oxygen.eot');
    src: url('../fonts/oxygen.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oxygen.woff') format('woff'),
         url('../fonts/oxygen.ttf') format('truetype'),
         url('../fonts/oxygen.svg#king_cool') format('svg');
}
/* CSS Document */
* {margin:0; padding:0;}
body, html {
	font-family:oxygen, Arial, Helvetica, sans-serif;
	background:#fff;
	margin:0;
	padding:0;
	position:relative;
}
body {
	float:left;
}
div {width:100%;}
p {margin:10px auto; padding:0;}
a {color:#009cde;}
	aside a:hover {color:#14448c;}
img {text-align:center; border:0; margin:auto;}
.wrapper {
	width:100%;
	margin:0 auto;
	float:left;
}
.container {
	width:990px;
	margin:0 auto;
	}
	#bg_wrap {
		background-image:url(../images/bg_body.png);
		background-position:center 6px;
		background-repeat:no-repeat;
		background-color:#0e53b1;
		}
h5 {
	color:#009cde;
	margin-bottom:15px;
	}
/*---Cintillo---*/
#cintillo {
	background:#272727;
	border-bottom:1px solid #fff;
	height:6px;
	position:fixed;
	z-index:10001;
	width:100%;
	overflow:visible;
	text-align:center;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	
	background-image: linear-gradient(bottom, #272727 25%, #3D3D3D 100%);
	background-image: -o-linear-gradient(bottom, #272727 25%, #3D3D3D 100%);
	background-image: -moz-linear-gradient(bottom, #272727 25%, #3D3D3D 100%);
	background-image: -webkit-linear-gradient(bottom, #272727 25%, #3D3D3D 100%);
	background-image: -ms-linear-gradient(bottom, #272727 25%, #3D3D3D 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.25, #272727),
		color-stop(1, #3D3D3D)
	);
}
	#cintillo a.social {
		display:block;
		float:right;
		width:33px;
		height:33px;
		margin-top:-3px;
		background-image:url(../images/btn_social.png);
		background-repeat:no-repeat;
	}
	#cintillo .social#btn_tw {background-position:0 0;}
	#cintillo .social#btn_tw:hover {background-position:0 -33px;}
	#cintillo .social#btn_fb {background-position:center 0;}
	#cintillo .social#btn_fb:hover {background-position:center -33px;}
	#cintillo .social#btn_mail {background-position:right 0;}
	#cintillo .social#btn_mail:hover {background-position:right -33px;}
	
	#cintillo div#container_cintillo {
		width:990px;
		position:relative;
		margin:0 auto;
		height:6px;
	}
	#cintillo article {
		display:block;
		padding:0;
		position:absolute;
		bottom:-42px;
		right:0;
		width:475px;
	}
#cintillo .social span {
	display:block;
	float:right;
	width:28px;
	height:37px;
}
	#cintillo article span:last-child {
		background:url(../images/span_cintillo.png) no-repeat bottom;
		margin-left:-28px;
	}
	#cintillo article span:first-child {
		background:url(../images/span_cintillo2.png) no-repeat bottom;
		margin-right:-28px;
	}
	#cintillo div.social {
		background:url(../images/bg_social.png) repeat-x;
		float:right;
		width:auto;
		margin:0 84px 0 28px;
		padding-bottom:5px;
		position:relative;
		bottom:0;
	}
	#cintillo a {
		float:right;
		position:relative;
		}
	#cintillo .intranet {
		color:#000;
		text-decoration:none;
		margin:8px 0 0 0;
		
		}
	/*----*/
/*---HEADER---*/
header {
	width:970px;
	padding:8px 10px 0 10px;
	position:relative;
	float:left;
	margin:0 auto;
	overflow:visible;
}
header a.logo {
	margin:6px 0 0 8px;
	position:relative;
	float:left;
	z-index:2001;
}
header canvas {z-index:1; position:absolute; left:-32px;}
header nav {
	font-family:oxygen, Arial, Helvetica, sans-serif;
	display:block;
	position:absolute;
	right:20px;
	bottom:0;
	z-index:2001;
}
	header nav ul {
		list-style:none;
		margin:0;
	}
		nav ul li {float:left;}
	header nav a {
		font-size:120%;
		position:relative;
		text-decoration:none;
		display:block;
		color:#fff;
		padding:5px 9px;
	}
header nav span {
	background:#000;
	display:none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	position:absolute;
	right:0;
}
/*---COntent---*/
section.content#first {
	background:url(../images/bg_content.png) repeat;
	width:990px;
	padding-top:128px;
	margin:-50px auto 0 auto;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}
section.content {
	width:100%;
	float:left;
	position:relative;
	background:#fff;
	padding-bottom:20px;
}
#slider {
	width:970px;
	display:block;
	padding:0 10px 0 10px;
	float:left;
	overflow:hidden;
	}
	#slider #slider_contenedor{
		position:relative;
		} 
.slide {
	padding:0;
	color:#FFFFFF;
	text-shadow: 1px 1px 1px #000;
	filter: dropshadow(color=#000, offx=1, offy=1);
	width:970px;
	position:absolute;
}
	.slide h1 {
		font-weight:normal;
		color:#fff;
		font-size:250%;
		line-height:40px;
		padding:22px 0 10px 0;
	}
	.slide p {
		font-size:130%;
		text-align:justify;
	}
	.slide img {
	float:left;
	margin-right:23px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}
#slider ul {
	float:right;
	position:relative;
	margin:45px 0 25px 0;
}
#slider ul li {
	display:block;
	margin:0 1px 0 1px;
	position:relative;
	float:left;
	width:24px;
	height:23px;
	background:url(../images/btn_slider.png) no-repeat bottom center;
}
	#slider ul li:hover {cursor:pointer; background:url(../images/btn_slider.png) no-repeat top center;}
	#slider ul li.act {cursor:auto; background:url(../images/btn_slider.png) no-repeat top center;}
	/*-NAV SLIDER-*/
	#slider ul.nav_slider {
		float:left;
		position:relative;
		margin:0;
	}
	#slider ul.nav_slider li {
		display:table;
		width:234px;
		float:left;
		margin:0 0 0 11px; 
		padding:3px 0 0 0;
		background:#fff;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,1);
		-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,1);
		box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,1);
		
	}
	#slider ul.nav_slider a {
		display:inline-block;
		width:234px;
		padding:15px 0 15px 0;
		color:#009cde;
		text-align:center;
		text-decoration:none;
		font-size:120%;
		font-weight:bold;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		-webkit-box-shadow: inset 0px 11px 22px 0px rgba(152,152,152,0.35);
		-moz-box-shadow: inset 0px 11px 22px 0px rgba(152,152,152,0.35);
		box-shadow: inset 0px 11px 22px 0px rgba(152,152,152,0.35);
	}
		#slider	ul.nav_slider li:first-child {margin:0;}
section.content aside {
	padding:15px 10px;
	width:475px;
	float:left;
	font-family:'Droid Sans', Arial, Helvetica, sans-serif;
}
section.content aside h2 {
	margin:30px 0;
	font-size:240%;
	font-weight:normal;
}
section.content aside h3 {
	margin:30px 0 0 0;
	font-size:200%;
	font-weight:normal;
	}
section.content aside li {
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	background:url(../images/bullet.png) no-repeat;
	min-height:32px;
	padding:3px 0 0 40px;
	vertical-align:central;
	font-size:130%;
}
	section.content aside li ul li {
		background:none;
		padding:0 0 0 15px;
		list-style:none;
		font-size:70%;
	}
section.content aside ul.proximos li {
	background:url(../images/bullet_flecha.png) no-repeat;
}
	#torta {
		background:url(../images/logo_torta.png) center 195px no-repeat;
		overflow:hidden;
		width:477px;
		height:482px;
		position:relative;
		text-align:left;
		vertical-align:bottom;
	}
	#torta img {
		margin:0;
		padding:0;
		}
	#torta a {
		position:absolute;
		display:none;
		}
	#torta a:nth-child(3){top:241px;}
	#torta a:nth-child(4){top:241px;}
section.content aside a.marca {float:left;}
.vertodos {float:right; margin:20px 10px; padding:5px 10px; background:#009cde; color:#fff; text-decoration:none; border:none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#cintillo .vertodos {margin:0 10px 20px 10px;}
.vertodos:hover {background:#14448c; cursor:pointer; color:#fff;}
#cintillo form {color:#fff;}
form {display:block; float:right; width:100%; position:relative;}
 input, textarea {
	border:1px solid #009cde;
	max-width:310px;
	width:310px;
	margin:0 10px 20px 0;
	padding:2px;
	}
	 input.active, textarea.active {
		-webkit-box-shadow: 0px 0px 5px 0px rgba(255,0,51,1);
		-moz-box-shadow: 0px 0px 5px 0px rgba(255,0,51,1);
		box-shadow: 0px 0px 5px 0px rgba(255,0,51,1);
	 }
dt {float:left; clear:both;}
dd {float:right;}
 dd:last-child {clear:both;}
 dd:last-child input {width:auto;}
#mensajecontacto {
	float:left;
	color:#14448c;
	position:absolute;
	display:none;
	border:1px solid #aaa;
	overflow:visible;
	background:#CCC;
	background-image: linear-gradient(bottom, #eee 0%, #FFFFFF 100%);
	background-image: -o-linear-gradient(bottom, #eee 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #eee 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #eee 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(bottom, #eee 0%, #FFFFFF 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #eee),
		color-stop(1, #FFFFFF)
	);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
	#mensajecontacto p {margin:10px;}
	#mensajecontacto span, #cintillo article #mensajecontacto span {
		background:#FFF;
		display:block;
		position:absolute;
		right:10px;
		top:-6px;
		width:10px;
		height:10px;
		margin:0;
		border-right:1px solid #aaa;
		border-top:1px solid #aaa;
		transform:rotate(-45deg);
		-ms-transform:rotate(-45deg); /* IE 9 */
		-webkit-transform:rotate(-45deg); /* Safari and Chrome */
	}
/*------FOOTER------*/
footer {
	float:left;
	width:100%;
	/*background:#009cde;*/
	padding:15px 0 10px 0;
	text-align:center;
	}
	footer p {
		color:#000;
		font-size:75%;
		position:relative;
		z-index:1001;
		margin:0;
	}
	footer nav{
		width:990px;
		margin:0 auto;
		text-align:center;
		position:relative;
		z-index:1001;
		font-size:150%;
		font-weight:lighter;
	}
	footer ul {
		list-style:none;
		text-align:center;
		margin:0 auto;
		display:inline-block;
	}
		footer li {
			float:left;
			color:#fff;
			}
			footer li a {
				padding:5px 9px;
				color:#fff;
				text-decoration:none;
			}
			footer li a.active, footer li a:hover {
				color:#000;
			}