/*2creativo - CSS versión 2.1 válido! 
* @style		Estilos standard
* @media		screen
* @version		1.0
* @author		abeldb - 2creativo
* @copyright	2creativo.net
* @date			nov. 2008
* @update		oct. 2009
*/


body {
  font-size: 62.5%; /* 2em x 10px	= 20px */
/*  font-size: x-small; /* 2em x 10px	= 20px */
  font-family: Verdana, Helvetica, Arial, sans-serif;
}


/* --- VARIOS  ------------------------------------------------------- */
img {border:none; vertical-align:middle;}
.no {display:none}
.borde { border:1px solid #CC0000} .borden { border:1px solid #000} .bordeg { border:1px solid #999999}
.borded { border:2px dotted #FF0000}
.bordednadal { border:2px dotted #FF0000; margin: 15px 0 0 0; height:502px; width:502px;}
.bordednadala { border:2px dotted #FF0000; margin: 15px; padding: 10px; }
.b {font-weight:bold; }
.cur {font-style:italic; }
.r {float: right; font-size:0.8em; text-align:right; }
.r p {line-height: 1.3em;}
.l {float: left;}
.c {text-align:center;}
.red {color:#CC0000;}
.clear {clear:both;}
.clearon {clear:both; margin-bottom: 2em; }
.carg {background:transparent url("web_files/files_img/loading.gif") center center no-repeat; }
.pad {padding: 1.2em;}
.fot {background:transparent url("web_files/files_img/loading.gif") center center no-repeat; float: left; border:1px solid #ccc;  }
	.nuevos {position: relative; width:775px; height: 200px; top:0; }
	.nuevo { background-color: #FFF; color:#000;  margin: 0px 15px; padding: 1px 8px; 
	text-align:center; position: absolute; right: 0px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  
	font-size: 1.6em; font-weight: bold; 
	border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; 	}
	.nuevo a {font-weight: bold; }
.data { font-size: 1.3em; /*font-family: Georgia, "Times New Roman", Times, serif; */ margin: 0 0 10px 0; padding:0 0 0 0; }
.tachar{text-decoration: line-through;}
.d {float:right; text-align:right;}
.i {float:left; text-align:left; }
em {font-style:italic}

.caja {border:1px solid #cc0000; padding: 1em 0 0 1em; float:right; width: 35em;  margin: 0 1.5em 1.5em 1.5em }
.caja p {font-size: 0.9em; padding-top: 0.3em  }


.toggle {background:#e9e9e9; padding: 5px;}

abbr, acronym, .help { border-bottom: 1px dotted #333333; cursor: help; padding-bottom:2px;}
#menu acronym {font-weight:bold}

a {outline: none; /* white-space:nowrap; */}
a:active, a:focus{	outline:none;}

p a:link, ul a:link , ol a:link			{text-decoration:none; color:#CC0000;}
p a:visited, ul a:visited, ol a:visited {text-decoration:none; color:#CC0000;}
p a:hover, ul a:hover, ol a:hover		{text-decoration: underline; color:#CC0000; }
p a:active, ul a:active, ol a:active 	{text-decoration:none; color:#000;}




#content .xternal {
		background: transparent url("web_files/files_img/extlink_img.gif") right 3px no-repeat ;
		margin: 0 0 0 2px; height: 12px; width: 12px; cursor: pointer; padding: 0 0 2px 12px; }
#content .xternal:hover {
		background: transparent url("web_files/files_img/extlink_img_.gif") right 3px no-repeat ;
		margin: 0 0 0 2px; height: 12px; width: 12px; cursor: pointer; padding: 0 0 2px 12px; }		
.extlink {}		
#footer .xternal {background: none; margin: 0 ; cursor: auto; padding: 0; }	


/* --- PRINCIPALES  ------------------------------------------------------- */

#content h1, #content h2, #content h3, #content h4 {padding: 0.2em 0 0.5em 0; }
#contentbreu h2, #contentbreu h3 {padding: 0.2em 0 0.5em 0; }

h1 {font-size: 3.2em; 	/* 2em x 10 	= 20px */}
h2 {font-size: 3.5em; color:#CC0000; font-weight:bold; clear:both; 
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; 
	padding:0; height:25px; margin-bottom: 10px;  }
h3 {font-size: 2.8em; color: #222; clear:both; margin-top: 1.4em; padding:0;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; 
	/*height: 18px; */ margin-bottom: 0px; }
h4 {font-size: 2.2em; color:#777; clear:both; margin-top: 1.2em;}

p, #content ul,  #content ol, #content dd {line-height: 1.6em; font-size: 1.3em; margin: 0 0 1.2em 0; 	/* 1.4em x 10 	= 14px */}

.mini {font-size: 75%; margin: 0 0 3em 0;   /* 1.3em x 10 	= 13px */}
.minim {font-size: 1.3em; margin: 0 0 3em 0;   /* 1.2em x 10 	= 12px */}
.minimax {font-size: 1.1em;   /* 1em x 10 	= 10px */}
.minimo {font-size: 0.9em; }


h2 a { text-decoration:none; color:#CC0000; font-weight:bold; clear:both;   }
h2 a:hover { text-decoration:underline;  }

h3 a { text-decoration:none; color: #444;   }
h3 a:hover { text-decoration:none; color:#CC0000;  }

h4 a { text-decoration:none; color:  #666; line-height: normal;  }
h4 a:hover { text-decoration:none; color:#CC0000;  }


#novedades h3 	{border-top:2px solid #666; /* margin: 0em 0 0em 0; */}
#prensa h3 		{border-top:2px solid #666; margin: 2em 0 0em 0; clear:both;}
#mapaweb h3 	{border-top:2px solid #666; margin: 3em 0 0em 0;}



#content ol {margin: 1em 3em;  /* margin: -0.8em 0 1.2em 1em; */ list-style-type:decimal-leading-zero; /*  list-style-type:decimal;  */ } 
#content ol li {margin: 0.5em 0; /* font-weight:bold; */ /* margin: 0.6em 0; padding: 0 0 0 1em; */ }

#content dt {font-size: 2.3em; color:#333; clear:both; margin: 1.2em 0 0 2.2em; font-weight:bold; text-indent: -2em;
 }
#content dt a { text-decoration:none; color: #CC0000; line-height: normal;  }
#content dt a:hover { text-decoration:none; color:#CC0000;  }

#content dd {padding: 0.5em; font-size: 1em; margin-left : 4.5em;
}



#content ul { margin: -0.8em 0 1.2em 1em; } 
#content ul li {list-style-type: none; background: transparent url("web_files/files_img/lista.gif") 0 3px no-repeat;   
				margin: 0.6em 0; padding: 0 0 0 1em; }
				
#content ul li li {list-style-type: none; background: transparent url("web_files/files_img/lista.gif") 0 3px no-repeat;   }
#content ul li ul {font-size: 1em; margin: 0em 0 0em 1em; } 

#content ul.nol li {list-style-type: none; background: none; margin:0; padding: 0;   }

#content ul.clientes li {list-style-type: none; background: transparent url("web_files/files_img/lista_2creativo_.jpg") 0 8px no-repeat;   
				margin: 0.2em 0; padding: 0 0 0 1.6em; list-style-position:outside;  }

#content ul .n {font-weight:bold; line-height: 180%;  }

#content ul.premio li {list-style-type: none; background: transparent url("web_files/files_img/lista_premio.jpg") 0 4px no-repeat;   
				margin: 1.2em 0; padding: 0 0 0 1.3em; list-style-position:outside;  }

#content ul.premios  {margin: 2em 0 2em 0; font-size: 105%}
#content ul.premios li {list-style-type: none; background: transparent url("web_files/files_img/lista_premio.jpg") 0 3px no-repeat;   
				margin: 1em 0; padding: 0 0 0 2em;   }
				
#content ul.compras  {margin: 0em 0 2em 0; font-size: 105%}
#content ul.compras li {list-style-type: none; background: transparent url("web_files/files_img/lista_compra.jpg") 0 3px no-repeat;   
				margin: 1em 0; padding: 0 0 0 2em;   }				

#content ul.proyectos {text-align:left; display:block; list-style-type: none; margin:0; padding:0; /* border:1px solid #009966; background:#999999; */}
#content ul.proyectos li {background: none; display:inline; margin: 0 2px 0 0; padding:0; }
#content ul.proyectos li  img{border:1px solid #e8e8e8;}

#content ul.icons li { margin: 0.3em 0em 0.4em 0em; display:inline} 

#content ul.asociaciones li{ margin: -0.8em 0 4em 1em; }

.columnas{width: 750px; /* border:1px solid #FF0000;*/  }
	
.colsa {float: left; width: 345px; 	margin-left:0px;
	padding:0px 5px 0 0; text-align: justify; }	

.colsb {float: right; width: 345px; margin-left:0px;
	padding:0px 0 0 5px; text-align: justify;  }
	
	
#columnas{width: 750px;  }
.cols {float: left; width: 180px; 	margin-left:3px; padding:0px; border: 1px solid #ccc; }	
.cols p {padding: 0 8px 0 15px;}

#content #columnas ul {margin: 0 0; padding: 0 0 0 0;  }
#content #columnas ul li a {font-weight:bold; font-size:1.1em; letter-spacing: 0em; }

.listadestaca li a {font-weight:bold; font-size:1.1em; letter-spacing: 0em; }	


UL.col {
	padding:4px 0; float:left; 	margin:15px 0px;
	width: 100%; list-style-type:none;	}
UL.col LI {
	display:inline; float:left;	width: 30%;  /* border: 1px solid #ccc;  */
	padding: 2px; 	}


UL.col2 {
	padding:4px 0; float:left; 	margin:15px 0px;  /* border: 1px solid #c00;*/
	width: 100%; list-style-type:none;	}
UL.col2 LI {
	display:inline; float:left;	width: 47%;  /* border: 1px solid #ccc;   */
	padding: 2px;  }
	

#content UL.colpremis  {
	padding:0px 0; float:left; 	margin:0px 0px;  /*  border: 1px solid #c00; */
	width: 100%; list-style-type:none;	
	}
#content UL.colpremis LI {
	display:inline; float:left;	width: 45%;  /* border: 1px solid #ccc;  */
	list-style-type: none; background: transparent url("web_files/files_img/lista_premio.jpg") 0 3px no-repeat;   
	margin: 0.2em 1em 0 0; padding: 0 0em 0 1.6em; list-style-position:outside;   
	height:5.5em; }




/*/ */ 


.pcols2 {
	float: left;
	width: 375px; /* 750/2 = 375 = 2 columnas ;) */
	margin-left:0px; padding:0px 5px; text-align: justify; border:#666666 1px solid }	
.pcols3 {
	float: left;
	width: 250px; /* 750/3 = 250 = 3 columnas ;) */
	margin-left:0px; padding:0px; }



#backtop { 
    width:25px; height:25px; 
    display:block;
    position:fixed;
    bottom:50%;
    right:5px;
    outline:0 none;
	background:url(web_files/files_img/top_1.gif) no-repeat 0 0; }
#backtop:hover { background:url(web_files/files_img/top_2.gif) no-repeat 0 0; }

#backtop span, #backbottom span {display:none;}

#backbottom { 
    width:25px; height:25px; 
    display:block;
    position:fixed;
    top:50%;
    right:5px;
    outline:0 none;
	background:url(web_files/files_img/top_bot1.gif) no-repeat 0 0; }
#backbottom:hover { background:url(web_files/files_img/top_bot2.gif) no-repeat 0 0; }

 
/*
div#preloaded-images {
   position: absolute;   overflow: hidden;
   left: -9999px;    top: -9999px;
   height: 1px;   width: 1px;}
*/


iframe { width:750px; height:500px; border: none; overflow:hidden; margin: 0; border: 1px solid #ccc; }




/* --- ESTRUCTURA  ------------------------------------------------------- */

html {height: 100%;}
body {height: 100%; border-top: 4px solid #CC0000; }
#header {height: 95px; background:#fff; 							/* border:1px solid #FF6600	*/	}
#headerintro {height: 55px; }
#box {	position: relative; 
		min-height: 95%; 
		margin: 0 0 0 180px; 
		padding: 0 0 0 5px; 
		background:#FFFFFF; 
		z-index:10;		/* border:1px solid #3399CC;*/ }
* html #box { height: 94%;  }
#content {padding-bottom: 8em; min-width:775px; width:775px; /* border:1px solid #99CC00; */ }
#contentbreu {padding-bottom: 0em; min-width:775px; width:775px; /* border:1px solid #99CC00; */ }



#footer {position: relative; margin: 0px 0 0 185px; height:25px; color: #666666; 
		font-size:0.7em; z-index:50; background:#FFFFFF; clear:both; display:block;  /*border:1px solid #FF3300;	*/	} 
#footer a {color: #666666}
#footer a:hover {color:#CC0000;}
#footer .arriba {padding: 0 1em 1.5em 4em; background: url(web_files/files_img/lista_up.jpg) right -3px no-repeat; color:#cc0000; }
#footer .arriba a {color:#CC0000}



.clearerfiles {
	clear: both; display: block;
	margin-bottom: -1px;
	font-size: 0.1em;	line-height: 1px; background:#FFFFFF;
	/* border:1px solid #3333CC; */
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(web_files/files_img/pestan_1.gif);
       background-image: url(web_files/files_img/pestan_2.gif);
       background-image: url(web_files/files_img/pestan_3.gif);
       background-image: url(web_files/files_img/pestan_4.gif);
       background-image: url(web_files/files_img/pestana_1.gif);
	   background-image: url(web_files/files_img/pestana_2.gif);	   
       background-image: url(web_files/files_img/pestana_3.gif);
       background-image: url(web_files/files_img/pestana_4.gif);
	   background-image: url(web_files/files_img/top_bot2.gif);
	   background-image: url(web_files/files_img/top_bot1.gif);
	   background-image: url(web_files/files_img/top_2.gif);
	   background-image: url(web_files/files_img/top_1.gif);
}


#logo {
margin:0; padding: 0; top:10px; left:10px; 
display:block; width:auto; height:auto; 
background:#fff; z-index:3; color:#000; 
/* border:1px solid #000066; */}
#logo a:hover {background:none}

.rotate {padding:0px 0px 0px 0px; margin: 10px 0 0 0; height:180px; width: 160px; z-index:1;
		background:url("web_files/rotate/rotate.php") top center no-repeat;  }

.rotateca {padding:0px 0px 0px 0px; margin: 10px 0 0 0; height:180px; width: 160px; z-index:1; 
		background:url("web_files/rotate_ca/rotate.php") top center no-repeat; }

.rotateen {padding:0px 0px 0px 0px; margin: 10px 0 0 0; height:180px; width: 160px; z-index:1;
		background:url("web_files/rotate_en/rotate.php") top center no-repeat; }


#dir {
margin:0 0 0 10px; 
padding:0; bottom:10px; left:10px; display:block; width:145px; 
font-family: Verdana, Arial, Helvetica, sans-serif; background:#fff; line-height: 1em;
z-index:7; color:#000; font-size:0.9em; /* border:1px solid #000066; */ }
#dir .just { text-align: justify; line-height: 135%; }
#dir p:first-line {font-weight:bold; font-size:1em; line-height: 180%; }
#dir a {color:#000000}
#dir a:hover {color:#CC0000; }

#logo, #dir { position:absolute;}

html>body #logo, html>body #dir { position:fixed;} 


 
#intro {width: 650px; clear:both; display:block;} 

#photoholdernadal {
background:transparent url("web_files/files_img/loading.gif") center center no-repeat; 
width:433px; height:433px; overflow:hidden; position:relative;
padding:0; margin:0; }

#photoholder {
background:transparent url("web_files/files_img/loading.gif") center center no-repeat; 
width:650px; height:433px; overflow:hidden; position:relative;
padding:0; margin:0; border:0px solid #ccc }

#photoholderequipo {
background:transparent url("web_files/files_img/loading.gif") center center no-repeat; 
width:750px; height:200px; overflow:hidden; position:relative;
padding:0; margin:0; border:0px solid #ccc }


#proyectos {  margin: 0px; width: 775px; 
display:block; clear:both; background:#FFFFFF; 
/* z-index: 1 */
  }

.nav1 {width:775px;
display:block; clear:both; height: 25px; border-top:1px solid #999;  }

.nav1 p, .nav2 p {width:45%; }

.nav1 p a:hover, .nav2 p a:hover {text-decoration: none; color:#000; }
.nav1 p a:active, .nav2 p a:active {text-decoration: none; color: #999999; }
  
.nav2 {width:775px; display:block; clear:both; height: 15px; border-bottom:1px solid #ccc; margin: 1em 0 3em 0;  }  

.nav2 p { font-size:95%;  }

  
  
  
.info {
background:#fff;display:block; clear:both; 
padding:0px 10px 5px 10px; margin:0 30px; width:700px;
  }
  
.noscript {padding: 0 0 0 40px;}
.noscript p { font-size: 0.7em; }
 






/* --- MENU ------------------------------------------------------- */

#menu {
	border-top: 4px solid #CC0000;
	position:absolute;
	left: 0px;
	top: -5px;
	float:left;
	width:auto; 
	padding:0 10px 1.75em 0em;
	margin:0 0 0 0px;
	list-style:none;
	line-height:1.5em; 
	font-size: 1.25em;
	display:inline;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



#menu LI {
	float:left;
	margin:0;
	padding:0;
}

#menu a, #menu a:link {
background: url(web_files/files_img/pestana_4.gif) center -7px no-repeat;
font-weight: bold; 
color: #e8e8e8;
text-decoration: none;
width: 100px;
height: 40px;
padding: 0px 0px 0px 0px;
margin: 0 7px 0 0;
display: block; 
text-align:center;
/* border:#333333 1px solid; */
}

#menu a span {/*text-decoration:underline; */font-weight:bold; border-bottom: 1px solid #CCC;}

#menu UL a:hover {
background: url(web_files/files_img/pestana_3.gif) center -7px no-repeat;
padding:0;
color:#000;
 }

#menu li a#here1, #menu li a#here1:link {
color: #CC0000;
cursor: default;
 }
 
#menu UL a:active {color: #660000; }
 
#menu li a#here1, #menu li a#here1:link {
padding: 4px  0 0px 0px;
background: url(web_files/files_img/pestana_1.gif) center -2px no-repeat;
}

#menu li a#here1:hover, #menu li a#here1:visited,
#menu li a#here0:hover, #menu li a#here0:visited {color:#000000}

#menu li a#here0, #menu li a#here0:link {
color: #CC0000;
padding: 4px  0 0px 0px;
background: url(web_files/files_img/pestana_3.gif) center -2px no-repeat;
}





/* --- Sub MENU ------------------------------------------------------- */

#menu UL UL {
	position:absolute;  
	text-align:center;
	left:0.9em; 
	top:3em; 
	float:left; 
	background:transparent;
	color:#CC0000;
	margin:0;
	padding:0.25em 0em 0em 0em;
	list-style:none;
	/* border: 1px solid #3366CC;  */
}

#menu ul .rm {right:0.9em; left:auto; }


/*
#menu UL UL li a {} 
.rss { background:transparent url(web_files/files_img/rss_2.gif) right 0 no-repeat; }
*/

#menu UL UL a, #menu UL UL a:link {
background: url(web_files/files_img/pestan_4.gif) center 0px no-repeat;
font-weight: bold;
color: #e8e8e8;
text-decoration: none;
width: 74px;
height: 37px;
padding: 4px  0 0px 0px;
margin: 5px 10px 0 0;
display: block; 
text-align:center;
font-size: 0.8em; /* border:1px solid #666666; */
}

#menu UL UL a:hover {
background: url(web_files/files_img/pestan_3.gif) center 0px no-repeat;
padding: 4px  0 0px 0px;
color:#000;
 }

#menu UL UL li a#hera1, #menu UL UL li a#hera1:link {
color: #CC0000;
cursor: default;
padding: 4px  0 0px 0px; }

