/*
www.viajaryestudiar.com
VIAJAR Y ESTUDIAR
Demini 2006
*/

* {outline:none;}

#destacamos {
/*	padding:0 0 6px 0 !important;
	border-bottom:1px solid #ccc; */
}

#destacamos img {
	padding:2px;
	border:1px solid #e5e5e5 !important;
}

#menuValoracion {
	margin:7px 0 !important;
	
}

#menuValoracion a, #menuValoracion a:link, #menuValoracion a:active, #menuValoracion a:hover {
	color: #666!important;
	text-decoration:none!important;
	font-size:14px!important;
	
}

#menuValoracion a:hover {color:#000!important;}
#valorados, #leidos, #comentados  {margin: 15px 0!important;}
#valorados li, #leidos li, #comentados li  {padding: 0 0 0 5px!important; margin:3px 0; border-left:5px solid #666;}
#valorados li:hover, #leidos li:hover, #comentados li:hover  {border-left:5px solid #000;}


input, select, textarea {
	border:1px solid #e5e5e5!important;
	background-color:#fff!important;
	width:auto;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#444!important;
	font-size:11px!important;
	padding-left:2px;
	margin-right:4px!important;
}


.activo {color:#000!important;}


/*  Para que se vean bien las fuentes del men� de Inmedia */
	#wbe_admin_menu {
		text-align:center;
	}
	#wbe_admin_menu ul,
	#wbe_admin_menu ul ul {
		width:165px;
		text-align:center;
	}
	#wbe_admin_menu ul li{
		width:165px;
		text-align:left;
	}
	#wbe_admin_menu ul li a{
		font-size:11px;
	}
	#container img{
		border:none;
	}

/* ESTILOS GENERALES - Layout b�sico */
body {
  	background-color:#feb899;
	background-position:0% 0%;
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	text-align:center; /* Hack para IE 5.5: Permite centrar las capas */
	background-image:url(../userfiles/image/bg.jpg);
	background-repeat:no-repeat;
}
#container {
	width: 850px;
	margin: 0 auto;
	background-color:#fff;
	margin-left:auto; /* Hack para IE (versiones antiguas) */
	margin-right:auto;
	text-align:left;
}
#container * {
	padding: 0;
	margin: 0;
}
#container #header {
	margin: 0px 4px 4px 4px;
	height: 125px;
	
	}

	
#container #banner_sup{	
	top:4px;
	position:absolute;
	left:185px;

	
}
	
#container #left {
	float: left;
	width: 180px;
	color: #fff;
	}
#container #right{
	float: right;
	width:384px;
	color: #000;
	}
#container #center_home {
	width: 277px;
	_width:275px; /*Hack para IE6*/
	margin-left: 4px;
	background-color: #F4F4EC;
	float:left;
	}
	#container #center{
	width: 660px;
	_width:655px; /*Hack para IE6*/
	margin-left: 190px;
	_overflow:hidden;
	}
#container #prefooter,
#container #footer {
	clear: both;
	width: 850px;
	background-color:#FFFFFF;
}


/* ESTILOS GENERALES - Fuentes y enlaces */
body #container,
#container p,
#container span,
#container ul, #container ol, #container li,
#container table, #container tr, #container td {
	font-family:Trebuchet, "Trebuchet MS", Tahona, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	line-height:16px;
}

#container a, #container a:link, #container a:active, #container a:hover {
	font-family:Trebuchet, "Trebuchet MS", Tahona, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777;
	text-decoration:none;
}
#container a:hover {
	text-decoration:underline;
}
#container a:visited {
	color:/*#666666*/#333;
}


/* CABECERA */
#container #header {
	background-image:url(../userfiles/image/cabecera.jpg);
	background-position:100% 100%;
	background-repeat:no-repeat}
#container #header h1 a{
	display:block;
	width:180px;
	height:95px;	
	background:none;
	cursor:pointer;
	
	}
#container #header h1 a.home{
	display:block;
	width:230px;
	height:125px;	
	background:none;
	cursor:pointer;
	}
#container #header span {
	display: none;
}

/* NAVEGACI�N */
#container #layer_nav{
	height:40px;
	background-color:#9E2C27;
	background-image:url(images/background_layer_nav.jpg);
	background-position:0% 0%;
	background-repeat:repeat-x;
	margin: 0px 4px 4px 4px;
	display:none;
	}
#container #layer_nav #nav {
	padding-top:7px;
}
#container #layer_nav ul
{
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	color: #FFFFFF;
	width: 100%;
	line-height: 18px;
	/* fixes Firefox 0.9.3 */
}
#container #layer_nav ul li {
	display: inline;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	/* matches link padding except for left and right */
	padding-top: 5px;
	margin:0;
}
#container #layer_nav ul li a {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-left: 1px solid #C63630;
	text-decoration:none;
	margin:0;
	cursor:default;
}
#container #layer_nav ul li a span {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
}
#container #layer_nav ul li.first a{
	border-left:0;
}

