@import url("reset.css");
/*
Joel Valverde. Locutor profesional, 2010
*/
/*---------------
=general
---------------------------------------------*/
/*Clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

body {
	color: #333;
	background: #333 url('images/bg_body.gif');
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
strong {font-weight: bold;}

/*skip*/
#skip {
	position : absolute;
	top : -9000px;
	left : -9000px;
	z-index : 1;
}
	#skip a:focus,
	#skip a:active {
		position : absolute;
		top : 9010px;
		left : 9010px;
		background : #fff;
		color : #333;
		padding : 5px;
		font-weight : bold;
		border : 1px solid #600;
		width : 16em;
		z-index : 1;
	}

/*---------------
=Layout
---------------------------------------------*/
.wrapper {
	width: 700px;
	margin: 0 auto;
	position: relative;
}

/*---------------
=masthead
---------------------------------------------*/
#masthead {
	border-top: 3px solid #ccc;
	padding-top: 41px;
}
	#tagline {
		position: absolute;
		right: 0;
		top: 105px;
	}
	.en #tagline {top: 80px;}
	#lang {
		position: absolute;
		right: 0;
		top: 0;
	}
		#lang li {
			color: #fff;
			font-size: .75em;
			display: inline;
			margin-left: 20px;
		}
			#lang a {color: #fff;}
			#lang a:hover {text-decoration: none;}

/*---------------
=nav_main
---------------------------------------------*/
#nav_main {margin-bottom: 30px;}
	#nav_main li {display: inline;}
		#nav_main li a {
			display: block;
			float: left;
			font-size: .875em;
			margin: 40px 18px 0 0;
			padding: 8px 10px;
			text-decoration: none;
			color: #fff;
			background: #333;
			background: rgba(0,0,0,.5);
		
			-moz-box-shadow: 0 1px 5px rgba(0,0,0,.3);
			-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
			-khtml-box-shadow: 0 1px 5px rgba(0,0,0,.3);
			box-shadow: 0 1px 5px rgba(0,0,0,.3);
		
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			border-radius: 5px;
		
			-o-transition: all .2s linear;
	   		-moz-transition: all .2s linear;
			-webkit-transition: all .2s linear;
			transition: all .2s linear;
		}
		#nav_main .last {margin-right: 0;}
		#nav_main li a:hover,
		#nav_main li.current a {
			color: #333;
			background: #0cf;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			border-radius: 5px;
		}
		#nav_main li a:focus {outline: 1px dotted #fff;}
		#nav_main .current a {cursor: default;}

/*---------------
=content_main
---------------------------------------------*/
/*links*/
#content_main a:link,
#content_main a:visited {
	color: #f30;
	text-decoration: none;
	border-bottom: 1px solid #f30;
}
#content_main a:hover {
	color: #fff;
	background-color: #f30;
}
#content_main a[href^="http"],
#content_main a[href^="mailto"] {
	background-image: url('images/ext.gif');
	background-position: right 50%;
	background-repeat: no-repeat;
	padding-right: 15px;
}
#content_main a[href^="mailto"] {background-image: url('images/mail.gif');}
#content_main a[href^="http"]:hover {background-image: url('images/ext-hover.gif');}
#content_main a[href^="mailto"]:hover {background-image: url('images/mail-hover.gif');}

#content_main {
	background: #fff url('images/bg_content_main.gif');
	border-top: 3px solid #ccc;
	padding: 30px 0;
}
#txt {
	float: left;
	width: 416px;
}
#imgs {
	float: right;
	width: 254px;
	margin-left: 30px;
	text-align: center;
}
#content_main #tragora {
	border: none;
	background: none;
	padding: 0;
	margin-right: 30px;
}
/*bt*/
#contacto #content_main .bt {text-align: center;}
#content_main .bt {clear: left;}
	#content_main .bt a,
	#content_main .bt a:visited {
		margin: 0 auto 1.5em;
		background: #f30;
		padding: .5em 3em;
		font-size: 20px;
		color: #fff;
		display: inline-block;
		
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
		
		-moz-box-shadow: 0 1px 5px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
		-khtml-box-shadow: 0 1px 5px rgba(0,0,0,.3);
		box-shadow: 0 1px 5px rgba(0,0,0,.3);
	}
	.en #content_main .bt a,
	.en #content_main .bt a:visited {
		font-size: 16px;
	}
	#content_main .bt a:hover {
		background: #f30;
		text-shadow: 0 0 0 rgba(0,0,0,0);
		-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
		-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
		-khtml-box-shadow: 0 0 0 rgba(0,0,0,0);
		box-shadow: 0 0 0 rgba(0,0,0,0);
	}

/*---------------
=estils text
---------------------------------------------*/
#content_main p,
#content_main ul,
#content_main ol {
	font-size: .875em;
	margin: 0 0 1.5em;
	line-height: 1.5;
}
	#content_main li {
		margin: .5em 0;
		background: url('images/kland.gif') 0 .5em no-repeat;
		padding-left: 14px;
		height: 1%; /*ie6*/
	}
#networks {text-align: center;}
	#networks li {
		background: none;
		margin: 0 8px 0 0;
		padding-left: 0;
		display: inline;
		line-height: 3;
	}
		#content_main #networks a {
			background: none;
			border: none;
			padding: 0;
		}
#media li {
	background: none;
	padding-left: 0;
	margin: .75em 0;
	font-size: .857em;
	float: left;
	width: 335px;
}
#media li.even {margin-right: 30px;}
		#media div div {margin-top: .5em;}
#content_main h2 {
	font-size: 1.25em;
	margin: 0 0 .75em;
	font-weight: bold;
}
#content_main h3 {
	font-size: 1.125em;
	margin: 0 0 .75em;
}
#amigos {
	-moz-column-count: 3;
	-moz-column-gap: 30px;
	-webkit-column-count: 3;
	-webkit-column-gap: 30px;
	-khtml-column-count: 3em;
	-khtml-column-gap: 30px;
	column-count: 3;
	column-gap: 30px;
}
.clientes {
	-moz-column-count:2;
	-moz-column-gap: 30px;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	-khtml-column-count: 2em;
	-khtml-column-gap: 30px;
	column-count: 2;
	column-gap: 30px;
}

/*---------------
=site_info
---------------------------------------------*/
#site_info {
	border-top: 3px solid #ccc;
	text-align: center;
	padding: 20px 0;
	color: #fff;
	font-size: .75em;
}