/*---tipografiaS-----*/
@import url(http://fonts.googleapis.com/css?family=Quicksand:400,700|Lobster|Roboto+Condensed:700italic,400,700|Patua+One&subset=latin,latin-ext);

/*------font-family: 'Quicksand', sans-serif;
font-family: 'Lobster', cursive;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Patua One', cursive;
font-family: 'Crete Round', serif;
font-family: 'Bree Serif', serif;
font-family: 'Karla', sans-serif;----*/

body {margin-top:20px}

header{ background-color:#b1aeae;
        width:710px;
        margin:auto;
        padding-bottom:10px;
        padding-top:5px;
        margin-top:10px;
        margin-bottom:10px;}

main {  font-family: 'Quicksand', sans-serif;
        background-color:#c5cfd8;
        text-align:center;
        margin-top:0px;
        width:750px;
        margin:auto;}


h1 {text-align:center;
    font-family: 'Patua One', cursive;}
h2 {font-family: 'Patua One', cursive;
    margin:20px;
    text-align:center;
    color:#0f6238 }
h3 {text-align:center;
    font-family: 'Patua One', cursive;}
h4 {font-family: 'Roboto Condensed', sans-serif;
    margin:20px;
    text-align:center;
    color:#000 }

.cajaimg{width:140px;
         text-align:left;
         padding:0px;
image:url(http://www.diazcortez.com.ar/jt32/1/berneri.png);
    margin-top:0px;
    margin-left:100px;
    margin-right:80px;
    float:right;
z-index: 9999;
position:relative;}

#caja{height: 100px;
    width: 500px;
   margin-left:60px;
    margin-top: 110px;
    background-color:#6ed3a8;    
    float:left; 
    position:absolute;
z-index:1;}






#botonera {font-family: 'Karla', sans-serif;
    background-color:#1ab2b2;
        width:px;
        height:50px;
        padding-left: 45px;
        padding-top:15px;
        margin-top:20px;
        margin-left: 0px ;}

a{text-decoration: none;
  color:#fff;}

a:hover{background-color: #fff; /*---color del fondito-----*/
        text-decoration: none;
        color: #0093ff;/*---trnsicion del color de la letra---*/
        width:20px;}

.boton1 {background-color:#565357;
    display:inline-block;
    padding-left:20px;
    padding-bottom:8px;
    padding-top:8px;
    float:left;
    width: 70px;}
.boton2 {background-color:#565357;
    display:inline-block;
    margin-left:10px;
    padding-left:20px;
    padding-bottom:8px;
    padding-top:8px;
    float:left;
    width: 70px;}
.boton3 {background-color:#565357;
    display:inline-block;
    margin-left:10px;
    padding-left:30px;
    padding-bottom:8px;
    padding-top:8px;
    float:left;
    width: 70px;}
.boton4 {background-color:#565357;
    display:inline-block;
    margin-left:10px;
    padding-left:17px;
    padding-bottom:8px;
    padding-top:8px;
    float:left;
    width: 80px;}
.boton5 {background-color:#565357;
    display:inline-block;
    margin-left:10px;
    padding-left:20px;
    padding-bottom:8px;
    padding-top:8px;
    float:left;
    width: 70px;}
.boton6 {background-color:#565357;
    display:inline-block;
    margin-left:10px;
    padding-left:15px;
    padding-bottom:8px;
    padding-top:8px;
    float:left;
    width: 70px;}


#texto { align:center;
         width:700px;
         height:500px;
         padding: 5px;
         margin:auto;
         background:#374e4a;}
/*------p{color:#fff;
  background:#5555d8;
  margin: none;
  padding:50px;}

<link href="estilos.css" rel="stylesheet" type="text/css"/>-----*/