*, body{margin: 0;padding: 0;}
body{
    font-family: "Tw Cen MT";
}
.wrap{width: 100%;}
.topbar{
	height: 25px;
	background: url("img/topbg.png");
}
.logo img{height: 90px; margin-left: 30px;}
.logo{float: left;}
.menu {float: left; padding:0px 20px; font-size: 20px;
}
.menu ul, .menu li{
    list-style-type: none;
    margin: 0;
    padding: 0px;
    overflow: hidden;
}
.menu li {
    float: left;
}
.menu li a {
    color: #000;
	text-transform: uppercase;
    display: inline-block;
    text-align: center;
    padding: 35px 26px;
    text-decoration: none;
}
.menu li a:hover {
    color: green;
}
.sep {
    background: url("img/menusep.png"); float: left; 
     width: 7px; height: 80px; top: 0px; padding: 0; margin: 0;
}
.intro{background: url("img/mainimg.jpg");width: 100%; height: 800px;
  background-size:100%; margin-top: 90px;
}
.fb, .logointro{ padding: 10px;}
.home{margin-top: -10px;}
.introb{background: url("img/q-somosbg.jpg");width: 100%; height: 720px;
  background-size:100%; margin-top: 90px;}
.qsomos{width: 50%; float: left;}
.qsomos h2, .qsomos p{color: #fff;}
.qsomos h2{font-size: 40px; padding: .5em 1.5em;}
.qsomos p{font-size: 20px;  padding: .2em 1.5em;}
hr{color: white; border: 2px solid; }
.iconsinf{height: 460px;}
.ibox{width: 24%; float: left; color: #000;}
.ibox p{font-size: 15px;  padding: .2em 1.5em;}
.ibgreen{border-left: solid 5px #3B7557; height: 450px;}
.iborange{border-left: solid 5px #DE561B; height: 450px;}
.ibpurple{border-left: solid 5px #203A51; height: 450px;}
.purple{color: #203A51;}
.orange{color: #DE561B;}
.green{color: #3B7557;}
.infquote{background: url("img/qsomosbg2.jpg");width: 100%; height: 750px; color: #fff; text-transform: uppercase;
  background-size:100%; margin-top: 90px;}
  .infquote h1{font-weight: 300; font-size: 50px;}
.pbox{position: absolute; left: 45%; float: left; margin-top: 200px;}
.till{margin-top: 300px;}
.pbox h3{text-transform: uppercase;letter-spacing: 3px; font-size: 40px;}
.pbox p{font-size: 30px;}
.pimg{float: left;
}
.clear{clear: both;}
.ordena{background: url("img/ordena.jpg");width: 100%; height: 650px;
  background-size:100%; margin-top: 90px;  color: #fff;}
.ordena p{width: 550px;}
.leftt{padding-left: 100px;}
.top{margin-top: 250px;}
@media (min-width: 320px) and (max-width: 780px)  {
  .intro{background: url("img/mainimg.jpg") no-repeat;width: 100%; height: 200px;
  background-size:100%; margin-top:90px;
}

}