@import url("reset.css");
@charset "utf-8";
/* CSS Document */

/* Table of Content
==================================================
	#Links
	#Headings
	#Buttons
	#Lists
	#Thumbnails
	#Forms
	#Social Links
	#Tabs
	#Tables
	#Accordion
	#Call to Action
	#Icon Box
	#Blockquotes & Testimonial
	#Alerts
	#Dropcaps
	#Pricing Tables
	#Progress Bars
	#Misc
		- Rules
		- Spacers
		- Helpers
		- etc.
*/
/*
// #Links
// --------------------------------------------------
*/

html {
  overflow-x: hidden;
  overflow-y: auto;
  background: #EDEDED; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
  color: #6d6d6d;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  margin: 0;
}
header img{
	width:100%;
	object-fit: cover;
}
	
.site-wrapper {
  overflow: hidden;
  position: relative;
}
#container{
  padding:0px 0px;
}
.site-wrapper {
  margin: 0 auto;
  max-width: 1400px;
}
header{
  position: relative;
  /*background: #DDD;
  height: 90px;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#00ffffff', GradientType=0);*/
}
.top{
}
.right_top{
  text-align:right; float:right; position:relative; display:block; width:76px;
}
.right_top img{
  position:absolute; top:0; left:0; z-index:999999999999; width:76px;
}
.left_top{
  float:right;
  font-family: 'Oswald', sans-serif;
  font-size:24px;
  font-weight:300;
  line-height:30px;
  margin: 30px 20px 0 0;
  color:#444;
}
.header-linea
{
    position:relative;
    width:100%;
    height:6px;
}


.header-linea .rojo
{
    width:55%;
    height:6px;
    float:left;
    background-color:#c2151d;
}

.header-linea .gris
{
    width:12%;
    height:6px;
    float:left;
    background-color:#6d6d6a;
}

