/*================Estilos Generales================*/
body {
	background-color:#ffffff;
	font-family:Arial;
}
header {
	width:1000px;
	height:93px;
	display:block;
	margin:0 auto;
}
.clear {
	clear:both;
}
h1,h2,h3,h4,h5,h6 {
	font-family:euroCond;
	font-weight:200;
}
h1 {
	font-size:30px;
}
h1 {
	font-size:25px;
}
h3 {
	font-size:20px;
}
a {
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
p {
	line-height:155%;
	font-size:14px;
	text-align:left;
	color: #4c4c4c;
}
/*================Header================*/
.blue{
	width: 100%;
	height: 4px;
	background-color: #004587;
}
/*menu*/
nav {
	float:right;
	width:auto;
	position:relative;
}
nav ul li {
	list-style:none;
	float:left;
	font-family:euroCond;
	font-size:15px;
}
nav ul li a {
	display:block;
	padding:25px 30px;
	color:#7f7f7f;
	text-decoration:none;
}
nav ul li a:hover {
	background-color:#f9f9f9;
	color: #000;
	text-decoration:none;
}
/*submenu*/
#subMenu {
	display:none;
	position:absolute;
	top:40px;
	left:-100px;
}
#subMenu a {
		padding:10px 0;
		margin-top:18px;
		width:200px;
		display:block;
		text-align:center;
}
#subMenu a:hover {
}
#logo {
	height:93px;
	width:189px;
	float: left;
}

/*Con esta clase muestro la seccion en la que estoy parado*/
.active {
	background-image:url("../images/active.jpg");
	background-position:top;
	background-repeat: repeat-x;
}
/*============== slider estilos===================*/
.slider {
	margin:0 auto;
	width:100%;
	height:290px;
	background-color: #004587;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
.slider2 {
	margin:0 auto;
	width:100%;
	height:380px;
	background-color: #004587;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	-o-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
.sliderCenter {
	width:900px;
	margin:0 auto;
	height:100%;
	position:relative;
}
.sliderCenter h1 {
	padding: 30px 0;
	/*margin:30px 0 10px 0;*/
	text-align:center;
	color:rgb(255,255,255);
	line-height:108%;
	font-stretch:condensed;
	font-size:25px;
}
.sliderCenter p {
	display:block;
	width:500px;
	font-family:Arial;
	font-weight:200;
	margin:0 auto;
	letter-spacing:2px;
	font-size:14px;
	line-height:170%;
	color:rgb(255,255,255);
	text-align:center;
	padding:20px;
}
.slider ul {
	width:900px;
	margin:0 auto;
	padding-top:5px;
}
.slider ul li {
	list-style:none;
	float:left;
	font-family:Arial;
}
.slider #bx-pager ul li a {
	display:block;
	padding:12px 0;
	color:#ffffff;
	font-size:10px;
	letter-spacing:2px;
	text-transform:uppercase;
	width:150px;
	text-align:center;
}
.slider #bx-pager ul li a:hover {
	background-color:#002d5a;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	text-decoration:none;
}

.sliderButtons {
	padding:132px 15px;
	position:absolute;
	text-align:center;
	font-family:euroCond;
	font-weight:800;
	color:white;
}
.leftB {
	left:0px;
}
.rightB {
	right: 0px;
}

#masSlider{
	background-image: url("../images/boton-1.png");
	background-repeat: no-repeat;
	background-position: center center;

}
#cerrar{
	background-repeat: no-repeat;
	background-position: center center;	
}
/*===========items del slider=============*/
.slider-item 
{
	height:380px;
}
.slideImg1{
	position: absolute;
	top: 60px;
	left: 1%;
	display: block;
}
.slideImg2{
	position: absolute;
	top: 60px;
	right: 1%;
	display: block;
}
.celeste{
	width: 100%;
	height: 8px;
	position: relative;
	background-color:rgb(73,162,213);
}
.celeste img{
	margin: 0 auto;
	position: absolute;
	top: -135%;
	left: 50%;
	right: 50%;
	cursor: pointer;
}
/*==========Slider expandido ==========*/

#expand1, #expand2, #expand3, #expand4, #expand5, #expand6{
	display: none;
}

