body { font-family:arial; font-size:14px; line-height:normal; padding-top:170px; }
input, textarea { font-family:arial; }
h1, h2, h3, h4, h5, h6 { text-transform:uppercase; margin:15px 0; }
h1, h2 { font-size:32px; }
h3, h4 { font-size:19px; }

/*hidden*/

.hidden .navbar .brand { position:absolute; margin-top:0px; 
  -webkit-box-shadow: 0 15px 25px -10px rgba(0, 0, 0, .5);
     -moz-box-shadow: 0 15px 25px -10px rgba(0, 0, 0, .5);
          box-shadow: 0 15px 25px -10px rgba(0, 0, 0, .5);

	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.2s; 
}
.hidden .navbar #menuprimario { clear:right; margin-top:54px;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s; 
}
.hidden header {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s; 
}

@media only screen and (min-width:900px) and (max-width:991px) {
.navbar .brand { position:absolute; margin-top:0px!important;
  -webkit-box-shadow: 0 15px 25px -10px rgba(0, 0, 0, .5);
     -moz-box-shadow: 0 15px 25px -10px rgba(0, 0, 0, .5);
          box-shadow: 0 15px 25px -10px rgba(0, 0, 0, .5);
}
#menuprimario { margin-top:54px!important; }
body { padding-top:80px!important; }
.carousel .item { height:580px!important; }
section#nosotros { background-position: center -900px!important; background-attachment:scroll!important; }
}


/*titulos*/


/*header*/
header  { background: url(img/layout/header.png) center top repeat-x #fff; 
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s; 
  -webkit-box-shadow: 0 11px 40px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: 0 11px 40px rgba(0, 0, 0, 0.75);
          box-shadow: 0 11px 40px rgba(0, 0, 0, 0.75);
}
header .container { position:relative; }

.share { position:absolute; right:0; top:25px;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s; 
}

