﻿/*
Este es el fichero CSS original del sitio web, que hemos copiado para poder
mantener el mismo estilo en nuestras páginas.
*/

@charset "utf-8";
/* CSS Document */

*{
margin:0px;
padding:0px;
}
/* ------------------------------
HTML Redefine Tags
------------------------------ */
body{
	font:normal 500 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:0 auto; background:#E54800;}
.limpia{clear:both;}

input, form, textarea
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:26px; font-weight:900;}
h2{font-size:16px; color:#999999;}
h3{font-size:13px; font-weight:900; border-bottom:solid 1px #ED8000; padding:4px 0; margin-bottom:7px;}

.main_title{padding:0; display:block; text-decoration:none; font-color:#000000;}
a.main_title:hover{text-decoration:none; color:#FFF;}

p.text{font-size:9pt; letter-spacing:1px; font-weight:500; padding-top: 5px;}
p.italic{font-style:italic;}
p.bold{font-weight:800;}
a.menu{font-weight:900;}
a:link, a:visited{color:#000000;}
a:hover{text-decoration:none;}

ul{list-style:none; font-size:9pt; letter-spacing:1px; font-weight:500}

/*los titulos de la columna drcha*/
.title_second{
background-color:#ed8000;
font-size:8pt;
text-transform:uppercase;
padding:7px 3px 7px 8px;
letter-spacing:2px;
margin: 0px 0px 0px 0px;
}
.title_tree{
background-color:#000000;
font-size:7pt;
padding:7px 3px 7px 8px;
color:#999999;
letter-spacing:1px;
margin: 0px 0px 0px 0px;
}



/* ------------------------------
INDEX STRUCTURE
------------------------------ */

/* #container has an absolute width (803 pixel) */
#content{width:797px; height: auto; margin: 0px auto 50px auto; border: 3px groove #fad290; background-color:#ecd6af;}
 #header{
	width:800px;
	height:237px;
	position:fixed;
	top:0;
	z-index: 10;
 	
}
   #topbar{width:auto; display:block; height: 208px; background-image: url(../imagenes/head.gif);
	background-repeat:no-repeat;}
		#logo{width:196px; height: 208px; float:left; margin:0; padding:0;}
		#logo2{margin:0; padding:0px; padding-right:10px; width:550px; height: 204px; display:block; position:relative; right:-56px; float:left;}
			#bartop{text-align:right; padding-right: 17px; margin-bottom:20px; height:20%}
			#bardinamic{position:relative; right: -47px; height:108px; width:440px; margin-right:49px;}
			#comp1{width:120px; float:right; margin:10px; border:2px solid #fad290;}
			#comp2{width:120px; float:right; margin:10px; border:2px solid #fad290;}
			#comp3{width:120px; float:right; margin:10px; border:2px solid #fad290;}
			#barbottom{width:auto; clear:both; padding-right:8px;text-align:center; height:30px; position:relative; top:0px; }


	#navbar{clear:both; width:797px; display:block; height:25px; background-color:#fad290; border-bottom:3px dashed #CC6600;}
#navbar a{heigth:28px; padding:0 23px; display:inline;}

#main{width:797px; height:auto; position:relative; top:233px; padding:1px 0; background-color:#ecd6af;}
 	#left_column{width:200px; margin-right:15px; float:left; border:1px solid #ed8000;}
	#main_column{width:410px; margin-right:15px; float:left;}
	#right_column{width:148px; height:633px; float:right; background-color:#87887F; border: 3px dashed #CC6600; word-wrap: break-word;}
div.spacer{clear:both; height:8px; display:block;}

#footer{width:auto; display:block; padding:7px 2px; margin-bottom:2px; font-size:11px; color:#666666;}
/*---------------------------------
INFORMATION
--------------------------------*/

#left_information{width:170px; margin:0; float:left; border: 1px dashed #CC6600; word-wrap: break-word; }
#main_information{width:560px; float:left; margin: 0 10px;}

ul.menu_left{
list-style:none; 
margin:0; padding:0;
}
ul.menu_left li{border-bottom:1px solid #7c7c7c;  background:#f4f4f4; padding:5px; text-decoration:none;}
ul.menu_left li a {padding:5px 5px 2px 5px; display:block; text-decoration:none; color:#000000;}
ul.menu_left li a:link{padding:5px 5px 2px 5px; display:block; text-decoration:none; color:#000000;}
ul.menu_left li a:hover{padding:5px 5px 2px 5px; display:block; text-decoration:none; color:#7c7c7c; moz-border-radius:5px 5px 5px;
-webkit-border-radius: 10px 10px 10px; background:#ecd6af;}
ul.menu_left li a:visited{padding:5px 5px 2px 5px; display:block; text-decoration:none; color:blue;}

div.float_left{float:left; width:227px; margin:15px 15px 0px 0; padding:0}
div.float_right{float:right; width:227px; margin:15px 0 0px 15px; padding:0;}

div.title_left{float:left; width:185px; padding:0; margin: 0;}
div.title_right{float:right; width:185px; padding:0; margin: 0;}

div.title_left2{float:left; width:227px; padding:0; margin: 0;}
div.title_right2{float:right; width:227px; padding:0; margin: 0;}
div.spacer_titles{clear:both; height:3px; display:block;}


.img_right{
padding-left: 6px;
margin:3px 0;
float:right;
width:180px;
}

.img_left{
padding: 0 6px 0px 0px;
margin:5px 0;
float:left;
width:180px;
}

