@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); } 
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
  line-height: 20px;
}


body {
  /*background: url(images/greenleaves.jpg) no-repeat right bottom;*/
  font-family: 'Arial', sans-serif; 
  color:#333;
  background:#aeaeae;

}
h1{
  color:#1c517b;
  font-size: 21px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 35px;
}
h2{
  color:black;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 10px;
  font-weight: bold;
}
h3{
  color:#0F5F15;
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
a {text-decoration: none; color:inherit; font-weight: bold;}
a:hover {text-decoration: none;color:inherit}

strong{text-align: justify; 
     font-family: 'Arial, Helvetica', sans-serif;
     color: #00b40f;
    font-size: 15px;
    font-weight: bold;}
/*===================*/
/*=== Main Styles ===*/
/*===================*/

.background-cuerpo{
  background:white;
  
  margin: 0 auto;
  width:1000px;
  /*height: 1100px;*/
  /*box-shadow: 2px 2px 10px #888888;*/

}
ul{padding-left: 30px;color:#333;}
  .socials{
   padding-left: 820px;
    margin: 0 auto;
    width: 140px;


   
    }

.slogan{
    
     margin-top: -80px; 
     font-size: 30px;
      line-height: 40px;
      font-family: 'Yanone Kaffeesatz', sans-serif;
      color:#faf52f;
      text-align: right;
      margin-right: 20px;
            }

.niveles{
    font-size: 20px;
  line-height: 23px;
  font-family: 'ABeeZee' Helvetica, sans-serif;
  color: #000;
  text-align: center;
  line-height: 30px;
}
  .niveles{
        margin-top: -170px;
        color:#fff;
        }

.grados{
  font-size: 15px;
  margin-bottom: -15px;
  color:#810c12;
}

.infogrados{
  font-size:13px; 
}

.gradostitulos{
border-bottom: 2px solid orange;
margin-bottom: 10px;
}

.phone {
  font-size: 27px;
  line-height: 33px;
  font-family: 'Arial', sans-serif;
  color: #0F5F15;
  text-align: right;
  padding: 15px;
  margin-top: 20px;
  margin-bottom: 36px;
  float: right;
  width: 45%;
}

.logo {
   float: left;
   width: 45%;
   padding: 10px;
}

  
    .contenidos{
    margin: 0 auto;
    width: 930px;
    min-height: 460px;  
    margin-bottom: 10px;
    background-color: #fff;
    margin-top: 20px;
    

    }

    .titulos-info{
     font-size: 18px;
      font-family:'ABeeZee', Helvetica, sans-serif;
      padding-bottom: 10px;
      color:#FFD700;
      line-height: 33px;

    }

        .titulos-info-contact{
     font-size: 20px;
      font-family: 'ABeeZee', Helvetica, sans-serif;
      color:#000;
      line-height: 33px;
    }

    .titulos2{
     

    }

.titulopie{
  color:#0094bf;
  font-family:'Arial';
  font-size:18;
}
.coberturas{
  margin-left: 15px;

}
.shadow{
  margin-top: -150px;
  margin-bottom: -150px;
}
.cont1 {
  width: 950px;
  display: inline-block;
  vertical-align: top;
  margin: 10px;
  font-size: 14px;
  background: white;
  border: 1px solid #ebebeb;
  padding: 15px;
  margin-bottom: 20px;
}
.cont1 ul{
  list-style-type: none;
  padding-left: 0px;
}
.cont1 li{
  margin-bottom: 16px;
  margin-top: 16px;
  width: 155px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

.producto {
width: 450px;
display: inline-block;
text-align: center;
font-size: 20px;
font-weight: bold;
  margin-top:35px;
}

.porque {
  background-size: 20px;
}

#porque1 {
  background: url("images/mejor-precio.png");
  background-repeat: no-repeat;
  background-size: 60px;
  height: 60px;
  padding-top: 100px;
  background-position-x: 52px;
}
#porque2 {
  background: url("images/disponibilidad.png");
  background-repeat: no-repeat;
  background-size: 60px;
  height: 60px;
  padding-top: 100px;
  background-position-x: 52px;
}
#porque3 {
  background: url("images/envio-icono.jpg");
  background-repeat: no-repeat;
  background-size: 110px;
  height: 60px;
  padding-top: 100px;
  background-position-x: 12px;
}
#porque4 {
  background: url("images/calidad.jpg");
  background-repeat: no-repeat;
  background-size: 94px;
  height: 60px;
  padding-top: 100px;
  background-position-x: 26px;
}
#porque5 {
  background: url("images/personalizacion.png");
  background-repeat: no-repeat;
  background-size: 110px;
  height: 60px;
  padding-top: 100px;
  background-position-x: 19px;
}
#porque6 {
  background: url("images/competitivo.png");
  background-repeat: no-repeat;
  background-size: 94px;
  height: 60px;
  padding-top: 100px;
  background-position-x: 37px;
}


  .titulobeneficios{
    background:rgb(173, 173, 173);
    width:114%;
    margin-left: -15px;
    padding-top: 10px;
    margin-top: -15px;
    padding-bottom: 2px;
  }
  .titulobeneficios h2{
    color:white;
  }

