/* Documento CSS  */
@charset "utf-8";
/* Medios fluidos sencillos
   Nota: Los medios fluidos exigen la eliminación de los atributos de altura y anchura de los medios del código HTML
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
	height:auto !important
}
/*-------------------------------estructua de la pagina---------------------*/
body {
	background-image: url(../imagenes/bg_body.jpg);
	background-repeat: repeat-x;
	margin: 0;
}
    header, nav, footer, section, article, aside, figure, hgroup {
	margin: 0;
    display: block;
}
header {
	max-width:800px;
	width:100%;
    overflow: hidden;
}
footer {
	width:76.25%
    max-width:610px;
    padding-right:10px; padding-left:10px;
    clear: both;
}
article{
	width:87.5%
    max-width:610px;
    padding:10px;
	float:left;
}
section {
	width:76,25%
    max-width:610px;
	float: left;
	border:solid 1px #E4E4E4;
    border-radius:10px;
	background-color:#EEEEEE;
	margin:5px;
	padding:10px;
	alignment-adjust: central;
}
#toppagina{
	width:100%;
	max-width:800px;
}
#fecha{
	float:left;
    width:0.2125%;
    height:39px;
    border-bottom:solid 1px #999999;
}
#barrasup{
	float: right;
	width:78.5%;
	height: 40px;
	background-color: #ABC578;
	border-right: solid 1px #999999;
}
#contenido{
	width:100%;
	max-width:800px;
	alignment-adjust:central;
}
#textocontenido{
	float:left;
	width:78.5%;
	background-color:#F7F7F7;
	border-left:solid 1px #999999; border-right:solid 1px #999999;
	border-bottom:solid 1px #999999; border-top:dotted 1px #CCCCCC;
	min-height:250px;
}
#logo{
	float:left; width:170px; height:85px; background-color:#F7F7F7; border-left:solid 1px #999999; padding-top:5px;
	box-shadow: 5px 5px 5px #888888;
}
#titulopagina{
	position:relative; float:left; width:78.5%; height:90px; background-color:#F7F7F7; border-right:solid 1px #999999;

}
#titulo{
	position:absolute; right:3.75%; bottom:10px; width:77.5%;
}
#menu{
	float:left;
    width:170px;
    margin:0px;
	box-shadow: 5px 5px 5px #888888;}
#menuenlaces a{
	float:right;
	width:163px;
	height:20px;
	background-color:#ABC578; border-left:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF;
	font: 0.6em Verdana,Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
	padding-top:5px;
}

#menuenlaces a:hover{
	background-color:#F8CE7B;
}
#flashContent { width:100%; height:100%; }

/*-------------------------PANEL GRIS---------------------------------*/
.panel{
	border:solid 1px #E4E4E4;
	background-color:#EEEEEE;
	margin:10px;
	padding:10px;
	width:90%;
	/*height:160px;    */
}

/*-------------ESTILOS DE TEXTO------------------------------*/
.bodytext {
	font: 0.7em Verdana, Arial, sans-serif;
	color: #666666;
	padding:0.015%;
	text-align:justify;
    text-align: left;
}
.textoverde {
	font: 0.7em Verdana,Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #339900;
}
.textopequeno {
	font: 0.6em Verdana,Arial, sans-serif;
	font-size: 11px;
	color: #666666;
}
.textopequenoblanco {
	font: 0.6em Verdana,Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	padding: 12px;
}
.textopequenoblanco a{
	font: 0.6em Verdana,Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.textopequenoblanco a:hover{
	text-decoration:underline;
}
.textopequenogris {
	font: 0.6em Verdana,Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #A8A8A8;
}
.textopequenogris a{
	font: 0.6em Verdana,Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#A8A8A8;
	text-decoration:none;
}
.textopequenogris a:hover{
	text-decoration:underline;
}
.textotitulo {
	font: 0.6em Georgia,Arial, sans-serif;
	font-size:36px;
	font-weight:bold;
    font-style: italic;
	color:  #339900;
}
.textologo {
	font: 0.6em Verdana,Arial, sans-serif;
	font-size:8px;
	font-weight:bold;
	color: #990000;
}
.textologonaranja {
	font: 0.6em Verdana,Arial, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FF9900;
}
.titulonaranja {
	font: 0.7em Verdana,Arial, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#F1AC24;
}
.tituloverde {
	font: 0.7em Verdana,Arial, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#339900;
}
.boton {
	color: #FFF;
	background-color: #ABC578;
	font-weight: bold;
	padding: 5px;
	border-top-width: 1px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}
/****************************************  clases extra: contactar ****************************/

form.contactar {
	width: 390px;
	margin-top: 15px;
	margin-left: 0px;
	padding: 15px;
	background-color: ##EEEEEE;
	background-image: url(images/form_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

input.campo_contactar {
	display: block;
	width: 285px;
	border-top: 1px solid #E3E4E9;
	border-left: 1px solid #E3E4E9;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #FFF;
}

areatexto {
    display: block;
    width: 285px;
    border-top: 1px solid #E3E4E9;
    border-left: 1px solid #E3E4E9;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    margin-top: 3px;}
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
/****************************************  extras: Mobiles ****************************/
@media screen and (max-width:800px) {
	#menu{display:none;}
}