/* GENERAL */

html {
	margin: 0;
	padding: 0;
}
body {
	font-family: Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #f6f6f6 url(../images/trama_tamiz.jpg) repeat-x 0em top;
}
.bodyIntroBg {
	background: url(../images/trama_tamiz.jpg) repeat-x 0em 0px;
}
.bodyIdiomasBg {
}
.floatLeft {
	float: left;
}
.hand {
	cursor: pointer;
	cursor: hand;
}
.oculta {
	display:none;
}
.clear {
	clear: both;
}
table caption {
	display: none;
}
img {
	border: 0em;
}
form, fieldset {
	margin:0em;
}
frame, iframe {
	border: 0em;
}
/* FIN GENERAL */

/* ESTRUCTURA WEB */

/* Para hacer la columna izda fluida, quitar el width y el margin de este estilo */
#maincontainer {
	width: 960px; /*ancho de la pagina*/
	margin: 0 auto; /*Para centrar*/
	text-align: left;
	padding-left:1.8em;
	background: url(../images/main.jpg) no-repeat 0em 250px;
}
/* CABECERA */
#cabecera {
	position: relative;
	height: 206px;
	background: url(../images/mediterraneo.png) no-repeat -10px 0px;
}
* html #cabecera { 
    background-image: none; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="../images/mediterraneo.png", sizingMethod="image");
	background-repeat: no-repeat;
	background-position: 0px;
}
#logo {
	width: 200px;
}
#logo img {
	padding-top: 60px;
	padding-left: 85px;
	padding-bottom: 21px;
}
#information{
	position: absolute;
	top: 100px;
	right: 85px;
	width: 320px;
	height: 120px;
	/*background: url(../images/fondo_TEL.png) no-repeat -10px 0px;*/
}
#information p{
	text-align: right;
	color: #FFFFFF;
	line-height: 22px;
	padding-right: 24px;
	margin-top: 0px;
}
.brown{
	color: #330000;
}
.style2 {font-size: 13px}
/* FIN CABECERA */

/* ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {
	padding:0 0px 0 8px;
	margin:0;
	list-style:none;
	height:30px;
	position:relative;
	z-index:500;
	font-family: Geneva, Arial, SunSans-Regular, sans-serif;
	letter-spacing: 0.05em;
}
#menu li {
	float:left;
	margin-right: 0px;
	border-right: 1px solid #003333;
}
#menu li a {
	display:block;
	float:left;
	height:25px;
	line-height:25px;
	background:#;
	color:#ccffff;
	text-decoration:none;
	font-size:12px;
	padding:0 22px 0 12px;
}
#menu table {
	border-collapse:collapse;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}
/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {
	z-index:200;
	position:relative;
	color:#fff;
	background-color:#003333;
}
#menu li:hover {
	position:relative;
	z-index:200;
}
#menu li:hover > a {
	color:#fff;
	background:#003333;
}
#menu li:hover > a.sub {
	color:#fff;
	background-color:#003333;
}
#menu li.current a {
	color:#fff;
	background:#003333;
}
#menu li a.sub {
	background: url(../images/down-arrow.gif) no-repeat right center;
}
#menu li.current a.sub {
	color:#fff;
	background:#003333 url(../images/down-arrow.gif) no-repeat right center;
}
#menu :hover ul {
	left:0;
	top:25px;
	width:120px;
	background:#444;
}
/* keep the 'next' level invisible by placing it off screen. */
#menu ul, #menu :hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}
#menu :hover ul :hover ul {
	left:120px;
	top:-1px;
	background:#222;
	white-space:nowrap;
	width:100px;
	z-index:200;
	height:auto;
}
#menu :hover ul li {
	margin:0;
	border-bottom:1px solid #006666;
}
#menu :hover ul li a {
	width:120px;
	padding:0;
	text-indent:10px;
	background:#669999;
	color:#003333;
	height:25px;
	line-height:25px;
	font-size:10px;
}
#menu :hover ul li a.fly {
	background:#333 url(../images/right-arrow.gif) no-repeat right center;
}
#menu :hover ul :hover {
	background-color:#003333;
	color:#fff;
}
#menu :hover ul :hover a.fly {
	background-color:#c60;
	color:#fff;
}
#menu :hover ul li.currentsub a {
	background:#840;
	color:#fff;
}
#menu :hover ul li.currentsub a.fly {
	background:#840 url(../images/right-arrow.gif) no-repeat right center;
	color:#fff;
}
#menu :hover ul :hover ul li a {
	width:100px;
	padding:0;
	text-indent:10px;
	background:#FFFFFF;
	color:#330000;
}
#menu :hover ul :hover ul :hover {
	background:#FFFFFF;
	color:#330000;
}
#menu :hover ul :hover ul li.currentfly a, #menu :hover ul :hover ul li.currentfly a:hover {
	background:#FFFFFF;
	color:#330000;
}
/* FIN MENU */


/* IDIOMA */
div#language {
	position: absolute;
	top: 0px;
	right: 35px;
	width: 180px;
	height: 21px;
	background: url(../images/fondo_LANG.jpg) repeat-x 0em 3px;
	text-align: right;
	color: #cc9999;
	display: block; 
	font-family: Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 10px;
	padding-top: 7px;
	padding-bottom: 6px;
	padding-right: 16px;
	}
div#language ul {
	float: right;
	list-style: none;
	margin: 0px -7px 0px 0px;
	position: relative;
	}
	
div#language ul li {
	float: left;
	}
