@charset "utf-8";
/*
#@ ------------------------------------------------ @#
#@| Desarrollado por Jorge Gonzalez - Hernan Vogel |@#
#@| Copyright (c) 2010 por Sonusland		   	   |@#
#@| http://www.sonusland.com			           |@#
#@ ------------------------------------------------ @#
*/

body {
	background-color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 876px;
}

#container {
	width: 740px;
	height: 838px;
	background-color: white;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#sonusland_mundo {
	width: 740px;
	height: 31px;
	margin:auto;
	}

		#sonusland_mundo ul {
			/*position: relative;*/
			width: 741px;
			height: 31px;
			/*float: left;*/
		}
#sonusland_mundo li {
				float: left;
				width:auto;
				height: 31px;
			}
			
.sonusland_mundo:hover {
	opacity: .6;
	filter: Alpha(Opacity=60);
}
.color_blue {
	background-color: #099;
}


	#flags {
	position: relative;
	float: left;
	right: 15px;
	width: 100%;
	height: 30px;
	text-align: right;
	font-variant: small-caps;
	}

		#flags:hover { 
			opacity: .6;
			filter: alpha(opacity=60);
		}

	#header {
		position: relative;
		float: left;
		width: 710px;
		height: 70px;
		padding: 0 15px;
		background: url(../img/buttons_bg.png) no-repeat 15px 0;
	}

		#header a {
			position: relative;
			display: block;
			float: left;
			height: 70px;
			line-height: 70px;
			padding: 0 15px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			color: white;
		}

		#header a:hover { background: url(../img/buttons_bg_hover.png) repeat-x; }

		.button_separator {
			position: relative;
			float: left;
			width: 4px;
			height: 70px;
			background: url(../img/button_separator.png) no-repeat 0 6px;
		}

	.container_wrap {
		position: relative;
		float: left;
		width: 100%;
		height: 5px;
	}

	#main_content {
		position: relative;
		float: left;
		width: 710px;
		height: 340px;
		margin: 0 15px;
	}

		#main_picture {
			position: relative;
			float: left;
			width: 344px;
			height: 340px;
		}

		#main_text {
			position: relative;
			float: left;
			width: 366px;
			height: 340px;
			background-color: #FFB028;
			font-size: 11px;
			line-height: 1.05;
		}

			#main_text p {
				padding: 20px;
				text-align: justify;
				color: white;
			}

			#main_text a {
				font-weight: bold;
				text-decoration: none;
				color: black;
			}

			#main_text a:hover { color: white; }

	#middle_buttons {
		position: relative;
		float: left;
		width: 100%;
		height: 90px;
	}

		#middle_buttons ul {
			position: relative;
			left: 15px;
			width: 710px;
			height: 90px;
		}

			#middle_buttons li {
				float: left;
				width: 177px;
				height: 90px;
			}

				#middle_buttons a {
					display: block;
					width: 177px;
					height: 100%;
				}

				#middle_buttons a:hover {
					opacity: .6;
					filter: alpha(opacity=60);
				}

	#down_content {
	position: relative;
	float: left;
	width: 100%;
	height: 260px;
	background-color: white;
	}

		#down_titles {
			position: relative;
			float: left;
			width: 100%;
			height: auto;
		}

			#down_titles ul {
				position: relative;
				left: 15px;
				width: 710px;
				height: auto;
			}

				#down_titles li {
					float: left;
					width: 177px;
					height: auto;
					color: white;
					text-transform: uppercase;
					font-weight: bolder;
					margin-bottom: -1px;
				}

				.green {
					width: 174px !important;
					background-color: #276E01;
				}

				.orange {
					width: 174px !important;
					background-color: #FF8F00;
					margin-left: 5px;
				}

				.red {
					width: 174px !important;
					background-color: #E50000;
					margin-left: 4px;
				}

				.blue {
					width: 174px !important;
					background-color: #2A3797;
					margin-left: 5px;
				}

		.columns {
			position: relative;
			float: left;
			width: 174px;
			height: 222px;
			margin-left: 5px;
			font-family: arial, tahoma;
			line-height: 15px;
			color:#333;
			text-align:justify;
		}

			.columns ul {
				margin-top: 5px;
				list-style: url(../img/arrow.gif) inside;
				font-size: 12px;
				color:#333;
			}

				.columns li { margin: 5px 0; }

			.columns a, .columns a:visited, .columns a:active {
				font-size: 12px;
				text-decoration: none;
				color:#333;
			}

			.columns a:hover { color: #FF8800; }

			.columns p { padding: 5px 8px; }

			.columns label {
				display: block;
				position: relative;
				float: left;
				width: 100%;
				margin: 5px 0;
				padding-left: 5px;
			}

			.columns input, .columns textarea {
				font-size: 11px;
				width: 170px;
				padding: 2px 2px;
			}

		#down_content_top {
			position: relative;
			float: left;
			width: 100%;
			height: 15px;
			background: url(../img/down_content_top.png) no-repeat 15px 0;
		}

		#down_content_title {
			position: relative;
			float: left;
			width: 69px;
			height: 250px;
			background: url(../img/down_content_title_bg.png) repeat-y 15px 0;
		}

			#down_content_title img { float: right; }

		#down_content_text {
			position: relative;
			float: left;
			width: 671px;
			height: 250px;
			background: url(../img/down_content_bg.png) repeat-y 654px 0;
			color: #333;
		}

			#down_content_text h2 {
				padding-left: 15px;
				font-weight: bold;
				text-transform: uppercase;
				color: #FF8300;
			}

			#down_content_text p {
				padding: 0 35px 0 15px;
				text-align: justify;
				font-size: 12px;
				line-height: 15px;
			}

	#foot {
		position: relative;
		float: left;
		width: 100%;
		height: 43px;
		line-height: 47px;
		background: url(../img/bg_foot.gif) white repeat-x;
		font-size:11px;
	}

	#foot a:link, a:visited, a:active { 
		font-size: 11px;
		text-decoration: none;
		color: black;
	}

	#foot a:hover { color: #FF8800; }

	#foot img { vertical-align: middle; }

	.copyright {
		padding-left: 25px;
		padding-right: 140px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
	}
	
	#cases {
		width: 100%;
		text-align: center;
		color: white;
	}
		#cases a {
			text-decoration: none;
			font-size: 11px;
			color: black;
			margin-left: 10px;
		}

		#cases a:hover { color:#FFF; }
		
	#content_news {
		width:620px;
		margin-left:15px;
		height:17px;
		line-height:20px;
		display:block;
		margin-top:10px;
	}
	
	.texto{
		float:left;
	}
		
	#boton {
		background:url(../img/bton_num.png);
		width:20px;
		height:20px;
		line-height:20px;
		text-align:center;
		color:#FFF;
		font-family:Verdana, Arial;
		font-size:10px;
		display:block;
		margin-left:5px;
		float:left;
		text-decoration:none;
	}
	
	#boton:hover {
		z-index:25;
	}

	#boton span {
		display: none
	}

	#boton:hover span { /*the span will display just on :hover state*/
		z-index:1;
    	display:block;
		margin-top:2px;
    	top:2em; 
		left:2em; 
		width:250px;
		border-top: 1px solid #FFAC5B;
		border-left: 1px solid #FFAC5B;
		border-bottom: 1px solid #EC7400;
    	border-right: 1px solid #EC7400;
    	background-color:#FF9933; 
		color:#fff;
    	text-align: center;
		font-size: 10px;
		font-family:Arial, Helvetica, sans-serif;
	}