.expand{
	position: relative;
	height: auto;
	margin-left: 15px;
	margin-right: 15px;
	
}
.expand h1{
	/*font-family:Eurostile-Condensed;*/
font-size:40px;
font-stretch:condensed;
line-height:68%;
color:rgb(255,255,255);
text-align:left;
}
.expand h1 a
{
	color:rgb(255,255,255);
}

.expand p{
	float: left;
	text-align: left;
	font-family:Arial;
	font-size:12px;
	line-height:153%;
	color:rgb(255,255,255);
	margin: 0;
	padding: 10px 0;
}

.productos
{
	margin-left: 15px;
	margin-right: 15px;
}

.productos h1
{
	font-size:40px;
	font-stretch: condensed;
	line-height:68%;
	color:rgb(255,255,255);
	text-align:left;
}

.productos h1 a
{
	color:rgb(255,255,255);
}

.productos p
{
	float: left;
	text-align: left;
	font-size:12px;
	color:rgb(255,255,255);
	padding: 10px 0;
	font-family:Arial;
	font-weight:200;
	letter-spacing:2px;	
	line-height:170%;
}

.blockExpand{
background-color:transparent;
width:300px;
height:auto;
border-color:rgb(203,203,203);
border-width:2px;
border-style:solid;
position: absolute;
right: 2px;
top: 60px;
/*word-wrap: break-word;*/
}
.blockExpand p{
	padding: 20px;
/*position: absolute;*/
display: block;
width: auto;
text-align: left;
font-style: italic;
font-size:13px;
}
.blockExpand img{
	position: absolute;
	top: 89%;
	left:45%;
}


/*==============Footer estilos ===============*/
footer {
	background-color:gray;
	width:100%;
	height:auto;
	background-color:#E6E6E6;
	padding-bottom:20px;
}
.footerCenter {
	width:950px;
	height:230px;
	margin:0 auto;
}
.footerCenter ul li {
	list-style:none;
	padding:5px 0 2px 0;
	border-bottom:1px solid #808080;
}
.footerCenter ul li a {
	color:#808080;
	display:block;
	padding:2px;
	font-family:Arial;
	text-decoration:none;
}
.footerCenter ul li a:hover {
	color:#4f4f4f;
	display:block;
	background-color:#cccccc;
}
.footerCenter ul li:first-child {
	padding:15px 0 2px 0;
}
.footerCenter h3 {
	line-height:17px;
	font-family:euroCond;
	font-weight:300;
	font-size:12px;
	font-family:Arial;
}
.columUno,.columDos,.columTres,.columCuatro {
	font-size:11px;
	float:left;
	color:#808080;
	width:213px;
	height:180px;
	margin:40px 8px 0 0;
	padding:0 8px;
}
.columCuatro {
	text-align:right;
	border-bottom:none;
	font-family: Arial;
	line-height:150%;
}

/*==============Centro de la pagina==============*/
.center {
	width:100%;
	height:auto;
}

.centerGris {
	width:100%;
	height:auto;
	background-color:#E6E6E6;
}

.centerAzul {
	width:100%;
	height:auto;
	background-color:#004587;
}

.centerPage {
	width:950px;
	margin:0 auto;
	height:auto;
	padding: 10px 50px;
}
.centerPage h1 
{
	padding:13px 0 5px;
}

.centerPage h2 {
	color:rgb(0,74,140);
	font-size:25px;
	line-height:108%;
	padding:13px 0 5px;
}
.bloques h2 a
{
	color:rgb(0,74,140);
}


.bloques {
	width:420px;
	height:200px;
	border-style:solid;
	border-width:2px;
	border-color:rgb(203,203,203);
	display:block;
	float:left;
	position:relative;

}
.bloques h2 {
	text-align:center;
}
#bloques-1 {
	margin-left:30px;
}
#bloques-2 {
	margin-left:50px;
}
.bloques p {
	color:#4C4C4C;
	font-size:14px;
	line-height:125%;
	padding:4px 40px;
	text-align:center;
}
.bloques img {
	margin:0 auto;
	display:block;
	padding:20px 30px;
}
.bloques img:hover {
	cursor: pointer;
}

.bloques .plus {
	position:absolute;
	left:40.5%;
	bottom: -18%;
	display:block;
	margin:0;
	padding:0;
	background-image: url("../images/boton-1.png");
	background-position: center center;
	background-repeat: no-repeat;
}

