*{
font-family:Arial, sans-serif;
font-size:12px;}

html, body{
width:100%;
height:100%;
margin:0px;
background:#202020;
}

.container{
display:block;
position:relative;
width:1022px;
height:672px;
margin:0px auto;
padding:0px;
background:#ccc;
overflow:hidden;
border-bottom:solid #333 1px;
border-left:solid #333 1px;
border-right:solid #333 1px;

     -moz-box-shadow: 0px 0px 15px #000;
     -webkit-box-shadow: 0px 0px 15px #000;
     box-shadow: 0px 0px 15px #000;

  /*   border-bottom-right-radius: 10px;
     -moz-border-radius-bottomright:10px;
     -webkit-border-bottom-right-radius: 10px;
     
          border-bottom-left-radius: 10px;
     -moz-border-radius-bottomleft:10px;
     -webkit-border-bottom-left-radius: 10px;
*/

}


.multiContentContainer{
display:block;
position:relative;
width:1022px;
height:606px;
margin:0px auto;
padding:0px;
background:#efefef;
overflow:hidden;
}



ul.multiContent{
position:absolute;
list-style:none;
padding:0px;
background:#efefef;
margin:0px;
top:0px;}

ul.multiContent li.monoContent{
display:block;
position:relative;
width:1022px;
height:672px;
background:#efefef;

}


contacto{
display:block;
position:relative;
width:1022px;
height:250px;
margin:0px auto;
padding:0px;
background:#000;
}

footer{
text-align:center;
padding:4px;
font-size:10px;
color:#666;
background:#000;
border-top:1px solid #333;
height:16px;
}

footer a{
display:inline-block;
margin-left:10px;
color:#666;
font-size:10px;
}

/* -----   MENU ------ */


ul.mainMenu{
display:block;
width:180px;
height:auto;
padding:25px 0px 20px 0px;
background:rgba(0, 0, 0,0.5);
top:50px;
left:-220px;
position:absolute;
z-index:99;
list-style:none;
overflow:hidden;

   border-top-right-radius: 10px;
     -moz-border-radius-topright:10px;
     -webkit-border-top-right-radius: 10px;

 border-bottom-right-radius: 10px;
     -moz-border-radius-bottomright:10px;
     -webkit-border-bottom-right-radius: 10px;


}

ul.mainMenu li{
display:block;
width:100%;

}

ul.mainMenu li a{
display:block;
color:#fff;
padding:3px 0px 3px 15px;}


ul.mainMenu li a:hover{
cursor:pointer;
background:#000;
}

a#menuSliderOut{
display:block;
position:absolute;
width:12px;
height:12px;
top:5px;
left:160px;
border:1px solid #fff;
color:#fff;
text-align:center;
padding:0px;
font-size:10px;}

a#menuSliderOut:hover{
background:#000;
cursor:pointer;}


a#menuSliderIn{
display:block;
position:absolute;;
width:76px;
height:46px;
color:#fff;
font-size:12px;
text-decoration:none;
text-align: center;
padding-top:30px;
z-index:100;
top:30px;
left:130px;
border:none;
border-radius:38px;
-webkit-border-radius:38px;
 -moz-border-radius: 38px;
-ms-border-radius: 38px;

background:#ccc;
-webkit-appearance: none; /*-------- QUITA ESTILO EN IOS-----*/
}

a#menuSliderIn:hover{
background:#333;
cursor:pointer;
}




.logoHead{
display:block;
float:left;
position:relative;
margin:5px 20px 0px 10px;

}

.logoHead:hover{
cursor:pointer;}