.tamagno_videos {
	position: relative;
			float: left;
			width: 174px;
			height: 222px;
			margin-left: 5px;
			font-family: arial, tahoma;
			line-height: 15px;
			color:#333;
			text-align:justify;
		}

		/*	.tamagno_videos ul {
				margin-top: 5px;
				list-style: url(../img/arrow.gif) inside;
				font-size: 12px;
				color:#333;
		}*/
		.ulcolumna {
				margin-top: 5px;
				list-style: url(../img/arrow.gif) inside;*/
				font-size: 12px;
				text-decoration: none;
				color:#333;
			}
		.ulcolumna_link {
				margin-top: 5px;
				list-style: url(../img/arrow.gif) inside;*/
				font-size: 12px;
				text-decoration: none;
				color:#333;
			}
		.ulcolumna_link :visited, .ulcolumna_link :active {
				font-size: 12px;
				text-decoration: none;
				color:#333;
			}

			.ulcolumna_link :hover { color: #FF8800; }

				.tamagno_videos li { margin: 5px 0; }
.tamagno_columna_videos {
	height: 110px;
	width: 173px;
}
.contenedor_videos {
	height: 5px;
	width: 173px;
}
#down_titles_videos {
	height: 15px;
	width: 173px;
	padding: -10px;
}
#down_titles_videos ul {
	/*position: relative;*7
	/*left: 15px;*/
	width: 173px;
	height: auto;
}

#down_titles_videos li {
	float: left;
	width: 173px;
	height: auto;
    color: white;
	text-transform: uppercase;
	font-weight: bolder;
	margin-bottom: -1px;
	
}