.cont3 {
  width: 273px;
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  line-height: 25px;
  padding: 13px;
  background-color: #09295F;
  color: #fff;
  border-left: 1px solid white;
}

.segundaparte{
  width:79px;
}

    .cont2{
    width: 38%;
    display: inline-block;
    vertical-align: top;
    text-align: justify;
    color: #7e7e7c;
    font-size: 14px;
    margin-right: 10px;
    margin-left: 15px;
    padding-right: 20px;
}
.cont2 h2{
  background:#323232;
  padding: 5px;
  color:white;
}

.cont2 ul li{
  line-height: 30px;
}
 .cuadro{
  height:120px;
  width:120px;
  margin-bottom: 20px;
 }

.casita{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
}
.panelessolares{
  width: 75%;
    display: inline-block;
    vertical-align: top;
    text-align: justify;
    margin-left: 20px;
}
.soliciteinfo{
  width: 100%;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 25px;
    margin-top: 5px;
    font-family: 'Open Sans', sans-serif;
}

  	.pie{
  	margin: 0 auto;
  	width: 100%;
  	height: 20px;	
  	padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Arial, Helvetica', sans-serif;
   font-size: 12px;
   line-height: 20px;
  color: #333344;
  text-align: left;
  background-color: #EFF0F2;
  text-align: center;
  	}

.pie-info {
  display: inline-block;
  width: 410px;
  vertical-align: middle;
  text-align: right;
  font-weight: bold;
}


  hr{
    border: 1px solid rgba(0,0,0,.2);
  }


  .contact-form{width: 100%; margin-top:1px;}
.titulos{background: url("../images/linea.gif") repeat-x scroll 0 bottom transparent;
    letter-spacing: -1px;
    font-size: 20px;
  color:#83bf3b;
  font-family: 'ABeeZee', Helvetica, sans-serif;
  font-weight: bold;
}
.clear{clear:both;}
#nombre{
	width:100px;}
.nombre{}
.pais{}
.tel{}
.nombre-input{font-family: 'Arial, Helvetica', sans-serif;}
.tel-input{font-family: 'Arial, Helvetica', sans-serif;}
.correo{}
.empresa{}
.correo-input{font-family: 'Arial, Helvetica', sans-serif;}
.empresa-input{font-family: 'Arial, Helvetica', sans-serif;}
.comentarios{ font-family: 'Arial, Helvetica', sans-serif;}
.textarea-contac{height: 81px; margin-top: 5px;font-family: 'Arial, Helvetica', sans-serif;}
.enviar{
  background-color: #234B8B;
  color: #fff;
  display: inline-block;
  border: none;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 20px;
  margin-top: 5px;
  text-decoration: none;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  font-family: 'Arial, Helvetica', sans-serif;
  float: right;
}
.enviar:hover{
    color: #fff;
    background-color: rgba(0,0,0,1);
    transition: all 0.5s ease 0s;
    font-family: 'Arial, Helvetica', sans-serif; 
    border-radius: 5px;
}
.bodega{
  margin-top:15px;
  margin-bottom:20px;
  margin-right:10px;
  margin-left:10px;
}
.formularioinfo{
  color:#fff;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
.nivoSlider{}

#slider-wrapper { 
   width: 700px;
    height: 365px;  
    margin-bottom: 30px !important;
    float: left;
}

#slider {
  position:relative;
    width: 700px;
    height: 365px;  
    margin-bottom: 30px;
  background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}
#slider a {
  border:0;
  display:block;
}

.nivo-controlNav {
  position:absolute;
  left: 593px;
  bottom: 5px;
}
.nivo-controlNav a {
  display:block;
  width:22px;
  height:22px;
  background:url(images/bullets.png) no-repeat;
  text-indent:-9999px;
  border:0;
  margin-right:3px;
  float:left;
}
.nivo-controlNav a.active {
  background-position:0 -22px;
}

.nivo-directionNav a {
  display:block;
  width:30px;
  height:30px;
  background:url(images/arrows.png) no-repeat;
  text-indent:-9999px;
  border:0;
}
a.nivo-nextNav {
  background-position:-30px 0;
  right:15px;
}
a.nivo-prevNav {
  left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
.intro{
  text-align: justify;

}
.titulo-cuadro{
  border-radius: 5px;
  color:#fff;
  background-color: #000;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-family: 'ABeeZee';
  font-size: 20px;
}

.paneles{
  font-size:18px;
  color:#fff;
  background-color: #83bf3b;
  margin-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    padding-top: 20px;
   
}

.panelazul{
  font-size:18px;
  color:#fff;
  background-color: #26418a;
  margin-right: 20px;
   
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    padding-top: 20px;
    
}

.alignleft {
  float: left;
  padding-left: 20px;
  color:#333344;
}
.alignright {
  float: right;
  padding-right: 20px;
  color:#333344;
  text-align: right;
}

.pie a{
  color:#fff;
}
.pie a:hover{
  color:#000;
}