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

#body{

}
#Todapagina{
width:100%;
background:#fff;
margin:auto;
}

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

/*CABECERA*/

#Cabecera{
  width: 100%;
  height: 110px;
  margin-top:10px;
  text-align:left;
  border-bottom:solid #77b800; 
}

#Logo{
  width: 300px;
  height: 90px;
  float:left;

}

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

#TextoCabeceraGrande{
  height: 50px;
  width:490px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
  text-align:center;
  margin-top:28px;
  margin-left:10px;
}

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

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

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

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



/*CONTENIDO*/
#Contenido{
width:800px;
}

#Menu{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
width:100%;
background:#FFF;
height:30px;
text-align:center;
margin-top:50px;
}

#Menu ul{
padding:5px;
width:100%;
text-align:center;
}

#Menu li{
display:inline;
margin-top:5px;
width:100%;
text-align:center;
}

.BotonMenuCat{
display:inline;
margin:5px;
font: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
color:#000000;
}

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

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

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

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

#Panel{
width:100%;
color:#000;
background-color:#fff;
text-align:center;
}

/*IMAGENES INTERACTIVOS-MOTIONGRAPHICS*/


.FotoTextoContenedor{
float:left;
font-family:Arial, Helvetica, sans-serif;
margin-left:8px;

margin-top:10px;
}

.FotoTextoTitular{
background:#77b800;
width:auto;
color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
font-weight:bold;
padding: 5px;
margin-top:30px;
margin-bottom:15px;
}

.FotoTextoContenedorImagenes{
border:solid;
border-style:solid;
border-color:#000000;
}

.FotoTextoTexto{
margin-left:210px;
margin-right:210px;
width:380px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
line-height:20px;
}

.FotoTextoTexto a:link{
color:#000000;
font-weight:bold;}

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

.FotoTextoTexto a:visited{
color:#000000;
text-decoration:none;
font-weight:bold;
}

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



.FotoTextoPie{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
height:auto;
font-weight:bold;
line-height:20px;
width:auto;
color:#FFF;
background-color:#000000;
}

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

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

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

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

/*FORMULARIO*/

#Formulario{
background-color:#77b800;
height:340px;
width:800px;
text-align:right;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
min-height:370px;
}

.FormularioCampoTexto{
float:left;
display:block;
padding:5px;
text-align:left;
}

.FormularioComentario{
padding:20px;
float:left;
display:block;
text-decoration:none;
margin-bottom:20px;
}

.FormularioComentario a:link{
color:#fff;
text-decoration:none;
font-weight:bold;
}

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

}

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

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

}

.FormularioAreaTexto{
float:left;
display:block;
text-align:left;
}

.EtiquetaFormularioComent a:visited{
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}

#FormularioComentario_7{
width:530px;
margin-left:185px;
}

input{
width:400px;
font-size:14px;
margin-top:5px;
}

textarea{
width:400px;
height:80px;
margin-top:5px;

}



.FormularioBoton{
cursor:pointer;
background-color:#000000;
color:#FFFFFF;
margin-top:10px;
margin-right:82px;
width:135px;
height:25px;
font-weight:bold;
}

.FormularioBoton a:link{
color:#00FF33;
}

.FormularioBoton a:hover{
color:#FF0099;
}
.FormularioBoton a:visited{
color:#FFFFFF;
}

.FormularioBoton a:visited:hover{
color:#FF0099;}

/*PIE*/
#Pie{
float:left;
height:20px;
width:100%;
background:#77B800;
text-align:center;
color:#FFF;
margin-top:20px;
margin-bottom:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
}

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

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

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

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