#container #layer_nav ul li a:hover span:hover/*,
#container #layer_nav ul li a span:hover,
#container #layer_nav ul li a:hover span*/
{
	text-decoration:underline;
	color: #FFFFFF;
}
#container #layer_nav #actual,
#container #layer_nav a:hover span#actual,
#container #layer_nav a span#actual,
#container #layer_nav a span#actual:hover  {
	color:#C63630;
	text-decoration:none;
	cursor:default; }

/* BANNER CENTRAL */
#container #banner #banner_img {
height:164px;
margin-left:4px;

}

#container #banner #banner_img img{ width:458px;}



#container #banner .acceso {
float: right;
width:128px;
height:160px;
/*margin-right:4px;*/}
#container #banner .acceso a.cursos,
#container #banner .acceso a.destinos,
#container #banner .acceso a.tureserva {
	width:124px;
	height:30px;
	display:block;
	background-color:#F4F4EC;
	text-align:center;
	color:#444;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-top:130px;
	background-position:0% 0%;
	background-repeat:no-repeat;
}
#container #banner .acceso a.cursos {
	background-image:url(images/acceso_cursos.jpg);
	}
#container #banner .acceso a.destinos {
	background-image:url(images/acceso_destinos.jpg);
	}
#container #banner .acceso a.tureserva {
	background-image:url(images/acceso_tureserva.jpg);
	}
#container #banner .acceso a.cursos:hover,
#container #banner .acceso a.destinos:hover,
#container #banner .acceso a.tureserva:hover {
	background-position:0% 100%;
	text-decoration:none;
	color:#000;
}


/* COLUMNA LEFT - HOME*/
#container #left h2 {
	margin-left:0px;
	padding:3px;
	color:#FFFFFF;
	font-size:14px;
}
#container #left h2.nuestroscursos1 {
	background-color:#444;
}
#container #left h2.nuestroscursos2 {
	background-color:#444;
}
#container #left ul {
position: relative;
	margin-left:0px;
/*	list-style-position:inside;
*/	margin-bottom:10px;
	list-style:none;
 background-color:#fff;

}
#container #left ul li {
	position: relative;
	padding:3px;
	padding-left:5px;
	font-size:11px;
	list-style:none;
 	border-bottom: 1px solid #CCC;

}

#container #left ul li:hover {background: #444; color:#fff;}
#container #left ul li:hover a {background:#444; color:#ccc; width:100%; height:100%;}
#container #left ul a:hover {background:#444; color:#ccc; width:100%; height:100%;}
#container #left ul li ul li:hover a {background: #444; color:#fff;}


#container #left ul li ul {
		list-style:disc;
		margin-bottom:0px;
		margin-left:0;
}
#container #left ul li ul li {
		background:none;
		border:0;
		padding:2px;
		padding-left:10px;
		font-size:11px;
		line-height:13px;
		margin:0 0 3px 0;

}
#container #left ul li a {
	font-size:11px;
	text-decoration:none;
	color:#666;

}

#container #left ul li a:active {color:#fff; background-color:#444;}
#container #left ul li a:hover {color:#fff; background-color:#444; }


#container #left ul li ul li a {color:#999; background:none; }
#container #left .marcado, #container #left .marcado a {
	background-color: #444;
	color:#fff;
 	font-weight: normal;
 
}

#container #left ul li a:hover {
	text-decoration:none;
	color:#fff;
}
#container #left h2.test {
	background-color:#444;
	margin-left:0px;
}
#container #left #left_banners,
#container #left #left_cursos,
#container #left #left_destinos {
	margin-left:4px;
	margin-bottom:4px;
}
#container #left #banners {
	margin-left:0px;
}
#container #left #test {
	background-color:#eee;
  	margin-left:0px;
	margin-bottom:4px;
	height:130px;

	}
#container #left p {
	padding:3px;
	color:#444;
	font-size:11px;
	line-height:normal;
}


/* COLUMNA CENTER - HOME */
#container #center,
#container #center_home {
	padding-bottom:10px;
}
#container #center h2,
#container #center h3,
#container #center h4,
#container #center h5,
#container #center h6,
#container #center div,
#container #center p,
#container #center_home p {
	padding:5px;
}
#container #center h4 {
	padding-top:0;
}
#container #center h2 {
	margin-top:5px;
	margin-bottom:10px;
	padding:5px;
	color:#666;
	border-bottom:1px solid #ccc;
}
#container #center #ficha {
	float:right;
	clear:right;
	width:182px;
	background-color:#e9e9e9;
	margin-left:5px;
	margin-bottom:5px;
}
#container #center #ficha img {
	margin:10px;
}
#container #center #ficha ul {
	margin-left:10px;
	margin-bottom:5px;
}


