@charset "utf-8";
/* CSS Document */

/*
TOP MODULE
*/
#page-top .middle { margin:0 auto; width:980px; }

#logo {	float:left; }

#slogan {
	position:absolute;
	margin:25px 0px 0px 250px;
	color:#64b4fa;
	font-size:14px;
}

#slogan .big { font-size:150%; }

#header {float: right; margin: 162px 0 0 298px;position: absolute; text-align: right;width:700px;}
.idiomeSelect { font-size:10px; color:#444444}

#userTools{
	margin-left:110px;		
}
#user-data {
	margin-left:600px;
	margin-top:10px;
	width:150px;
	float:left;
	color:white;	
}
#changeLangContainer{
	float:left;
	width:100px;
	float:left;
	margin-left:10px;
	margin-top:10px;
		
}

#select_idioma{
}

.startSessionLink{
	font-weight: bolder;
}

/*
HEADER CONTAINER CENTER BIG
*/
#header-container {
	height:310px;
	margin:30px 0px 10px 0px;
	overflow:hidden;
	position:relative;
}

#header-container .main-form {
	background:url(http://www.clarincln.com/images/main-form-bg.png) no-repeat 0 0 transparent;
	height:307px;
	width:196px;
	float:left;
}

#header-container .big-place {
	border:1px solid #8EA7E9;
	height:305px;
	overflow:hidden;
	width:600px;
}

/*
INNER LEFT BANNERS
*/
#inner-left .banner-box { margin-bottom:25px; }