#hacemos{
	width: 140px;
	height: 30px;
	/*background-color: red;*/
	margin: 0 auto;
	background-image: url("../images/mas-img.png");
	background-position: center center;
	background-repeat:no-repeat;
	margin-bottom: 10px;
	margin-top: 10px;
}

#entrada {
	text-align:center;
	color:rgb(127,127,127);
	line-height:110%;
	font-stretch:condensed;
	font-size:35px;
	font-weight:200;
	padding:15px;
}
#azul {
	width:950px;
	margin: 30px auto 0 auto;
	border:none;
	height:7px;
	background-color:#004587;
	clear:both;
}
.blockHome {
float: left;
height: 216px;
margin: 12px 8px;
width: 300px;
background-color: #e5e5e5;

}
.blockHome p {
	padding:10px 37px;
	font-size:13px;
	line-height:125%;
	text-align:left;
	color:#4c4c4c;
	text-align:center;
}
.blockHome h3 {
	font-size:25px;
	margin-top:15px;
	line-height:108%;
	color:rgb(0,74,140);
	text-align:left;
	margin-left:13px;
}
.blockHome h4 {
	font-size:17px;
	margin-top:55px;
	line-height:108%;
	color:#004a8c;
	text-align:center;
}
#experiencias {
	background-color:#ffffff;
}
#experiencias p {
	text-align:left !important;
	font-size:13px !important;
	line-height:20px;
	padding:12px;
}

/*info oculta*/
.mas{
	font-size: 13px;
	padding: 0px 30px;
	display: none;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
.mas h2{
	font-family:euroDemi;
	font-size:14px;
	line-height:153%;
	color:rgb(74,163,214);
	text-align:center;
}
.mas ul{
	/*list-style: ;*/
}
.mas ul li{
	padding-top: 9px;
	color: #4C4C4C;
}
.mas a{
	display: block;
	padding: 10px;
	text-align: center;
	color: rgb(0,74,140);
	/*background-color: green;*/
}
.gray {
	width:950px;
	margin:0 auto;
	background-color:#e5e5e5;
	height:3px;
}
.social {
	width:250px;
	margin:0 auto;
	height:40px;
	text-align: center;
}
/*iconos sociales*/
.socials {
	background:url("../images/social/socials.png") top left no-repeat;
	float:left;
	margin:6px 12px;
}
.face {
	width:31px;
	height:28px;
	background-position:-3px -3px;
}
.face:hover {
	width:31px;
	height:28px;
	background-position:-3px -34px;
}
.google {
	width:31px;
	height:28px;
	background-position:-3px -65px;
}
.google:hover {
	width:31px;
	height:28px;
	background-position:-3px -96px;
}
.twitter {
	width:30px;
	height:28px;
	background-position:-3px -127px;
}
.twitter:hover {
	width:30px;
	height:28px;
	background-position:-3px -158px;
}
.inked {
	width:31px;
	height:28px;
	background-position:-3px -189px;
}
.inked:hover {
	width:31px;
	height:28px;
	background-position: -3px -220px;
}

/*============ EMPRESA ==================*/
#EmpresaContenido p {
	line-height:155%;
	font-size:14px;
	text-align:left;
		color:#4c4c4c;
	margin:15px 0 10px 0;
}
#EmpresaContenido h1 {
	text-align:left;
	color:rgb(0,74,141);
	line-height:108%;
	font-stretch:condensed;
	font-size:25px;
}
.filosofia {
	width:590px;
	float:left;
	position:relative;
	text-align:justify;
	display: block;
}
/*el equipo*/
.equipo {
	display:inline-block;
	float:right;
	width:260px;
	margin-top:-4px;
	margin-left: 35px;
}
/*integrantes del equipo*/
.equipo div {
	width:260px;
	height:35px;
	font-family:Arial;
	font-size:13px;
	margin-top:5px;
	margin-bottom:auto;
	font-weight:400;
	position:relative;
	border-top:1px solid gray;
	border-bottom:1px solid gray;
}
.int {
	position:absolute;
	top:27%;
	left:40px;
	border:none !important;
}
.equipo div img {
	position:absolute;
	top: 10%;
}
.valores {
	border:1px solid #b9b9b9;
	padding:10px 0 9px 12px;
	width:940px;
	letter-spacing:2.5px;
	margin-top:20px;
	position:relative;
	/*display:block;*/
}