/* COLUMNA RIGHT - HOME */
#container #right h2 {
	margin-right:4px;
	padding:3px;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
}
#container #right h2.destacado{
	background-color:#444;	
}
#container #right h2.ofertas{
	clear:both;
	background-color:#444;
}
#container #right h2.donde{
	background-color:#444;
}
#container #right p{
	padding:3px;
	padding-left:10px;
	font-size:11px;
	line-height:normal;
}
#container #right #destacamos img {
	margin:4px;
	margin-left:0;
	float:left;
}
#container #right #destacamos p {
	margin-left:140px;
}
/* PREFOOTER: Enlaces al pie*/
#container #prefooter {
	clear:both;
	background-color:#FFFFFF;
}
#container #prefooter #links {
	/*float:right;*/
	background-color:#ccc;
 /* margin-left:4px;
	margin-left:394px;
	margin-bottom:4px;*/
/*  width:380px; 
	margin-right:4px;*/
	text-align:center;
	/*height:20px;*/
}
#container #prefooter #links p {
	padding:10px 0;
	font-size:11px;
}
#container #prefooter #publicidad {
	float:left;
}
#container #prefooter #publicidad img {
	margin-left:4px;
	margin-bottom:4px;
	display:block;
}

/* FOOTER */
#container #footer {
	clear:both;
	background-color:#444;
	text-align:center;
}
#container #footer p {
	padding:10px;
	font-size:11px;
	color:#FFFFFF;
}
#container #footer a {
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
}
#container #footer a:hover {
	text-decoration:underline;
	
}


/** lista ofertas home **/
ul#oferta {
margin:0;
padding:10px 0 10px 2px;
list-style:none;
}
ul#oferta  li{
padding:3px 0 3px 20px;
background:url(images/page_tick.gif) 0px 2px no-repeat;
}


/** lista precios , reserva seccion curso **/
ul#curso {
margin:0;
padding:0px 0 0px 0px;
list-style:none;
}
ul#curso  li{
padding:3px 0 3px 20px;
background:url(images/action_go2.gif) 0px 2px no-repeat;
}

/** Item de listado */
ul#list_item{
margin:0;
padding:10px 0 10px 2px;
list-style:none;
}
ul#list_item  li {
padding:3px 0 3px 20px;
background:url(images/action_go2.gif) 0px 2px no-repeat;
}
/* FICHAS DE PRECIOS */
#container #center #ficha_precios_destino {
	clear:right;
}
#container #center #ficha_precios_destino h3.apartado {
	padding-left:22px;
	text-transform:uppercase;
	background-color:#F4F4EC;
	color:#666;
	margin-bottom:5px;
	margin-top:15px;
	font-size:16px;

}
#ficha_precios_destino .precios_euro,
#ficha_precios_destino .precios_alojamiento,
#ficha_precios_destino .precios_suplemento {
	background-position:3px center;
	background-repeat:no-repeat;
}
#ficha_precios_destino .precios_euro {
	background-image:url(images/ico_precios_euro.gif);
}
#ficha_precios_destino .precios_alojamiento {

	background-image:url(images/ico_precios_alojamiento.gif);
}
#ficha_precios_destino .precios_suplemento {
	background-image:url(images/ico_precios_suplemento.gif);
}
#ficha_precios_destino table,
#ficha_precios_destino tr,
#ficha_precios_destino td {
border-color:#ccc;
}
#ficha_precios_destino p,
#ficha_precios_destino span,
#ficha_precios_destino div,
#ficha_precios_destino ul, #ficha_precios_destino ol, #ficha_precios_destino li,
#ficha_precios_destino table, #ficha_precios_destino tr, #ficha_precios_destino td {
	font-family:Trebuchet, "Trebuchet MS", Tahona, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #78743A;
	line-height:16px;
}
#container #center #ficha_precios {
	float:right;
	clear:right;
	background-color:#e9e9e9;
	margin-left:5px;
}
#container #center #ficha_precios img {
	margin:10px;
}
#container #center #ficha_precios ul {
/*	margin-left:10px;
	margin-bottom:5px;*/
	margin:5px;
}

/* caja suscripci�n*/

/*#container #left h2.suscription_box {
	background-color:#305774;
	margin-left:0px;
}
#container #left #suscription_box {
	background-color:#DAE9F1;
  margin-left:0px;
	margin-bottom:4px;
}
*/
#container #left #left_banners .lst{
background-color: #E6E6E6;
margin:0px;
padding:0px;
}
#container  #left #left_banners .lst_body {
	margin:0px;
	padding:0px;
	padding-top:7px;
	margin-bottom:10px;
	background-color:#e6e6e6;
}


#container #left ul.lst_simple{
	margin:0px;
	padding:0px;
	list-style:none;
	border:none;
}

