/* CSS Document */
/* Centrar */
* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

/*++++++ H1,H2,H3,H4 HYPERLINKS ++++++++*/
h2, h3 { padding:10px 0 10px 0; font-size:14px;}
a:link { color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; text-decoration:none;}
a:active { color : #333; }
a:visited { color : #333;}
a:hover	{ text-decoration:none} 
a:focus { outline: none;}

#container {
	/* Test Coloring */
	/* margin-top: 0px; */
	
	position: relative;
	display:block;
	min-height: 100%;
	min-width: 860px;

	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	padding-top: 9px;

}


/*++++++ HEADER ++++++++*/
#header { 
	/* width:917px; height:68px; margin-bottom:18px; */
	background-image: url(http://cms.tempel.es/themes/tp/images/jpgs/background_header.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: #fff;

	width: 911px;
	height: 115px;
	margin:0;
	padding: 0;
	top:10px;
}


#logo { width:336px; float:left;}
#logo h1{text-indent:-10000px;}
#logo h1 a { 
	display:block; 
	height:115px;
	width: 273px; 
	outline:none;
}

ul#flavor {
	display:block;
	position:absolute;
	right:0px;
	top: 47px;
	color:#FFFFFF;
/* margin-right: -10px; */
}
ul#flavor li {
float:left;
text-indent: -9999pt; 
}
ul#flavor #inicio,
ul#flavor #contacto,
ul#flavor #sitemap,
ul#flavor #ftp,
ul#flavor #salir,
ul#flavor #gris
{
	display:block; 
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #fff;
	padding:0;
	margin:0;
	height: 22px;
}

ul#flavor #inicio {	width:55px; background: url(http://cms.tempel.es/themes/tp/images/jpgs/icon_home.jpg) no-repeat; }
ul#flavor #contacto {  width: 55px; background: url(http://cms.tempel.es/themes/tp/images/jpgs/icon_contact.jpg) no-repeat; }
ul#flavor #sitemap { width: 55px; background: url(http://cms.tempel.es/themes/tp/images/jpgs/icon_sitemap.jpg) no-repeat; }
ul#flavor #ftp { width: 55px; background: url(http://cms.tempel.es/themes/tp/images/jpgs/icon_ftp.jpg) no-repeat; }
ul#flavor #salir { width: 22px; background: url(http://cms.tempel.es/themes/tp/images/m_logout2.jpg); }
ul#flavor #gris { width: 22px; background: url(http://cms.tempel.es/themes/tp/images/gris.jpg); }

/***************************fi header*******************/
.style_content {
	width: 910px;
	position: relative;
	margin: 0px auto;
	text-align: left;
}


/* Menu */
#menu {
	display: block;
	/*margin: 0px 0px 0px 62px;*/
	padding: 0px;
	/* height: 58px; */
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	float:right;
}

#menu * {
	padding: 0;
	margin: 0; 
	list-style: none;
}

#menu li {
/* vertical-align:middle; */
	float: left;
	background-image:url(http://cms.tempel.es/themes/tp/images/jpgs/background_menu.jpg);
	background-repeat:no-repeat;	
	height:69px;
}

#menu li.first {
/* vertical-align:middle; */
	float: left;
	background-image:url(http://cms.tempel.es/themes/tp/images/jpgs/background_menu_first.jpg);
	background-repeat:no-repeat;
	height:69px;
	width: 121px;
	padding-left:11px;
}

#menu li a {
	/*estilos generales y tamaņo especial para el IE*/
	text-align: center;
	border-right-style: solid;
	border-left-style: none;
	border-right-width: 1px;
	border-right-color: #999999;
	vertical-align:middle;
}

#menu li a,
#menu li a:visited,
#menu li a:link
{
	/*estilos generales y tamaņo especial para el IE*/
 	color:#FFF;
	display: block;
	width: 110px;
	padding: 20px 5px 24px;
	background-color: #0C3177;
	background-image: url(http://cms.tempel.es/themes/tp/images/menu.jpg);	
	text-decoration: none;
}

#menu li.l2 a {padding: 15px 5px 16px;}
#menu li.l3 a {padding: 10px 5px 8px;}
/*
#menu li.first a {
	height: 57px; 

}
html>body #menu li.first a {
	height: 13px;
}
*/
#menu li ul li a,
#menu li ul li  a:visited,
#menu li ul li  a:link
{
	padding: 16px 5px 8px 5px;
}

 
#menu li a:hover,
#menu li a:active {
	color:#FF9901;
}

/*
html>body #menu li ul li ,
html>body #menu li ul li a {
	height:30px;
	}
*/

#menu li ul li {
	padding:0 ;
	margin:0;
	background:none;
	width: 120px;
	overflow: hidden;
	border-bottom: 1px solid #999999;
	height:auto;
}

#menu li ul li a {
	height: auto;
	width: 120px;
	display: block;
	padding: 4px 5px;
	margin: -10px 0 0 0;
	background-color: #F2F2F2;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	font-weight: normal;	
	background-image: url(http://cms.tempel.es/themes/tp/images/menu_desplegable.jpg);	

	text-align: left;
	vertical-align:top;

 }

#menu li ul {
	z-index: 100;
	position: absolute;
	width: 120px;
	left: -9999px;
	margin-left:-1px;
	color: #000;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;

}
#menu li ul li a,
#menu li ul li a:link,
#menu li ul li a:visited {
	background: url(http://cms.tempel.es/themes/tp/images/menu_desplegable.jpg);
	color: #000;
}

#menu li ul li a:hover,
#menu li ul li a:active {	
	background: url(http://cms.tempel.es/themes/tp/images/menu_desplegable_sel.jpg);
	color: #000;


}


html>body #menu  li ul {
	/* Firefox  */
	/*  margin-left:-60px;*/
	}
#menu li:hover ul {
	left: auto;
}

#menu li:hover ul, #menu li.sfhover ul {
left: auto;

}

.divisiones {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
}


.texto_pie {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}



.texto_pie a {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}


.texto_pie a, .texto_pie a:link,
.texto_pie a:hover, .texto_pie a:active, .texto_pie a:visited  {
color: #FFFFFF;
}


/* Lang styles */

div.langbox {
	position: absolute;
	top: 0px;
	right: -35px;
	width: 250px;

	color: #000;
    font: 13px/100% Trebuchet MS, Helvetica, sans-serif;
	text-decoration: none;

	z-index: 999;
}

div.langbox ul { 
	padding-top: 15px;
	margin: 0;
}

div.langbox li {
	float:left;
	cursor: pointer;
	list-style: none;
	list-style-type: none;
/*	list-style-image: url(/img/bullet-fav.gif); */

	padding: 0;
	margin: 0px 0px 0px 10px;
}

div.langbox a,
div.langbox a:visited,
div.langbox a:link,
div.langbox a:active {
	display: block;
	text-decoration: none;
    font: 13px/100% Trebuchet MS, Helvetica, sans-serif;
	border: 1px solid #666666;
/*	color: #00AEEF; */
	color: #cccccc;

	padding: 3px;
	margin: 0;
}

div.langbox a:hover {
	display: block;
	padding: 3px;
/*	background-color: #00AEEF;
	border: 1px solid #00AEEF; */
	background-color: #cccccc;
	border: 1px solid #cccccc;
	color: #FFFFFF;
}

div.langbox li.selected a,
div.langbox li.selected a:link,
div.langbox li.selected a:visited,
div.langbox li.selected a:active {
	display: block;
	padding: 3px;
	background-color: transparent;
/*	border: 1px solid #00AEEF; 
	color: #00AEEF; */
	border: 1px solid #cccccc; 
	color: #cccccc;
}