* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
	text-align:center;
	background-color:#FF9933;
}

.outer{
	width:1px;
	height:50%;
	margin-bottom:-228px; /* la mitad de la altura del div contenedor */
	float:left;
}

.idioma{
	position:relative;
	left:85%;
	top:55%;
	width:100px;
	height:200px;
	float:left;
}

.capaportada{
	width:800px;
	height:431px;
	margin:auto;
	position:relative;
	background-image:url('../img/portada.jpg');
}

.capa{
	width:800px;
	height:456px;
	margin:auto;
	position:relative;
	clear:left;
	background-color:#FF9900;
	border:solid 1px #000000;
}

#menu4{
  width:120px;
  position:absolute;
  top:21px;
  left:478px;
  visibility:hidden;  
  background-color:#996600;
  border-bottom:solid 1px #000000;
  border-left:solid 1px #000000;
  border-right:solid 1px #000000;
  z-index:1;
}

.menus{
	width:100%;
	height:20px;
	position:relative;
	border-bottom:solid 1px #000000;
	float:left;
	background-color:#996600;
}

.sepinici{
	width:155px;
	height:100%;
	float:left;
}

.sepmenu{
	width:20px;
	height:100%;
	background-image:url('../img/separador.gif');
	float:left;
}


.amenu{
	position:relative;
	float:left;
	height:100%;
}

.opmenu{
	font-family:tahoma;
	font-size:9pt;
	color:white;
	font-weight:700;
	position:relative;
	top:2px;
	text-decoration: none;
	float:left;
}

a.opmenu:hover {	
	text-decoration: underline;
	color: white;
}

a.opmenu:visited {	
	color: white;
}

a.opmenu:link {
	color: white;
}

.linktxt{
	font-family:tahoma;
	font-size:9pt;
	color:green;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: red;
}
a:visited {
	text-decoration: none;
	color: white;
}
a:link {
	text-decoration: none;
	color: white;
}

a.linktxt:hover {	
	text-decoration: underline;
	color: green;
}

a.linktxt:visited {	
	color: green;
}

a.linktxt:link {
	color: green;
}

.btarribar{
	width:150px;
	height:25px;
	background-color:#000000;
	border:solid 1px #999999;
}

.cos{
	float:left;
	width:100%;
	height:410px;
}

.menuinf{
	float:left;
	background-color:#ecdebd;	
	border-top:solid 1px #000000;
	position:relative;
	width:100%;
	height:24px;	
}

.txtmenuinf{
	position:relative;
	top:4px;
	font-family:tahoma;
	font-size:9pt;
	font-weight:700;
	color:black;
}

.layleft{
	width:470px;
	height:410px;
	float:left;	
}

.layright{
	width:328px;
	height:410px;
	border-left:solid 1px #000000;
	background-image:url('../img/fons.jpg');
	float:right;
	padding:0;
}
.titolcaltorres_cat{
	width:471px;
	height:80px;
	background-image:url('../img/titol.jpg');
	border-bottom:solid 1px #000000;
	float:left;
}
.titolcaltorres_esp{
	width:471px;
	height:80px;
	background-image:url('../img/titol_esp.jpg');
	border-bottom:solid 1px #000000;
	float:left;
}
.titolcaltorres_eng{
	width:471px;
	height:80px;
	background-image:url('../img/titol_eng.jpg');
	border-bottom:solid 1px #000000;
	float:left;
}

.textdoc{
	width:470px;
	height:330px;
	float:left;	
	background-color:#ebca7a;	
	padding-left:0px;
	padding-right:0px;
}

.doc{
	position:relative;
	width:461px;
	height:330px;
	padding-left:5px;
	padding-right:5px;
	float:left;
	overflow:auto;
	background-color:#FFCC66;
	
	scrollbar-face-color: #dca624; 
	scrollbar-shadow-color: #DEEBF5; 
	scrollbar-highlight-color: #DEEBF5; 
	scrollbar-3dlight-color: #ad7e0d; 
	scrollbar-darkshadow-color: #ad7e0d; 
	scrollbar-track-color: #F5F5F5; 
	scrollbar-arrow-color: #FFFFFF;
	
}

.titoltxt{
	font-family:trebuchet ms, verdana;
	font-size:18pt;
	font-weight:700;
	color:black;
	text-align:justify;
	
}

.txt{
	font-family:tahoma;
	font-size:10pt;
	color:black;
	text-align:justify;
}

.sepfotoalt{
	width:100%;
	height:40px;
	float:left;
}

.sepfotobaix{
	width:100%;
	height:40px;
	text-align:center;
	float:left;
}

.laymenufoto{
	width:300px;
	height:20px;
	margin-left:14px;
	position:relative;
	float:left;
	background-image:url('../img/titolfoto.gif');
}


.txtfoto{
	font-family:tahoma;
	font-size:9pt;
	font-weight:700;
	color:black;
	position:relative;
	top:2px;	
}

.foto{
	width:300px;
	height:270px;
	float:left;
	position:relative;
	left:12px;
	vertical-align:middle;
}

.laybox{
	width:271px;
	height:15px;
	float:left;
	position:relative;
	left:27px;
}


.laybox1{
	width:270px;
	height:15px;
	float:left;
	background-color:#000000;
	border:solid 1px #FFFFFF;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	
}

.laybox2{
	width:62px;
	height:20px;
	float:left;
	background-color:#000000;
	border:solid 1px #FFFFFF;
	color:#FFFFFF;	
}

.laybox3{
	width:62px;
	height:20px;
	float:left;
	background-color:#000000;
	border:solid 1px #FFFFFF;
	color:#FFFFFF;	
}

.laybox4{
	width:55px;
	height:20px;
	float:left;
	background-color:#000000;
	border:solid 1px #FFFFFF;
	color:#FFFFFF;	
}

.box{
	position:relative;
	width:20px;
	height:20px;
	float:left;
	font-family:tahoma;
	font-weight:700;
	color:white;
	font-size:10pt;
	text-align:center;
	background-image:url('../img/box.gif');
}

.boxw{

	position:relative;
	width:20px;
	height:20px;
	float:left;
	background-color:#FFFFFF;
}

.rollmenu{
	position:absolute;
	left:-1px;
	top:-1px;
	width:0px;
	height:0px;
	background-color:#996600;
	border:solid 1px #000000;	
}

.rollmenuop{
	position:relative;
	float:left;
	height:25px;
	width:100%;
	border-bottom:solid 1px #000000;
}

.marcfoto{
	border: solid 1px #000000;
}

/*preload classes*/ 
.svw {
 width: 50px;
 height: 20px; 
 background: #fff;
} 
.svw ul {
 position: relative;
 left: -999em;
 } 
 
 /*core classes*/ 
.stripViewer { 
 position: relative;
 overflow: hidden;
 border: 5px solid #ff0000;
 margin: 0 0 1px 0; 
} 

.stripViewer ul { 
/* this is your UL of images */ 
 margin: 0;
 padding: 0;
 position: relative;
 left: 0;
 top: 0; 
 width: 1%; 
 list-style-type: none;
} 

.stripViewer ul li { float:left; }

.stripTransmitter { overflow: auto; width: 1%; }

.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; }

.stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } 

.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #ff0000; color: #fff; text-decoration: none; display: block; }

.stripTransmitter a:hover, a.current{ background: #fff; color: #ff0000; } /*tooltips formatting*/ 

.tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; }