#todo {width: 30%;}
  
@media screen and (max-width: 320px){#cab{width: 70%;}}

body{ background: url(../img/fondo-de-escritorio-champions-league.jpg);
color: antiquewhite;

}

#cab {background: url(../img/barra.jpg) left bottom repeat-x;
}

#menu1 {width: 221px; float: left;
margin: 0px; height: 178px;}

#menu1 li {list-style: none;
width: 136px;
border-bottom: 1px dotted #7f7f7f;
padding-top: 14px;
text-decoration:none;}

#menu1 li {list-style: none;
width: 136px;
border-top: 1px dotted #7f7f7f;
text-transform: uppercase;
 
padding-top: 10px;
padding-bottom: 10px;
}

#menu1 li a {width: 112px;
padding-left: 22px;
color: antiquewhite;}
#menu1 li a:hover {color: aqua;
background: url(../img/ico.png) 0 0 no-repeat;}
#menu1 li a:activo {color: aqua;
background: url(../img/ico.png) 0 0 no-repeat;}


#menu2 {width: 221px; float: right;
margin: 0px; height: 178px;
text-align: right;}

#menu2 li {list-style: none;
width: 136px;
border-bottom: 1px dotted #7f7f7f;
text-transform: uppercase;

color: antiquewhite;
padding-top: 10px;
padding-bottom: 10px;}

#menu2 li {list-style: none;
width: 136px;
border-top: 1px dotted #7f7f7f;
text-transform: uppercase;
color: antiquewhite;
padding-top: 14px;}
#menu2 li a {width: 112px;
padding-left: 22px;
color:antiquewhite;
text-decoration: underline;}
#menu2 li a:hover {color: aqua;
background: url(../img/ico.png) 0 0 no-repeat;}
#menu2 li a:activo {color: aqua;
background: url(../img/ico.png) 0 0 no-repeat;}

#clasi{background-color: white;}
.pica {color: darkcyan;}
#menu2 {float: right;
}
#menu2 li {list-style: none;}
#logo {float: center; margin-left: 80px;}
    
#todo {width: 930px;
padding:0 35px;
padding-bottom: 300px;
 margin-left: 150px;   
}

#cab {width: 930px;
height: 178px;}
#logo {width: 200px;
height: 180px;
float: left;
align-content: center;
margin-left: 97px;}

#cont_video {float: left; padding-bottom: 30px;

    background:   url(../img/barra2.jpg) left bottom repeat-x;
}
#video {width: 500px; float: left; margin-top: 22px;}
#contenido {width: 430px; float: left; color: antiquewhite;}
#contenido h1 {font-size: 36px; margin-top: 22px; color: antiquewhite;}
#contenido p {font-size: 15px; line-height: 1.4em; margin-top: 22px; }
.boton1 {float: right;}

#columas {
width: 930px; float: left; margin:20px 0;


}
#col1 {width: 215px; float: left; margin: 0 75px 0 0;
height: 400px;
 ; 

}
#col1 h1 { background: url(../img/barra.jpg) left bottom repeat-x;
}
#col2 {width: 320px; float: left; margin: 0 75px 0 0;
height: 400px; }
    #col2 h1 { background: url(../img/barra.jpg) left bottom repeat-x; }

#col3 {width: 240px; float: left; 
height: 400px; }
    #col3 h1 { background: url(../img/barra.jpg) left bottom repeat-x; }

#col1 li{list-style: url(../img/ico.png);
width: 200px; margin-top: 10px;
border-bottom: 1px dotted #7f7f7f;
    color: ##9d8e6e;}

#col3 li{list-style: url(../img/ico.png);
width: 200px; margin-top: 10px;
border-bottom: 1px dotted #7f7f7f;
    color: ##9d8e6e;}



#pie {height: 86px;
   
}

.contenedorpie {width: 930px;
padding: 0 15px;
overflow: hidden;}



#pie1 {width: 100%;
float: left;
background: #d9d9d9;
height: 39px;
}
#pie2 {width: 100%;
float: left;
background: #000;
height: 46px;
}
#menu_pie {float: left;
margin-top: 10px;
text-transform: uppercase;
font-size: 16px}
#menu_pie li
{ list-style: none; 
    float: left;
margin-right: 30px;
}
#menu_pie li a{float: left;
color: #444;
}
#menu_pie li a:hover{
color: #9d8e6e;
}
#rrss { float: right;
margin-top: 4px;

list-style: none; }
#rrss li{ float: right;
margin-top: 4px;
margin-right: 3px;}

#validation {float: left;
margin-top: 14px;
color: #777;
font-size: 13px;
margin-right: 100px; list-style: none;}
#validation li {float: left;
padding-left: 14px;
font-size: 13px;
margin-right: 20px;}

#borrar{margin-left: 230px;}

.aviso {float: left;
color: #9d8e6e; margin-top: 14px;
font: 13px arial, helvetica, sans-serif;
text-decoration: underline;}
.aviso :hover{
color: #fff; 
}
.form1{margin-left: 100px; font-size: 1.8em;}

.diseño {float:right; color: #777;
font-size: 13px;
margin-top: 14px;}
.diseño {color:#9d8e6e;}
.dorado {color:#9d8e6e;}