div#language ul li a {
	color: #cc9999;
	display: block;
	_display: inline; /* ieBugfix */
	letter-spacing: 0.0em;
	margin: 0px;
	padding: 0px 6px 0px 6px;
	text-decoration: none;
	zoom: 1.0; /* ieFix: hasLayout */
	}
div#language ul li a.loc {
	color: #FFFFFF;
	}
	/* "Imágenes" */
div#language h5 {
	color: #cc9999;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin: 0px;
	position: absolute;
	right: 90px;
	top: 0px;
	width: 150px;
	z-index: 1;
	}
	
div#language ul li:hover a,
div#language ul li.sfhover a {
	color: #FFFFFF;
	}
/* FIN IDIOMA */

/*AKI EMPIEZA LA LINEA SUPERIOR EL IDIOMA*/
 /*AKI EMPIEZA LA LINEA SUPERIOR!*/
#superior {
	list-style: none;
	height: 15px;
	text-align: right;
	display: block; 
	font-family: Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 10px;
	padding-top: 0px;
	padding-bottom: 1px;
	width: 950px;
}
* html #superior{
	padding-top: 0px;
	margin-bottom: 1px;
}
#superior ul{
	margin:0px;
	padding-top: 1px;
}
#menu_sup {
	list-style: none;
	padding-left: 800px;
	padding-bottom:0px;	
	color: #ffffff;
}
#menu_sup li {
	float:left; 
	padding-left:0px; 
	padding-right:10px;
	padding-bottom: 1px;
}
#menu_sup a {
	color: #ffffff;
	text-decoration:none; 
	text-align:left;  
}
#menu_sup a:hover {
	color: #cc9999;
}
#menu_sup .activa a {
	color:#cc9999;
}

/*FIN DE LA LINEA SUPERIOR*/

/* CONTENIDO COLUMNADO */
#menu_migas {
	padding:2px 20px 6px 20px;
	margin:0;
	list-style:none;
	position:relative;
	font-family: Geneva, Arial, SunSans-Regular, sans-serif;
	color:#666666;
	border-bottom: 1px solid #d6cccc
}
#menu_migas a{
	color:#666666;
}
#menu_migas a:hover{
	color:#660000;
}
/* -- contenedor de la col izda */
#contentwrapper {
	width: 100%;
}
/* columna izda, poner la medida que va a tener la columna dcha */
#colLeft {
	float: left;
	width: 300px;
}
/* interior de la columna izda*/
.colLeftInner {
	padding: 0px 0px 0px 0px;
}
#colRight {
	float: left;
	width: 600px;
}
/* interior de la columna derecha*/
.colRightInner {
	padding: 0px 0px 0px 0px;
}
/* FIN COLUMNAS */

/* CONTENIDO */

.titularMax {
	
	font-weight: normal;
	font-family:Georgia, Verdana, Times, serif;
}
h1 {
	font-size: 32px;
	margin: 12px 0px 2px 0px;
	color: #330000;
}

h2 {
	font-size: 20px;
	font-style:italic;
	margin: 2px 0px 6px 0px;
	color: #669999;
}
.merbatur {
	font-size: 12px;
	font-style:italic;
	font-weight: bold;
	color:#330000;
}
.Texto {
	font-size: 12px;
	color: #666666;
	line-height: 18px;
}
.Texto a{
	color: #000000;
	font-size: 12px;
}
.Texto a:hover{
	color: #330000;
	text-decoration:none;
}
.enlaces{
	padding-left: 20px;
	line-height: 16px;
	font-size: 0.95em;
}
.enlaces li{
	margin-bottom: 10px;
	color: #333333;
	list-style: url(../images/icos/flec_azul.png) outside;
}
.enlaces li a{
	color:#000000;
	font-size: 0.95em;
}
.enlaces li a:hover{
	color:#660000;
}
.links {
	font-size: 12px;
	color:#660000;
}

/* PIE*/

div#footerSection {
	position: relative;
	border-top: 1px solid #ddcccc;
	margin:30px 0px 20px 0px;
	padding:6px 0px 4px 300px;
	font-family: Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 11px;
	}

div#footerBody {
	display: block; 
	margin: 0px auto 0px auto;
	color: #999999;
	text-align: left;
	line-height: 18px;
}
div#footerBody ul {
	display: inline;
	margin: 0px;
	padding: 0px;
}
div#footerBody ul li{
	display: inline;
	margin: 0px;
	padding: 0px 4px;
	border-right: 1px solid #996666;
}
div#footerBody p{
	display: inline;
	margin: 0px 1px;
	padding: 0px;
}
div#footerBody ul li a{
	color:#666666;
	text-decoration: none;
}
div#footerBody ul li a:hover{
	color:#660000;
}
 /*.firma {
	font-size: 0.9em;
	color:#996666;
	padding-left: 26px;
	}*/
.firma {
	
	color: #CCCCCC;
	font-size: 9px;
	padding-left: 18px;
}
.firma a {
	color: #CCCCCC;
	text-decoration: underline;
	letter-spacing: 1px;
}
.firma a:hover {
	color: #000000;
}
 /* Hides from IE-mac \*/
 
.separator-no {
padding-top:1.5em;
}
html .clear {
height: 1%;
}
.clear {
display: block;
}

div.third {
	float:left;
	margin-right: 22px;
}
.third {
width:auto;
width:33%;
float:left;
padding-right:0%;

}
.third   { width: 290px;}

.third img {
float:right; 
padding:3px;
margin-bottom:.8em;
border:#660000 1px solid;
background: #FFFFFF;
}

.third h3 { 
	color: #330000;
	font-size: 1.2em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.third a{
	color: #006666;
}
.third a:hover{
	color: #330000;
	text-decoration:none;
}