/*
OUR OFFERS
*/
.box-2 { margin-bottom:25px; }
.box-2 h3.header { margin-bottom:5px; }
.box-2 h3.miniText { font-size:9px; text-align:justify; }
.box-2 h3.text { color:#222d65; font-size:12px; }
.box-2 h3.textOffer { color:#222d65; font-size:11px; }
.box-2 h3.text_1 { color:#bc2020; font-size:12px; }
.box-2 h3.text_3 { color:#50a77c; font-size:12px; }
.box-2 h3.text_4 { color:#9f894a; font-size:12px; }
.box-2 ul { font-weight:bold; padding-bottom:15px }
.box-2 li { font-size:12px; text-align:justify; font-weight:normal; list-style: disc; padding-left:8px; list-style-position:inside; color:#79787d }
.special-offer { margin:15px 0px; }

table.main-offers {	font-size:14px; }
table.main-offers tr:hover { background-color:#e0e0e0; }
table.main-offers td { padding:3px 0px; }


/*BOX HOTELS*/
#box-hotel {
	height:155px;
	width:220px;
	margin:10px;
	padding:10px;
	background-image:url(http://www.clarincln.com/images/fonsBoxHotel.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	float:left;
	overflow:hidden;
	border: 1px solid #dddddd;
}

#paginador { width:480px; text-align: right; height:30px; overflow:hidden;}

#ofe1 { padding:15px}

/*
ABSOLUTE IMAGE
*/

#absolute {
	height:148px;
	left:-95px;
	position:absolute;
	top:154px;
	width:243px;
	z-index:15;
}



#image{ border:1px solid #6a7686;}



* ORBIT SLIDER
----------------------------------------------- */
#featured {height: 1px; width: 1px; overflow: hidden;}
div.orbit {
width: 1px;
height: 1px;
position: relative;
overflow: hidden;
}

div.orbit img {
position: absolute;
top: 0;
left: 0;
}
div.orbit a img {border: none;}

div.timer {
width: 40px;
height: 40px;
overflow: hidden;
position: absolute;
top: 10px;
right:10px;
opacity: .6;
cursor: pointer;
z-index: 1001;
}

span.rotator {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: -20px;
background: url(http://4.bp.blogspot.com/_dsEG33PDaHw/TMHhPl2pVcI/AAAAAAAAAas/O7A5Aa7ZMhs/s1600/rotator-black.png);
background-repeat: no-repeat;
z-index: 3;
}

span.mask {
display: block;
width: 20px;
height: 40px;
position: absolute;
top: 0;
right: 0;
z-index: 2;
overflow: hidden;
}

span.rotator.move {left: 0;}
span.mask.move {
width: 40px;
left: 0;
background: url(http://2.bp.blogspot.com/_dsEG33PDaHw/TMHhQItQqeI/AAAAAAAAAaw/afLXhP0yQI8/s1600/timer-black.png);
background-repeat: repeat;
background-position: 0px 0px;
}

span.pause {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0px;
background-image: url(http://3.bp.blogspot.com/_dsEG33PDaHw/TMHhPCHG1JI/AAAAAAAAAak/EiGTzJCfL1c/s1600/pause-black.png);
background-repeat: no-repeat;
z-index: 4;
opacity: 0;
}

div.timer:hover span.pause,
span.pause.active, 
div.timer:hover span.pause.active { opacity: 1; }

div.caption {
background: #000;
background: rgba(0,0,0,.6);
width: 100%;
z-index: 1000;
position: absolute;
bottom:-100px;
color: #fff;
padding: 8px 0;
text-align: center;
}

div.caption span {
padding: 0 10px;
font-size: 14px;
text-shadow: 0px 1px 0px rgba(0,0,0,.8);
margin: 0;
}
.orbit-caption { display: none; }

div.orbit:hover div.slider-nav { display: block; }
div.slider-nav { display: none; }
div.slider-nav span {
width: 33px;
height: 33px;
text-indent: -9999px;
position: absolute;
z-index: 1000;
top: 43%;
cursor: pointer;
}

div.slider-nav span.right {
background-image: url(http://3.bp.blogspot.com/_dsEG33PDaHw/TMHhPefIDjI/AAAAAAAAAao/Gyy0k0F5Hzw/s1600/right-arrow.png);
right: 10px;
}
div.slider-nav span.left {
background-image: url(http://3.bp.blogspot.com/_dsEG33PDaHw/TMHhNd07EPI/AAAAAAAAAaY/_k9SqP88gV8/s1600/left-arrow.png);
left: 10px;
}

.orbit-bullets {
position: absolute;
z-index: 1000;
list-style: none;
top: 10px;
left: 7px;
margin: 0;
padding: 0;
}

.orbit-bullets li {
float: left;
margin-left: 5px;
cursor: pointer;
color: #F19FBE;
text-indent: -9999px;
background-image: url(http://www.clarincln.com/images/bullets.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 7px;
height: 7px;
overflow: hidden;
}

.orbit-bullets li.active { color: #F19FBE; background-position: -7px 0; }

/* login
-------------------------------------------------------------------------- */

#login-bg {
	padding: 10px;
	position: relative;
	width: 425px;
	top: 30%;
	left: 24%;
	background-color: #FFF;
}
.login_header {
	text-align: center;
	font-weight: bold;
	padding: 5px;
	color: white;
	margin-bottom: 3px;
	background-color: #f39646;
}
.login_body {
	padding: 5px;
	background-color: #d4d3c7;
}
.login_body p{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 5px;
}
.login_form_field {
	padding: 5px;
}
.login_form_field label {
	width: 37%;
	display: block;
	text-align: right;
	overflow: hidden;
	float: left;
	height: 22px;
	line-height: 22px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.login_form_error {
	padding: 5px;
	background-color: #F00;
	color: #FFF;
	text-align: center;
}
#ico_usuario label {
	background-image: url(http://www.clarincln.com/imatges/usuari.gif);
	background-repeat: no-repeat;
	background-position: 158px 7px;
}
#ico_password label {
	background-image: url(http://www.clarincln.com/imatges/clau.gif);
	background-repeat: no-repeat;
	background-position: 158px 7px;
}
.caja {
	border: 1px solid #1c80cf;
	font-size: 12px;
	width: 150px;
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
	height: 18px;
	background-color: #ffffff;
}
#btn_enviar {
	text-align: center;
}