#valores
{
	font-family:euroCond;
	font-weight:200;
	font-size:23px;
	color:#004a8d;
}

#nuestros {
	padding:14px 30px;
	color:#ffffff;
	font-family:euroCond;
	float:right;
	position:relative;
	display:block;
	background-color:rgb(73,162,213);
	letter-spacing:5px;
	margin-top:-34px;
}
.diferencial {
	margin-top:30px;
	display:block;
	height:auto;
	position: relative;
}
/*================== SERVICIOS SECCION ================*/
#propuestas h1 {
	font-size:25px;
	line-height:108%;
	color:rgb(74,163,214);
	text-align:center;
	padding:20px;
}
.propuestas {
	display:block;
	position:relative;
	width: 950px;
}
.propuestas div {
	background-color:transparent;
	width:420px;
	height:285px;
	border-color:#cbcbcb;
	border-width:2px;
	border-style:solid;
	float:left;
	margin:12px 10px 25px 30px;
}
.propuestasBig {
	background-color:transparent;
	width:950px !important;
	height:auto !important;
	float:left;
	margin: 0 !important;
}
/*prprpr*/
.propuestasBig div {
	border:none;
	height:1px;
	width:100%;
	/*margin:0 auto;*/
	padding:0;
}
.propuestasBig p {
	margin:1px !important;
	padding:5px 40px 15px 40px !important;
	color:#4c4c4c !important;
	font-size:13px !important;
}
.propuestasBig h2 {
	margin:0px !important;
	padding:1px;
}
.propuestas h2 {
	font-size:20px;
	padding:10px 40px 0 40px;
	text-transform:uppercase;
	margin-top:40px;
	/*padding:25px;*/
}
.propuestas ul {
	padding:1px 35px;
	color:#4C4C4C;
}
.propuestas ul li {
	list-style:none;
	font-family:Arial;
	font-size:12px;
	padding:0px;
	margin-left:5px;
	margin-bottom:7px;
		line-height:180%;
}
.propuestas p {
	padding:10px 45px;
	font-size:12px;
	color: #4aa3d6;
}
/*================== PLATAFORMA ONLINE =================*/
.plataforma {
	padding:10px 0;
	position: relative;
}
.plataforma p {
	padding:7px 0;
	font-size:13px;
	text-align:justify;
}
.plataforma ul {
	display:block;
	position:relative;
	list-style: none;
	margin-left: 3px;
}
.plataforma ul img{
	padding: 5px 5px 0 0;
	}

.plataforma ul li {
	color:#FFFFFF;
	font-size:14px;
	line-height:250%;
	font-family:arial;
}
.plataforma h1 {
		font-family:euroCond;
		font-size:25px;
		font-stretch:condensed;
		line-height:108%;
		color:rgb(0,74,140);
		text-align:left;
}
.plataforma h3 {
	color:#4AA3D6;
	text-transform:uppercase;
	font-size:15px;
	padding:12px 0px;
	font-weight:bold;
}
.blocks {
	background-color:transparent;
	width:277px;
	height:180px;
	border-color:rgb(203,203,203);
	border-width:2px;
	float:left;
	margin:15px 17px;
	border-style:solid;
	position:relative;
}
.blocks h3 {
	font-family:euroDemi;
	font-size:14px;
	line-height:153%;
	color:#004a8c;
	text-align:center;
	margin-top:6px;
}
.blocks p {
	position:absolute;
	top:20px;
	display:block;
	padding:25px 15px 25px 15px;
	font-size:12px;
}
.blocks a {
	position:absolute;
	top:165px;
	left:30%;
}

.imgPlat{
background-color: transparent;
width: 575px;
height: 348px;
border-color: #4AA3D6;
border-width: 2px;
border-style: solid;
overflow: hidden;
float:right;
}
.imgPlat img{
	padding: 0;
	margin: -7px -3px;
}
.bloquesP{
	margin-top: 20px;
	height: auto;
}
/*====================== CONTACTO =====================*/
#contactoPage{
background-color:#004587;
}

