/* CSS Document */
* {
	margin: 0px;
	padding:0px;
}
html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	 /*color background - only works in IE */
	/* hide overflow:hidden from IE5/Mac */
	overflow:hidden; /*get rid of scroll bars in IE */
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	overflow:hidden; /*get rid of scroll bars in IE */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */	
	background-image:url(../images/trama_gris.png); 
	text-align: left; 
}

/* main es la capa principal que aglutina todo el contenido. Permite que tengamos scroll */
#main {
	margin-top:15px;
 	height:100%; 
	max-height:100%; 
	overflow:auto;
	background:#ffffff;
 }
 /*AKI EMPIEZA LA LINEA SUPERIOR!*/
#superior {
	padding:0px;
	list-style: none;
	background-color:#ffffff;
	height: 15px;
	border-top: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}
* html #superior{
	padding-top: 0px;
	margin-bottom: 1px;
}
#menu_sup {
	width: 600px;
	list-style: none;
	padding-left: 280px;
	padding-bottom:0px; 	
}
#menu_sup a {
	color: #8c8c8c;
	text-decoration:none; 
	text-align:left;  
	font-size:9px;
}
#menu_sup a:hover {
	color:#000000;
}
#menu_sup .activa a {
	color:#000000;
}
#menu_sup li {
	float:left; 
	padding-left:0px; 
	padding-right:2px;
	padding-bottom: 1px;
}
/*FIN DE LA LINEA SUPERIOR*/
/*AKI SE DEFINE EL CONTENIDO CENTRAL!*/

/*LA CLAVE!*/
#contenedor { 
	width:1020px; 
	margin:0;
	margin-bottom:45px;
	padding-top: 2px;
	padding-bottom: 10px;
	float:left;
	text-align:left;
	position: relative; 
	clear:both; /*MUY IMPORTANTE*/
}

* html #contenedor {
	padding-top: 15px;
	padding-bottom: 12px;

	/*height:100%; 
  	width:100%;*/
}
#left { 
	width: 225px;
	float:left;
	text-align:left;
	position: relative;
	margin-left:30px;
/*clear: right;*/
}
#right { 
	width: 725px;
	float:left;
	text-align:left;
	position: relative;
	margin-left:30px;
	color: #262626;
}

/*FIN DE LA CLAVE!*/


#cabecera { 
	margin-top:50px;
	margin-bottom:20px;
}
#menu {
	width:100px;
	color: #cc0000;
	float: left;
	font-size: 10px;
	font-family: Arial;
	font-weight:bold;
	letter-spacing: 0.1em;
}
#menu ul { 
	list-style: none;
}
#menu ul li{ 
	list-style: none;
	line-height: 23px;
}
#menu ul li a{
	text-decoration: none;
}
#menu ul li a:hover{ 
	color: #CC0000;
}
#menu ul li ul{ 
}
#menu ul li ul li{ 
	line-height: 17px;
	font-stretch: normal;
	font-weight: 100;
}
.link_menu{
    color: #000000;
}
.link_menu a:hover{
    color: #990000;
}

#submenu1 { 
	color: #cc0000;
	margin-left: 14px;
	font-weight: 200;	
}
#submenu1 li a { 
	color: #8c8c8c;
	text-decoration: none;
}
#submenu1 li a:hover {
	color: #CC0000;
	font-weight: bold;
}
#submenu1 li .activada{
	color: #CC0000;
	font-weight: bold;
}
#submenu2 { 
	color: #cc0000;
	margin-left: 14px;
	font-weight: 300;
}
#submenu2 li a { 
	color: #8c8c8c;
	text-decoration: none;
}
#submenu2 li a:hover {
	color: #CC0000;
	font-weight: bold;
}
#submenu2 li .activada{
	color: #CC0000;
	font-weight: bold;
}
.activada{
	color: #CC0000;
	font-weight: bold;
}
/*CONTENIDO DE CADA WEB! */

#titular {
	font-family: Impact;
	font-size: 95px;
	margin:0px;
	padding:0px;
	line-height:105px;
	color:#000000;
}
/*AKI SE DEFINE WEB SITE STORIES!*/

#websitestories {
	float:right;
	height:400px;
	margin-right: 0px;
	padding-left: 15px;
	border-left: 1px #CCCCCC dotted;
	font-size: 10px;;
	font: 95%/1.4 Arial, helvetica, sans-serif;
}
.nueva_ventana{
	font-size: 10px;
}
#websitestories img{
	margin:5px 0px 3px 0px;
	border:0px solid #8c8c8c;
}
#websitestories img a{
	border:0px solid #8c8c8c;
	background-color: #FFFFFF;
}
#websitestories img a:hover{
	background-color: #FFFFFF;
}

#websitestories ul li {
	background: url(../images/iconos/flecha_gris.png) no-repeat 0.4em;
	padding-left: 10px;
	margin-bottom: 5px;
}
#websitestories ul li a{
	color: #CC0000;
	padding-bottom: 1px;
	background-color: #FFFFFF;
	padding: 0.0em 0.2em 0.0em 0.2em;

}
#websitestories ul li a:hover{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC0000;
	padding: 0.0em 0.2em 0.0em 0.2em;
}
#websitestories ul {
	padding-left:0px;
	margin-left:0px;
	list-style: none;
}
/*AKI SE DEFINE EL PIE DE LA WEB!*/
#inferior {
	position:absolute;
	bottom:-1px;
	right:0px;
	display:block;
	width:100%;
	z-index:3;
	height: 45px;
	background-image:url(../images/trama_gris.png); 
}
#pie {
	position:absolute;
	bottom:45px;
	right:0px;
	display:block;
	width:100%;
	color:#8c8c8c;
	text-align: left;
	z-index:4;				
	height: 15px;
	border-top: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	background-color: #ffffff;
	padding-top: 3px;
	font-size: 9px;
	overflow: auto;
}
#firma{
	margin-left: 30px;
	list-style: none;
}
#firma li {
	float:left; 
	padding-left:0px; 
	padding-right:2px;
	padding-bottom: 1px;
}
#firma a{
    color: #990000;
    text-decoration: none;
}
#firma a:hover{
    color: #000000;
}
#direccion{
	margin-left: 280px;
	list-style: none;
}
#direccion li {
	float:left; 
	padding-left:0px; 
	padding-right:2px;
	padding-bottom: 1px;
	letter-spacing: 0.1em;
}
#pirata {
	position:absolute;
	bottom:-1px;
	left:745px;
	display:block;
	z-index:5;
}
#pirata img{
	border:0px;
}
/*FIN DEL PIE DE LA WEB!*/