@charset "utf-8";
@import url(reset.css);

#body{
background-image:url(../img/fondo.jpg);
background-repeat:repeat;
background-position: top;


}
#Todapagina{
width:100%;
}

#Centrado{
width:790px;
margin:auto;
}

/*CABECERA*/

#Cabecera{
  width: 100%;
  height: 90px;
}

#Logo{
  width: 345px;
  height: 90px;
  float: left;
}

#TextoCabecera{
  width: 400px;
  height: 90px;
  float: left;
}

#TextoCabeceraGrande{
width:350px;
text-align:left;
  padding: 5px;
  margin: 20px;
  height: 50px;
  font:Verdana, Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
}

#TextoCabeceraGrande a:link{
text-decoration:none;
color:#ffeda4;
}

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

#TextoCabeceraGrande a:visited{
text-decoration:none;
color:#ffeda4;
}

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



/*CONTENIDO*/
#Contenido{
width:100%;
}

#Menu{
width:100%;
text-align:center;
height:60px;
margin:0px;
padding:0px;
position:relative;
}

#Menu ul{
margin:0px;

}

#Menu li{
margin:4px;
top:20px;
position:relative;
list-style:none;
display:inline;

}

.BotonMenuCat{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
background-color:#ffeda4;
border: 3px solid #000000 ;
padding:10px;
display:inline;



}

.BotonMenuCat a:link{
  text-decoration: none;
  color:#000;
}

.BotonMenuCat a:hover{
  text-decoration: none;
  color:
  #cea500;
}

.BotonMenuCat a:visited{
  text-decoration: none;
  color:
  #000;
}

.BotonMenuCat a:visited:hover{
text-decoration:none;
color:
#cea500;

}

#Panel{

width:100%;

}

/*IMAGENES INTERACTIVOS-MOTIONGRAPHICS*/


.FotoTextoContenedor{
width:400px;
text-align:center;
padding:5px;
background-color:#ffeda4;
margin-left:329px;
margin-bottom:20px;
border: solid;

}

.FotoTextoTitular{
background:#ffcc00;
border:solid #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
font-weight:solid;
padding: 5px;
margin-top:10px;
margin-bottom:15px;
width:auto;

}

.FotoTextoBloqueImagen{
margin: 10px;
text-align: left;
text-align:center;
}

.FotoTextoContenedorImagenes{
padding:5px;
background-color:#ffeda4;
width:auto;
}

.FotoTextoTexto{
background-color:#ffeda4;
width:380px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-bottom:15px;
text-align:left;
padding:9px;
}

.FotoTextoPie{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
font-weight:bold;
color:#000;
margin-top:10px;
}

.FotoTextoPie img{
margin-bottom:10px;
}

.FotoTextoPie a:link{
text-decoration:none;
color:#0000FF;
}

.FotoTextoPie a:hover{
text-decoration:none;
color:#FF0099;
}

.FotoTextoPie a:visited{
text-decoration:none;
color:#0000FF;
}

.FotoTextoPie a:visited:hover{
text-decoration:none;
color:#FF0099;
}

/*FORMULARIO*/

#Formulario{
width:100%;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
}

#Formulario UL{
text-align:left;
}

#Formulario LI{
display:block;
list-style:none;
}

#FormularioContenedor{
margin-left:300px;
width:440px;
background:#ffeda4;
margin-top:10px;
border:solid;

}

.FormularioCampoTexto{
margin-bottom:5px;
margin-top:5px;

}

.FormularioComentario{
width:370px;
font-size:14px;
text-align:left;
margin-top:10px;
margin-bottom:10px;
}

.FormularioComentario a:link{
color:#cea500;
text-decoration:none;
font-size:15px;
font-weight:bold;
}

.FormularioComentario a:hover{
color:#ffcc00;
text-decoration:none;
font-size:15px;
font-weight:bold;
}

.FormularioComentario a:visited{
color:#cea500;
text-decoration:none;
font-size:15px;
font-weight:bold;
}

.FormularioComentario a:visited:hover{
color:#FFcc00;
text-decoration:none;
font-size:15px;
font-weight:bold;
}

input{
height:20px;
width:350px;
}

textarea{
height:40px;
width:350px;
}

.FormularioBoton{
font-size:14px;
color:#FFFFFF;
font-weight:bold;
display:inline;
cursor: pointer;
padding:2px;
background:#cea500;
width:180px;
height:30px;
margin-right:5px;
}

.FormularioBoton:hover{
color:#fff;
background:#ffcc00;
}


/*PIE*/
#Pie{
height:20px;
width:100%;
background:#ffeda4;
text-align:center;
color:#000;
padding:3px;
margin-top:50px;
margin-bottom:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#Pie a:link{
color:#000;
text-decoration:none;
}

#Pie a:hover{
color:#cea500;
text-decoration:none;
}

#Pie a:visited{
color:#000;
text-decoration:none;
}

#Pie a:visited:hover{
color:#cea500;
text-decoration:none;
}