.header-linea .grisClaro
{
    width:33%;
    height:6px;
    float:left;
    background-color:#959594;
}
footer{
  background:#666;
  padding:0px 30px;
  color:#EDEDED;
  font-size:12px;
}
.content_foot{
  margin: 0 auto;
  max-width: 1400px;
}
.square_youtube{
  display:inline-block;
  background:#e1191f;
  border-radius:8px;
  width:50px; text-align:center; margin-bottom:2px;
}
.square_youtube i, .square_facebook i, .square_twitter i{
  font-size:24px;
  color:#FFF; 
  line-height:50px;
}
.square_facebook{
  display:inline-block;
  background:#22589b;
  border-radius:8px;
  width:50px; text-align:center; margin-bottom:2px;
}
.square_twitter{
  display:inline-block;
  background:#00c4ff;
  border-radius:8px;
  width:50px; text-align:center; margin-bottom:2px;
}
.sector{
  width:25%;
  padding:0px 10px 0px 32px;
  float:left;
  box-sizing:border-box;
  font-size:11px;
  height:32px;
  margin:20px 0;
}
.telefono{
  background:url(../images/ico_telefono.png) left center no-repeat;
  line-height:32px;
  font-size:18px;
}
.derechos{
  background:url(../images/ico_jne.png) left center no-repeat;
  line-height:16px;
}
.direccion{
  background:url(../images/ico_lugar.png) left center no-repeat;
  line-height:16px;
}
.redes{
  line-height:32px;
  text-align:right;
}
.redes a{
  display:inline-block;
  border-radius:50%;
  background:#EDEDED;
  width:32px;
  text-align:center;
  margin-left:5px;
}
.redes a i{
  line-height:32px;
  color:#939393;
  font-size:18px;
}
.redes a:hover i{
  color:#FFFFFF;
}
.redes a.facebook:hover{
  background:#22589b;
}
.redes a.twitter:hover{
  background:#00c4ff;
}
.redes a.youtube:hover{
  background:#e1191f;
}
.wrapper{
  /*background:#FFFFFF;*/
  padding:0px 15px 30px 15px;
  /*-moz-box-shadow:    inset  0  15px 30px -15px #CCC, 
                      inset  0 -15px 30px -15px #CCC;
  -webkit-box-shadow: inset  0  15px 30px -15px #CCC, 
                      inset  0 -15px 30px -15px #CCC;
  box-shadow:         inset  0  15px 30px -15px #CCC, 
                      inset  0 -15px 30px -15px #CCC;*/
}  
.videos{
  background:#FFFFFF;
  box-sizing:border-box;
  margin-top:10px;
  border-radius:5px;
  height:475px;
  overflow:auto;
  padding-top:10px;
}
.videos .clip {
  width:33.3%;  box-sizing:border-box;
  padding:10px; float:left;
}
.videos .clip a img{
  width:100%;
}
.videos .clip a h3{
  font-size:12px;
  font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  font-weight:normal;
  color:#141823;
  display:block;
  padding:10px 0;
  line-height:1.38;
  font-style:normal;
  margin:0px;
}
.videos .clip a:hover h3{
  color:#e1191f;

}
aside{
  width:30%;
  padding:0px 10px;
  float:left;
  box-sizing:border-box;
}
aside h3{
  font-family: 'Oswald', sans-serif;
  font-size:14px;
  color:#5b5b5b;
  font-size:14px;
  font-weight:300;
  line-height:20px;
  background:#FFFFFF;
  display:inline-block;
  padding:10px 10px 10px 0;
  letter-spacing:1px;
  text-transform:uppercase;
}
section{
  width:40%;
  padding:0px 10px;
  float:left;
  box-sizing:border-box;
}
section h2{
  font-family: 'Oswald', sans-serif;
  font-size:16px;
  color:#e1191f;
  font-weight:300;
  line-height:20px;
  padding:10px;
  text-transform:uppercase;
}
section img{
  width:100%;
  height:auto;
}
@media(max-width: 992px){
section{
  width:100%;
}
aside{
  width:50%;
  padding-top:30px;
}
.sector{
  width:50%;
}
.videos{
  height:auto;
}
}
@media (max-width: 550px) {
section{
  width:100%;
}
aside{
  width:100%;
  padding-top:30px;
}
.sector{
  width:100%;
}
.right_top{
  float:none; position:relative; display:block; width:100%; height:83px;
}
.right_top img{
  position:absolute; top:0; left:50%; z-index:999999999999; margin-left:-38px;
}
.left_top{
  float:none;
  margin: 20px 0;
  text-align:center;
}
}
.formulario{
  background:#8e8c8c;
  height:350px;
}
.formulario .content{
  padding:10px;
  text-align:center;
}
.formulario span{
  display:block;
  color:#FFFFFF;
  line-height:30px;
  padding:0 0 5px 0;
  text-align:left;
}
.input_text{
  	display: block;
  margin: 0;
  width: 100%;
  font-family: sans-serif;
  font-size: 14px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  background:#333333;
  color: #FFF;
  border: 1px solid #DDD;
  box-sizing:border-box;
  padding:7px;
}
input[type="text"] {
  display: block;
  margin: 0;
  width: 100%;
  font-family: sans-serif;
  font-size: 14px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  background:#333333;
  color: #FFF;
  border: 1px solid #DDD;
  box-sizing:border-box;
  padding:7px;
}
input[type="text"]:focus {
  outline: none;
}
.input_boton{
  font-family: 'Oswald', sans-serif;
  font-size:17px;
  color:#fff;
  font-weight:300;
  line-height:20px;
  padding:20px 10px 0 0;
  float:right;
  background:none;
  border:0px;
  letter-spacing:1px;
}
.select{ 
  display: block;
  margin: 0;
  width: 100%;
  font-family: sans-serif;
  font-size: 14px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  background:#333333;
  color: #FFF;
  border: 1px solid #DDD;
  box-sizing:border-box;
  padding:7px;
}
.select option{ background:#333333;}
.input_boton:hover{
  text-decoration:underline;
}
.left{
  float:left;
}
.right{
  float:right;
  text-align:right;
}


.clear{
  clear:both;
}
a{
  color: #F00;
  font-style:italic;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
p{ text-align:20px; font-size:13px; color:#333;}
.pagination{
  text-align:center;
  margin-top:15px;
}
.pagination a{
  background:#8e8c8c;
  font-style:normal;
  color:#FFFFFF;
  border-radius:6px;
  line-height:25px;
  padding:0px 5px;
  margin:0px 5px;
  display:inline-block;
  font-weight:bold;
}
.pagination span{
  background:#fff;
  font-style:normal;
  color:#333;
  border-radius:6px;
  line-height:25px;
  padding:0px 5px;
  margin:0px 5px;
  display:inline-block;
}
.cuadros{
  width:50%; margin:5px 0 0 0; float:left; box-sizing:border-box;
  position:relative;
}
.cuadro_text{
  position:absolute;
  padding:20px;
  bottom:20px;
  margin:0px 20px;
  background: rgba(255, 255, 255, 0.8);
  color:#333333;
}
.cuadro_text h2{
  font-family: 'Oswald', sans-serif;
  font-size:14px;
  color:#333;
  font-size:14px;
  font-weight:300;
  line-height:20px;
  display:block;
  padding:0px 10px 10px 0;
  letter-spacing:1px;
  text-transform:uppercase;
}
.cuadro_text h2 a{
  font-style:normal;
}
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}