.navbar .brand { background: url(img/layout/logo.png) center center no-repeat #fff; width:163px; height:131px; padding:10px; margin-top:20px; margin-bottom:0px; margin-left:20px;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s; 
}
.navbar .nav > li > a { color: #2e2e2e; } 

/*titulos*/
.page-header { border-bottom:0; text-align:center; color:#111; }
.page-header { font-size:16px; }


/*menuprimario*/
#menuprimario { clear:right; font-size:12.3px; margin-top:135px;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s; 
}
#menuprimario .nav { margin-right:0; }
#menuprimario .nav > li > a { text-shadow:none; text-transform:uppercase; padding:0; margin-left:30px; border-bottom:6px solid; }
#menuprimario .nav > li > a:focus, #menuprimario .nav > li > a:hover {  color: #000;   text-decoration: none;   background-color: transparent; border-bottom:6px solid #000; }
#menuprimario .nav > li > a.naranja { border-color:#f57b20; }
#menuprimario .nav > li > a.verde { border-color:#c1d72e; }
#menuprimario .nav > li > a.cyan { border-color:#009ddc; }
#menuprimario .nav > li > a.azul { border-color:#0066a4; }
#menuprimario .nav > li > a.morado { border-color:#2c3289; }

	
/*carousel*/
.carousel { margin-bottom:0; background:#000;  }
.carousel-inner { margin-bottom:0; }
.carousel .item { height: 905px;
}
.carousel .pleca { 
	/*position: absolute; top: 0; left: 50%; margin-left:-925px; max-width: none;*/
	position: absolute; top: 0; left: 0; margin-left:0px; max-width: 100%;
}


.carousel-caption { position: absolute; width:600px; left:0; margin:0 auto; text-align:center; bottom:auto; top:68%; padding:0px 40px 0; background:url(img/layout/arrow-down.png) center bottom no-repeat; font-size:16px; }
.carousel-caption h4 { font-size:32px; text-transform:uppercase; line-height: normal; color:#009ddc; margin:0 0 10px 0;  }

.carousel-control { border:0; line-height:normal; opacity: 1; filter: alpha(opacity=100); background-color:transparent; left:0; right:940px; margin:0 auto; font-size:12px; height:145px; top:30%;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
.carousel-control.right { right:0; left:940px; }
.carousel-control:hover { opacity: .5; filter: alpha(opacity=50); }

.carousel-indicators { top:64%;  margin:0 auto; left:0; right:0; text-align:center; }
.carousel-indicators li { float:none; display:inline-block; vertical-align:middle; background:#fff; border:1px solid #fff; cursor:pointer;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.carousel-indicators li.active { border:2px solid #fff; background:none; width:8px; height:8px; }




/*footer*/
footer { padding: 0; color:#fff; }
footer h6, .direccion { color:#cb6019; font-size:13px; text-transform:uppercase; margin:0; }
footer ul { margin-left:0; }
footer li { list-style-type:none; }
footer li a { color:#fff; font-size:12px; font-weight:normal;  }
footer a { color:#fff; font-size:12px; font-weight:bold;  }
footer a:hover { color:#cb6019; text-decoration:none; }
footer .divider { border-bottom:1px solid #333; margin-top:15px; margin-bottom:15px; }
footer .container { position:relative; }
footer .vicom { position:absolute; right:0; }

.legales { background:#2c3289; font-size:12px; padding:30px 0; min-height:200px; }
.legales .container { position:relative; }


.masinfo { font-size:20px; color:#fff; background:url(img/layout/masinfo.png);  padding:12px 15%; text-align:center; margin-top:20px; display:inline-block; }
.masinfo:after { content:">"; margin-left:10px; color:#c1d72e; }
.masinfo:hover { background: none #c1d72e; color:#fff; text-decoration:none; }
.masinfo:hover:after { color:#777; }

#nosotros2, #servicios2, #productos2, #sucursales2, #contacto2, #top2, #aliados2  { position:absolute; margin-top:-70px; }



section#nosotros { color:#fff; background:url(img/home/bg-nosotros.jpg) fixed center top no-repeat #cbcbcb;  background-attachment:fixed; background-clip:border-box; }
section#nosotros .container { background:url(img/home/nosotros.png) left bottom no-repeat; min-height:760px; padding:40px 0;  }
section#nosotros p { margin:0 0 20px 0; }
section#nosotros h1, section#nosotros h2, section#nosotros h3, section#nosotros h4 { color:#f57b20; }

section#productos { color:#fff; background:url(img/home/bg-productos.jpg) fixed center top no-repeat #413e39;  background-attachment:fixed; background-clip:border-box;padding:40px 0; text-align:center; }
section#productos .container {  }
section#productos h1, section#productos h2, section#productos h3, section#productos h4 { color:#c1d72e; }
section#productos h3 { font-size:18px; line-height:normal; }
section#productos h4 { font-size:18px; }
section#productos .texto { text-align:justify; }
section#productos .box { width:220px; height:220px; margin:0 auto;}
section#productos [class*="span"] { min-height:505px; }


section#aliados { color:#252525; background:none #fff; padding:40px 0; text-align:center; }
section#aliados h2 { color:#009ddc;  }
section#aliados h4 { background-color:#fff; margin-top:25px; min-height:50px; }
section#aliados h4 span { font-weight:bold; color:#F57B20; font-size:70px; position:absolute; margin-left:-40px; margin-top:0px;  }
section#aliados .caption { text-align:justify; padding:0 40px 0 50px; }
section#aliados [class*="span"] { margin-bottom:40px; }
section#aliados [class*="span"] ul { text-align:left; margin-left:22px; }
section#aliados [class*="span"] li { list-style-type:none; background:url(img/layout/bullet.png) 0 7px no-repeat; padding-left:15px; }

section#servicios { color:#252525; background:none #fff; padding:40px 0; text-align:center; }
section#servicios h2 { color:#009ddc;  }
section#servicios h4 { background-color:#fff; margin-top:25px; }
section#servicios .caption { text-align:justify; }
section#servicios [class*="span"] { margin-bottom:40px; min-height:410px;  }

section#servicios .box img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.3s; 
}

section#servicios .box:hover img { z-index:10;
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.4s; 
}


section#sucursales { color:#fff; background:url(img/home/bg-sucursales.jpg) fixed center top repeat-y; text-align:center; padding:40px 0;  }
section#sucursales p { margin:0 0 20px 0; color:#fff; }
section#sucursales h1, section#sucursales h2, section#sucursales h3, section#sucursales h4 { color:#45c3d3; }


section#contacto { color:#fff; background:url(img/home/bg-contacto.png) center top no-repeat; text-align:center; padding:60px 0; min-height:685px; }
section#contacto .content { background:url(img/layout/negro80.png); color:#fff; padding:10px 30px;  }
section#contacto .page-header { margin:0; padding:0; }
section#contacto h2 { color:#b9e4ec;  }
section#contacto .masinfo { padding-left:10px; padding-right:10px; background-image:none; }
section#contacto .masinfo:after { color:#b9e4ec; }
section#contacto .masinfo:hover { background: none #b9e4ec; }
section#contacto .masinfo:hover:after { color:#555; }






.formulario_aboutyou_inputs {
    background: none repeat scroll 0 0 #F7F7F7;
    border-top: 4px solid #D34D4D;
    float: left;
    height: auto;
    min-height: 200px;
    padding-bottom: 30px;
    padding-top: 30px;
    position: relative;
    width: 100%;
}
.formulario_aboutyou_input {
    float: left;
    font-size: 16px;
    height: 50px!important;
    line-height: 50px;
    padding-left: 5px;
    position: relative;
    text-transform: uppercase;
    width: 300px;
}

.formulario_aboutyou_textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    font-size: 16px;
    height: 200px;
    max-height: 100px;
    max-width: 300px;
    min-height: 100px;
    min-width: 300px;
    padding-left: 5px;
    padding-top: 5px;
    position: relative;
    text-transform: uppercase;
    width: 300px;
}