/*	-------------------------------------------------------------
	Likindoy website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Styles for Likindoy website
	Filename:		styles.css
	Version:		1.0
	Date:			09/2007
	-------------------------------------------------------------	*/

@import url(typography.css);

/*	Bug hunting
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/** { border: 1px solid red; }*/

	body {
		margin: 0px; margin-bottom:20px;
		background:url(/img/tlo_page.jpg) repeat-x;
	}

/*	Wrapper
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#wrapper {
		position: relative;
		width: 759px;
		min-height: 300px;
		margin: 0 auto;
		padding:0 10px 0 10px;
	}
	
/*	Menu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#likinmenu li { text-indent: 0; margin-left: 0; }
	ul#likinmenu li:before { content: ""; }
	
	ul#likinmenu {
		display:block;
		width:100%; height:54px;
		position:relative;
		margin-left:0px;
		z-index:2;
	}
	
	#likinmenu ul, #likinmenu li {	
		padding:0px;
		margin:0px;
		list-style-type:none;
		float:left;
		text-indent:0px;
		cursor:default;
	}
	
	#likinmenu li {
		position:relative;
		padding: 0 18px 0 18px;
		background:url(/img/menu_separator.gif) no-repeat right;
	}
	#likinmenu li:last-child, #likinmenu li.last-child {
		background-image:none;
		padding-right: 0px;
	}

/*	Submenu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
	ul#likinmenu ul {
		position:absolute; visibility:hidden;
		float:none;
		top:54px; left:0px;
		width:100%; height:auto;
		background:url(/img/tlo_submenu.png);
	}
	
	ul#likinmenu li:hover ul, #likinmenu li.hover ul {
		visibility:visible;
	}
	
	ul#likinmenu li ul li {
		width:100%;
		padding:0px;
		height:36px;
		background:none;
		margin-top:0px; margin-bottom:0px;
		line-height:36px;
	}
	
	ul#likinmenu li ul li:hover, ul#likinmenu li ul li.hover {
		background-color:#FFFFFF; line-height:36px;
	}
	
	ul#likinmenu li ul li a {
		line-height:36px; width:100%; height:36px; display:block;
	}
	
/*	Main picture with logo
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.mainpic {
		position:relative;
		width:779px; height:144px;
		margin-left:-10px;
		background:url(/img/pic_mainpic.jpg) no-repeat 0px 0px;
	}
	.mainpic .button {
		width:159px; height:42px;
		position:absolute;
		right:38px; top:51px;
	}
	.mainpic .button:hover, .mainpic .button.hover {
		background:url(/img/b_more_info.jpg) no-repeat;
	}

/*	Main content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.main_content {
		position:relative;
		width:759px; min-height:216px;
		margin-left:-10px;
		background:url(/img/tlo_main_shape.jpg) no-repeat;
		padding:12px 10px 0px 10px;
		clear:both;
		margin-bottom:48px;
	}
	
/*	Left column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.left_column {
		width:471px; min-height:300px;
		margin-left:32px;
		clear:both;
	}
	
	.hr {
		clear:both;
		height:1em;
		background:url(/img/line_dotted.gif) repeat-x 0px 0.5em;
	}
	
	#Inicio, #Noticias, #Main, #News { display:none; }
	
/*	URL
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.url {
		width:461px; height:31px;
		padding-left:10px;
		position:relative;
		margin-bottom:29px;
	}
	
	.url .rog {
		position:absolute;
		display:block;
		width:10px; height:100%;
		background:url(/img/frame_top.gif) no-repeat top left;
		top:0px; left:0px;
	}
	
	.url .content {
		display:block;
		width:100%; height:100%;
		background:url(/img/frame_top.gif) top right no-repeat;
		line-height:31px;
	}
	
	.flag {
		position:absolute;
		top:10px; right:1px;
	}
	.flag img {
		margin-right:10px;
	}
	
/*	Button more
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.button_wrapper {
		height:3em;
		clear:both;
	}
	
	.button_more {
		
		display:inline-block;
		cursor:pointer;
		border:none;
	
		background:url(/img/b_more.gif) no-repeat;
		
		height:27px; line-height: 27px; 
		text-decoration:none;
		color:#732c28;
		font-style:normal;
		margin:-5px 1px 0px 0;
		padding:0 10px 0 0;	
		vertical-align:middle;
		float:right;
		position:relative;
	}
	
	.button_more div {
		
		font-weight:normal;	
		white-space:nowrap;
		cursor:pointer;
		color:#732c28;	
		
		display:inline-block;
		font-size:12px;
		background:url(/img/b_more.gif) 100% 0 no-repeat;
		height:27px;
		line-height:27px;
		padding:0px 10px 0 0;
		margin:0 -16px 0 10px;
		border:none;
	}

	
	.button_more:hover {
		background-position:0 -27px;
		text-decoration:none;
	}
	
	.button_more:hover div {
		background-position:100% -27px;
		color:#bc4841;
	}
	
	.button_more:active div, .button_more:focus div {
		color:#bc4841;
	}
	
	
/*	Right column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.right_column {
		position:absolute;
		width:183px; min-height:300px;
		top:12px; right:42px;
		clear:both;
	}
	
/*	Minibox
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.minibox {
		width:163px; min-height:127px;
		background:url(/img/tlo_minibox.gif) no-repeat;
		padding:0 10px 0 10px;
		margin-bottom:2em;
	}

	.docs p img {
		margin-left:-27px;
		position:absolute;
		top:0px;
	}
	
/*	bottom_menu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#bottom_menu {	
		clear:both;
		width:685px; height:85px;
		padding-left:10px;
		position:relative;
		padding-top:30px;
		margin-bottom:20px;
		margin-left:32px;
		top: -50px;
	}
	
	#bottom_menu .rog {
		position:absolute;
		display:block;
		width:10px; height:100%;
		background:url(/img/frame_bottom2.gif) no-repeat 0px 30px;
		top:0px; left:0px;
	}
	
	#bottom_menu .content {
		display:block;
		width:100%; height:100%;
		background:url(/img/frame_bottom2.gif) top right no-repeat;
		line-height:35px;
		text-align:center;
	}
	
	#bottom_menu .content table, #bottom_menu .content tr, #bottom_menu .content td, #bottom_menu .content th {
		border:none;
		text-align:center;
		margin-left: 50px;
	}
	
	.horizontal_line {
		width:100%;
		height:1px;
		background:url(/img/line_dotted.gif) repeat-x;
		margin-bottom:18px;
		clear:both;
	}


/*	Likin tail
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.likintail {
		float:right;
		margin-top:-30px;
	}

/*	Flags
	
.flags {
	position:absolute;
	top:15px;
	right:20px;
}
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.ico { height:11px; width:16px; background-position:0px; float:left; margin-right:10px; display:inline; }

.pl { background:url(../img/ico_flag_pl.gif) no-repeat; }
.pl:hover { background-position:-16px 0px; }

.gb { background:url(../img/ico_flag_gb.gif) no-repeat; }
.gb:hover { background-position:-16px 0px; }

.es { background:url(../img/ico_flag_es.gif) no-repeat; }
.es:hover { background-position:-16px 0px; }