@charset "UTF-8";
/* CSS Document */
/*-----------------------------------------------------------------
COLORES CORPORATIVOS GRIS: #e6eaee / NEGRO: #211915 / ROJO: #bf0411
-----------------------------------------------------------------*/

html, hmtl a {-webkit-text-size-adjust: none; 
	-ms-text-size-adjust: none;}

body {background:url('../images/body-border.png') repeat-x 0px 0px#e6eaee; color:#25242c; font-size:16px; font-family: 'Open_Sans_R', sans-serif; margin:0; padding:0;}

a {color:#3B81D5; text-decoration: none; cursor: pointer;
	-webkit-transition: color 0.1s linear 0s;	
	-moz-transition: color 0.1s linear 0s;
	-o-transition: color 0.1s linear 0s;
	transition: color 0.1s linear 0s;}

a:hover, a:active, a:focus {outline: 0; color:#AE6908; text-decoration:none;}

a img {border:none;}

/*iOS inputs*/
input[type="submit"], input[type="text"], input[type="number"], input[type="password"], input[type=""], input[type="email"], button {-webkit-appearance: none;}

/*----------------------------------------
HEADER
-------------------------------------------*/
header {width:960px; margin:45px auto 0 auto; background:#211915;}

.logo {float: left; padding: 0; margin: 0; background: url('../images/logo.png') no-repeat; width: 220px; height: 70px; text-indent: -9999px; display: block; opacity: 1; filter: alpha(opacity=100);
		-webkit-transition: opacity 0.25s ease-in-out 0s;	
		-moz-transition: opacity 0.25s ease-in-out 0s;
		-o-transition: opacity 0.25s ease-in-out 0s;
		transition: opacity 0.25s ease-in-out 0s;
	}
.logo:hover {opacity: 0.9; filter: alpha(opacity=9);}

.wrap {width:960px; margin:0 auto;}
.container {width:960px; margin:0 auto; background:#fff;
box-shadow: 0px 0px 4px rgb(190, 190, 190);
-webkit-box-shadow: 0px 0px 4px rgb(190, 190, 190);
-moz-box-shadow: 0px 0px 4px rgb(190, 190, 190);
-o-box-shadow: 0px 0px 4px rgb(190, 190, 190);}

.nuevo {width:960px; height:90px; margin:20px auto; box-shadow: 0px 0px 4px rgb(190, 190, 190);
-webkit-box-shadow: 0px 0px 4px rgb(190, 190, 190);
-moz-box-shadow: 0px 0px 4px rgb(190, 190, 190);
-o-box-shadow: 0px 0px 4px rgb(190, 190, 190);}

.q-s {background:url('../images/bg-qs.jpg') no-repeat center center; padding:20px; width:920px;}
.politica {padding:40px; width:880px;}
.politica p {margin-bottom:15px;}
.politica h2 {font-size:22px !important; color:#bf0411; line-height:40px;}
.contenido-detacado {width:500px; background:url('../images/bg-qs.png'); padding:20px; border-radius:6px;}
.contenido-detacado h2 {font-weight:100 !important; font-family:'Open_Sans_L'; font-size:30px; color:#bf0411; line-height:40px;}
.contenido-detacado p {line-height:23px; margin:6px 0 20px;}

/*----------------------------------------
FOOTER
-------------------------------------------*/
.footer {width:100%; margin:20px auto 0; background:#211915; color:#e6eaee;}
.pie {font-size:14px; padding:20px; width:920px; margin:0 auto;}
.left-pie {width:250px; float:left;}
.middle-pie {width:400px; float:left; margin-left:30px;}
.right-pie {margin-left:30px; height:140px; width:210px; float:left;}
/*.right-pie h3 {font-size:16px; font-weight:100 !important; color:#bf0411; text-transform:uppercase;}*/

.middle-pie a, .right-pie a {color:#ffffff; text-decoration:underline;}

.left-pie h3, .middle-pie h3, .right-pie h3 {font-weight:100 !important; color:#bf0411; font-size:16px;}

.social-icons li a {color:#bf0411; margin-right:5px; float:left;}
.social-icons li a:hover {color:#bf0411;}
.social-icons i {font-size:26px; margin:8px 5px 8px 0;}

/*--------------
CONTACTO
-----------------*/
#map {height:200px;}

#contact-form label {
  min-height: 54px;
  position: relative;
  margin:0;
  display: block;
  float: left;
  width: 100%;
}
#contact-form .message {
  min-height: 213px;
  display: block;
  width: 100%;
}
#contact-form input,
#contact-form textarea {
  font-family: 'Open_Sans_R', serif;
  padding: 4px 12px 5px;
  margin: 0;
  font-size:16px;
  display: block;
  line-height: 24px !important;
  color: #25242c;
  background: #f7f7f7;
  outline: none;
  width: 94%;
  border: 1px solid #bf0411;
  box-shadow: none;
  border-radius: 0px;
  float: left;
}
#contact-form input {
  height: 24px;
}
#contact-form textarea { 
  height: 184px;
  resize: none;
  overflow: auto;
}
#contact-form textarea:focus,
#contact-form input[type="text"]:focus {
  box-shadow: none;
  
}
#contact-form .area .error {
  float: none;
}
#contact-form .success {
  display: none; text-transform:uppercase; letter-spacing:1px;
  margin-bottom: 10px;
   background: #EFF7DE;
  font-size: 11px;
  line-height: 16px;
  position: relative;
  border: 1px solid #80D300;
  padding: 10px; color:#80D300;
}
#contact-form .error,
#contact-form .empty {
  color: #f00; text-transform:uppercase; letter-spacing:1px;
  font-size: 10px;
  line-height: 1.27em;
  display: none;
  overflow: hidden;
  margin-bottom: 5px;
  padding: 2px 4px 6px;
  float: left;
}
#contact-form {padding:30px; width:500px; margin:0 auto;}

#contact-form a{cursor:pointer}
.form-txt {padding-bottom:8px; color:#25242c; font-size:16px;}

.clear {clear:both; margin:0; padding:0;}

/*------------------------------------------
REDES SOCIALES
-------------------------------------------*/
.soc_icon {
	padding: 0 20px 20px 20px; margin:0 auto !important; /*width:160px*/ width:60px;
}
.soc_icon ul li{
	float: left;
	margin-left: 10px;
}
.soc_icon ul li:first-child{
	margin-left: 0;
}
.soc_icon ul li a{
	display: block;
	width: 40px;
	height: 32px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 35px;
 	-webkit-border-radius:35px;
 	-moz-border-radius:35px;
 	-o-border-radius:35px;
	color:#fff; text-align:center; font-size:25px; padding-top:8px;
}
.soc_icon ul li a.icon1{
	background: #39579D;
}
.soc_icon ul li a.icon2{
	background: #02B3E9;
}
.soc_icon ul li a.icon3{
	background: #DB4A39;
}
.soc_icon ul li a:hover{
	filter: alpha(opacity=80);
	opacity: 0.8;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

/*-------------------------------
LABEL STYLE
--------------------------------*/
.label_style{
	top:0;
	position:relative;
	background: #211915;
	padding: 20px;
	text-align: center;
	box-shadow: inset 0px -1px 2px rgb(221, 221, 221);
	-webkit-box-shadow: inset 0px -1px 2px rgb(221, 221, 221);
	-moz-box-shadow: inset 0px -1px 2px rgb(221, 221, 221);
	-o-box-shadow: inset 0px -1px 2px rgb(221, 221, 221);
}
.label_style a {
	display: block;
}
.label_style a span{
	position: absolute;
	left: 125px;
	top: -25px;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
}
.label_style a span.icon_1{
	background: #bf0411 url('../images/sprite.png') no-repeat 15px -55px;
}
.label_text h2{
	margin-top:15px; font-family:'Open_Sans_L';
	font-size: 16px;
	color: #e6eaee;
	text-transform: capitalize;
}
.label_text form{
	margin: 15px 0;
}
.label_text form input[type="button"] {
	font-family: 'Open_Sans_R';
	background: #bf0411;
	color: #ffffff;
	font-size: 16px;
	padding: 12px 24px;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
	outline: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
}
.label_text form input[type="button"]:hover{
	background: #E4472E;	
}
.label_text form input[type="button"].bg{
	background: #A0D468;
}
.label_text form input[type="button"].bg:hover{
	background: #94C85D;
}
.no-left {margin-left:0px !important;}

.portfolio-wrapper {
	overflow:hidden; width:300px; float:left; margin-left:30px;
	cursor:pointer; box-shadow: 0px 0px 4px rgb(190, 190, 190);
-webkit-box-shadow: 0px 0px 4px rgb(190, 190, 190);
-moz-box-shadow: 0px 0px 4px rgb(190, 190, 190);
-o-box-shadow: 0px 0px 4px rgb(190, 190, 190);
}

.portfolio {width:960px; margin:20px auto;}

/*----------------------------------------
BOTONES
-------------------------------------------*/
.botones a {
	font-family:'Open_Sans_L';
	background:#bf0411;
	padding: 6px 25px 8px;
	display:inline-block;
	color: #fff;
	font-size: 14px;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	border-radius:2em;
	-webkit-border-radius:2em;
	-moz-border-radius:2em;
	-o-border-radius:2em; margin:0 0 20px 0;
}
.botones a:hover {
	color:#fff; background:#E4472E;}
	
.home {text-transform:uppercase; margin-top:25px;}
	
/*----------------------------
NINIOS
------------------------------*/
.padd {padding:20px; width:920px;}

.cont-image, .cont-image-g, .varios {width:200px; margin:14px 14px; height:200px; background:#fff; float:left; border:1px solid #e6eaee; overflow:hidden;}
.container h2 {font-weight:100 !important; font-family:'Open_Sans_L'; font-size:30px; color:#bf0411; line-height:40px;}
.container h3 {font-weight:100 !important; font-family:'Open_Sans_L'; font-size:24px; color:#211915; line-height:40px; margin-left:15px;}
.cont-image img {width:100%;}
.cont-image-g img {width:200px;}
.varios img {width:200px;}

/*----------------------------
GALERIA
------------------------------*/
.galeria {width:920px; background:#25242c; padding:10px 20px 20px 20px;}
.galeria h2 {font-weight:100 !important; font-family:'Open_Sans_L'; font-size:20px; color:#f7f7f7; margin-bottom:10px;}
.galeria a {margin:0 5px;}