@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,300i,400,400i,700,700i,900'); 

body{ background-image:url(../img/img-body-png.png); background-attachment:fixed; font-family: 'Titillium Web', sans-serif;}

header h1{background:#FFF; padding: 1%; margin: 0 ; width:210px; height:40px; display:block; float:left; }


section{background:#FFF; width:840px; height:123px; margin:0 auto; margin-top:-30px; display:block; position:relative }
.yo{padding: 2%; display:inline-block; float:inherit;}
h2{display:block;  position:relative; top:-115px; left:110px; }
h5{display:block; position:relative; top:-130px; left:110px; }

.propuesta{background-color:#007dc4; display:block; margin:auto; text-align:center; max-height:4%; -webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.75);}
.propuesta p{font-size:1em; display:block; padding-top:2.5%; margin-bottom:10px;}
.propuesta a{color:#FFF; list-style-type:none; text-decoration:none; font-size: 1.8em; display:block; font-weight:700;  }


footer{background-color:#000; text-align:center; margin:0 auto; margin-top:20px; width:820px;  display:block; padding:10px}
footer p{color:#FFF; font-size:12px;}

.frase{margin:0 auto; margin-top:20px;}


.ul{ text-align:center}


nav{background:#007dc4; margin: 0 auto; width:630px; height:40px; display:block; float: right; width:100%; max-width:613px; padding-top:7px; padding-bottom:9px; }
nav ul li{list-style-type:none; display:inline-block; font-family:'Titillium Web', sans-serif;}
nav ul li a{ color:#FFF; text-decoration:none; margin-right:10px; 
-webkit-transition: color 2s ease-out;
  -moz-transition: color 2s ease-out;
  -o-transition: color 2s ease-out;
  transition: color 2s ease-out;}
nav ul li a:hover{color:#154646; }
.botonyo{ background-color:#FFF; padding:5px; padding-top:23px; padding-bottom:18px; color:#007dc4;}
.botonyo a{font-family:'Titillium Web', sans serif, 700;}


main{background:#FFF; width:840px; margin:0 auto; margin-top:15px;}
main h3{padding:2%; padding-bottom:0.2%;}


 /* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
	width: 838px;
	margin:0 auto;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #007dc4;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
	width: 840px;
} 



/* slider */


.center{ margin:auto; width:840px}