/*
	Generales
	*/

html {height:100%;}

body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.8em;color:#666666;margin:0;padding:0;
height:100%;
background: url(design/bg.gif) repeat-x;
}


#wrap {
min-height:100%;
width:790px;
margin:auto;
position:relative;
}
* html #wrap {height:100%} 

#inner-wrap {
padding-bottom:80px;
}
#inner-wrap:after {
content:" ";
display:block;
clear:both;
}

.clr {clear: both;}
.hide {position:absolute;left:-99999px;top:-99999px;display:none;font-size:0%;}

a,a:link,a:visited {color:#0000FF;text-decoration:none;}
a:hover{text-decoration:none;color:#999999;}

h2 {margin:0;padding:0;}

h2 {font-weight:900;font-size:100%;}
h3 {font-size:140%;color:#E86E1C;}
h4 {background-color:#33CCFF; font-size:100%;}
/*
	Encabezado
	*/

#header {
position:absolute;left:0px; top:0px;
padding:0;margin:0px 0px 0 0;float:left;
width: 790px !important; width: 790px;
height: 215px !important; height: 215px;
background: url(design/header.gif) no-repeat top right;
}

#flash {
position:absolute;left:110px; top:66px;
list-style:none;list-style-type:none;
padding:0;margin:0px 0px 0 0;float:left;
width: 577px !important; width: 577px;
height: 135px !important; height: 135px;
}


/*
	Men principal
	*/

#main-menu ul {
list-style:none;
padding:2px 0 0 115px;margin:0;
position: absolute; left: 0px; top: 215px;
width:675px !important; width:675px;
height:22px !important; height:22px;
background:  url(design/barra.gif) no-repeat;
}

#main-menu ul li {
float:left;font-weight:900;
list-style-type:none;
padding:0;margin:0;text-align:left;
}
#main-menu ul li a,#main-menu ul li a:visited {
display:block;color:#333333;
}
#main-menu ul li a:hover {
color:#666666;
}


/*
	Menutop
    */

ul#menutop {background:#ffffff;list-style:none;float:left;width:80px;height:23px;margin:0;padding:0;}
ul#menutop li {float:left;font-size:0%;}
ul#menutop li#m1 {width:23px;height:23px;background: url(design/home.gif);margin:0 0 0 20px;}
ul#menutop li#m2 {width:23px;height:23px;background: url(design/mail.gif);margin:0 0 0 14px}
#menutop li a {display:block;width:21px;height:14px;margin:0 0 0 2px;color:#ffffff;}

/*
	Menu de areas
	*/

#areas-menu ul {
position:absolute; width:349px; height:56px; z-index:0; left: 312px; top: 239px;
list-style:none;list-style-type:none;font-weight:700;
margin:0;float:right;
width:349px!important; width:349px;
height:79px!important; height:79px;
background:  url(design/areas-bg.gif) no-repeat ;
}

#areas-menu ul li {list-style-type:none;text-align:center;line-height:0.9em;}

#areas-menu a, #areas-menu a:link {color:#CCC;}
#areas-menu a:hover {color:#FFF;}

#areas-menu ul li#area1 {
position:absolute; left:23px; top:6px;
width:67px !important; width:67px;
}
#areas-menu ul li#area2 {
position:absolute; left:127px; top:17px;
width:67px !important; width:67px;
}
#areas-menu ul li#area3 {
position:absolute; left:245px; top:5px;
width:67px !important; width:67px;
}


/*
	Sidebar
	*/

#sidebar {
position:absolute;top:239px;
width:105px; height:100%;min-height:250px;
text-align:left;padding:5px 0 0 10px;
}

#sidebar p {
font-weight:900;
color:#000000;
}

#barra-vertical {
position:absolute;left:115px; top:285px;
width: 11px !important; width: 11px;
height: 471px !important; height: 471px;
background: url(design/barra-vertical.gif) no-repeat top right;
}


/*
	Contenido general
	*/

#contenido {
position:absolute;left:145px;top:352px;float:right;
width:496px; height:400px;
padding: 0 20px 0 0;
}

#contenido p {
margin:10px 0 10px 0;
text-align:justify;
}

#contenido img {
float:right;
margin:10px 0 10px 10px;
border:none;
}



#barra-vertical2 {
position:absolute;left:675px; top:285px;
width: 11px !important; width: 11px;
height: 471px !important; height: 471px;
background: url(design/barra-vertical.gif) no-repeat top right;
}

#imagenes {
position:absolute;left:493px; top:346px;
width: 175px!important; width: 170px;
height: 360px !important; height: 360px;
margin:0;
}
#imagenes img {
margin:20px 0 0 0;

}


/*
	Formulario de Contacto
	*/

label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

input,textarea {
	border: dashed #E86E1C 1px;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

label#info2 {
	width: 305px;
}

input#info {
	width: 20px;
}

textarea {
	text-align: left;
	width: 145px;
	padding-right: 20px;
}

br {
	clear: left;
}


/*
	Pie de pagina
	*/
	
#footer {
position:absolute;left:0px; top:800px;
padding:3px 0 0 5px;margin:0px 0px 0 0;float:left;
width: 785px !important; width: 785px;
height: 30px !important; height: 30px;
background: url(design/footer.gif);
font-size:80%;
}

#footer2 {
position:absolute;left:0px; top:1950px;
padding:3px 0 0 5px;margin:0px 0px 0 0;float:left;
width: 785px !important; width: 785px;
height: 30px !important; height: 30px;
background: url(design/footer.gif);
font-size:80%;
}

#footer3 {
position:absolute;left:0px; top:1150px;
padding:3px 0 0 5px;margin:0px 0px 0 0;float:left;
width: 785px !important; width: 785px;
height: 30px !important; height: 30px;
background: url(design/footer.gif);
font-size:80%;
}

#footer4 {
position:absolute;left:0px; top:1500px;
padding:3px 0 0 5px;margin:0px 0px 0 0;float:left;
width: 785px !important; width: 785px;
height: 30px !important; height: 30px;
background: url(design/footer.gif);
font-size:80%;
}

#footer5 {
position:absolute;left:0px; top:1600px;
padding:3px 0 0 5px;margin:0px 0px 0 0;float:left;
width: 785px !important; width: 785px;
height: 30px !important; height: 30px;
background: url(design/footer.gif);
font-size:80%;
}

#footer6 {
position:absolute;left:0px; top:2300px;
padding:3px 0 0 5px;margin:0px 0px 0 0;float:left;
width: 785px !important; width: 785px;
height: 30px !important; height: 30px;
background: url(design/footer.gif);
font-size:80%;
}

#footer7 {
position:absolute;left:0px; top:2200px;
padding:3px 0 0 5px;margin:0px 0px 0 0;float:left;
width: 785px !important; width: 785px;
height: 30px !important; height: 30px;
background: url(design/footer.gif);
font-size:80%;
}

#footer8 {
position:absolute;left:0px; top:4850px;
padding:3px 0 0 5px;margin:0px 0px 0 0;float:left;
width: 785px !important; width: 785px;
height: 30px !important; height: 30px;
background: url(design/footer.gif);
font-size:80%;
}

#footer9 {
position:absolute;left:0px; top:3650px;
padding:3px 0 0 5px;margin:0px 0px 0 0;float:left;
width: 785px !important; width: 785px;
height: 30px !important; height: 30px;
background: url(design/footer.gif);
font-size:80%;
}