#contactoPage h1{
	font-weight:lighter;
	font-size: 17px;
	color: #FFFFFF;
	letter-spacing: 2px;
}
#contactoPage p{
color: #FFFFFF ;
font-size: 13px;
}
#contactoPage b{
	font-weight: 100;
	font-size: 12px;
	color: #dfdfdf;
	text-transform: uppercase;
}
.mapa{
	background-color:rgb(255,255,255);
	width:430px;
	height:320px;
	margin-top: 18px;
	margin-bottom: 20px;
}
#column1{
	float: left;
	width: 460px;
	margin-top: 10px;
}
#column2{
	float: left;
	width: 490px;
	/*margin-left: 15px;*/
	margin-top: 10px;
}
/*Formulario de contacto*/
input[type=text], input[type=mail]{
	padding:9px 12px;
	border-radius: 6px;
	width: 435px;
	margin: 0px 0px 18px 0;
	outline: none;
	border: none;
}

.nombreImg{
	background-image: url(../images/form/nombre.png);
	background-repeat:no-repeat;
	background-position: 95% center;
}
.mailImg{
	background-image: url(../images/form/mail.png);
	background-repeat:no-repeat;
	background-position: 96% center;
}
.asuntoImg{
	background-image: url(../images/form/subject.png);
	background-repeat:no-repeat;
	background-position: 96% center;
}
textarea{
	padding:9px 12px;
	border-radius: 6px;
	margin: 5px 0px;
	width: 436px;
	border: none;
	height: 150px;
	background-image: url(../images/form/text.png);
	background-repeat:no-repeat;
	background-position: 96% 15px;
	font-family:Arial;
}
#envio {
	-webkit-appearance:button;
	margin: 4px;
	text-transform: uppercase;
}
.button{
	padding: 3px 19px;
	-webkit-appearance: button;
	-moz-appearance: button;
	float: right;
	text-transform: uppercase;
	font-weight: bold;
}
/*================SERVICIO AUTOGESTIONADO====================*/
#autogestionado p{
	margin-bottom: 12px;
	margin-top: 5px;
}
#autogestionado h3{
	font-family:euroDemi;
	font-size:14px;
	line-height:225%;
	color:rgb(0,74,140);
	text-align:left;
}
#autogestionado img{
	float: left;
	margin-right: 5px;
}
#autogestionado h1{
	font-size:25px;
	font-stretch:condensed;
	line-height:108%;
	color:#004a8d;
	text-align:left;
}

.SAblock{
background-color:transparent;
width:900px;
height:auto;
border-color:rgb(203,203,203);
border-width:2px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
border-style:solid;
margin: 15px auto 20px auto;
padding: 25px;
position: relative;

}

a.boton {
	background-color:rgb(42,53,131);
	border-color:rgb(201,201,202);
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	color: #ffffff;
	font-family:Arial;
	font-size: 11px;
	text-transform: uppercase;
	padding: 8px 14px;
	letter-spacing: 2px;
	text-decoration:none;
}

a.boton:hover {
	box-shadow: 0px 0px 6px black;
	-moz-box-shadow: 0px 0px 6px black;
	-webkit-box-shadow: 0px 0px 6px black;
	text-shadow: 0px 0px 1px black;
	-moz-text-shadow: 0px 0px 1px black;
	-webkit-text-shadow: 0px 0px 1px black;
	border: none;
}

a.botonBlanco {
	background-color:#dddddd;
	border-color:rgb(201,201,202);
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	color: rgb(42,53,131);
	font-family:Arial;
	font-size: 11px;
	font-weight:bold;
	text-transform: uppercase;
	padding: 8px 14px;
	letter-spacing: 2px;
	text-decoration:none;
}

a.botonBlanco:hover {
	box-shadow: 0px 0px 6px white;
	-moz-box-shadow: 0px 0px 6px white;
	-webkit-box-shadow: 0px 0px 6px white;
	text-shadow: 0px 0px 1px white;
	-moz-text-shadow: 0px 0px 1px white;
	-webkit-text-shadow: 0px 0px 1px white;
	border: none;
}

#cabecera
{
	display: block;
	margin-left: 0px;
	margin-top: 5px;
}

/*================PRODUCTOS====================*/
A.contactar {
	color:#4AA3D6;
	text-transform:uppercase;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	font-family:euroCond;
}