#menu UL UL a:active {color: #660000; }

#menu UL UL li a#hera1, #menu UL UL li a#hera1:link {
background: url(web_files/files_img/pestan_1.gif) center 0px no-repeat;
}

#menu UL UL li a#hera1:hover, #menu UL UL li a#hera1:visited,
#menu UL UL li a#hera0:hover, #menu UL UL li a#hera0:visited  {color: #000;}

#menu UL UL li a#hera0, #menu UL UL li a#hera0:link {
color: #CC0000;
padding: 4px  0 0px 0px;
background: url(web_files/files_img/pestan_3.gif) center 0px no-repeat; 
}





/*--- Menu idioma  ------------------------------------------------------- */
#menulang {
	/* border-top: 4px solid #CC0000; */
 position: absolute;
 right: 0px;
 top: 0px;
 float:right;
 margin: 0 0px 0 15px;
 padding: 0 0 0 0px;
 list-style:none;
/*	line-height:1.5em;  */
/*	font-size: 1em; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#menulang a, #menulang a:link {
display: block; font-size:1em; 
text-align:center;
text-decoration:none;
margin: 5px 0px 5px 8px;
color:#e8e8e8; 
font-weight:bold;
border-top: 1px solid #CC0000;
border-left: 1px solid #CC0000;
border-bottom: 1px solid #CC0000;
padding: 3px 0px 5px 0px ;
background:#cc0000;
}


#menulang li a#heres, #menulang li a#heres:link, #menulang a#heres:visited {
 background:#fff; color:#cc0000; margin: 5px 0px 0 0px; padding: 3px 15px 5px 5px;
}

#menulang li a#heres:hover, #menulang li a#heres:active {color:#000000; }


#menulang li a:hover, #menulang li a:active {
color:#000000;
 }