/*
	Name: Objetivo Negocio
	Date: abril 2010
	Description: HTML5 and CSS3
	Version: 1.0
	Author: Carlo D'Urso
	Autor URI: http://www.objetivonegocio.com
*/
	

	/* Imports */
	@import url("reset.css");
	/***** Global *****/

	/* Body */

	* { padding: 0; margin: 0;}

	body {
	color: #333;
	font-size: 12px;
	font-size: 90%; /* Base font size: 12px */
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	background: url(../images/backsides.png) repeat-y 50% 0;
	height: 100%;
	}

	/* Headings */
	h1 {font-size: 1.601em}	/* 24px */
	h2 {font-size: 1.571em}	/* 22px */
	h3 {font-size: 1.429em}	/* 20px */
	h4 {font-size: 1.286em}	/* 18px */
	h5 {font-size: 1.143em}	/* 16px */
	h6 {font-size: 1em}	/* 14px */

	/* Anchors */
	a img {border: 0px; text-decoration: none;}

	a:link, a:visited {
	color: #ff6600;
	padding: 0 1px;
	text-decoration: none;
	}

	a { outline: none; }
	
	::-moz-selection {background: #D6D6AD; color:#0E6D6D;}
	::selection {background: #D6D6AD; color:#0E6D6D;} 

	
	/***** Content *****/

	#background {
	background:url(../images/header.png) repeat-x 0 0;
	height:37px;
	margin:0 0 -2.6em 0;
	}

	#wrapper { 
	margin: 0 auto;
	width: 100%;
	height:100%;
	min-height: 100%;
	}

	#content { 
	margin: 0 auto;
	width: 960px;
	height: 100%; 
	}

	/* Header */
	#header{
	width:100%;
	height:35px; 
	margin-bottom:1.3em;
	} 

	#header #logo {
	float:left;
	height: 50px;
	width: 257px; 
	margin-left:0.15em;
	}

	#header ul {
	float: right;
	text-align: right;
	margin: 1.2em 0 0 0;
	padding: 0;
	}

	#header ul li {
	display: inline;
	list-style-type: none;
	}

	#header ul li img{
	vertical-align:middle;
	}

	#header ul li.first{
	font-style: italic; 
	}

	#header ul li.last{
	margin-left:4em;
	font-style: italic; 
	}

	#header ul li.number{
	font-size:170%;
	font-weight:bold;
	vertical-align:middle;
	color:#333;
	padding-bottom:0.1em;
	}
	
	/* Menu */
	#navigation	{
	width:auto; 
	height:37px; 
	background: url(../images/bar-menu.gif) no-repeat 0 0; 
	padding:0;
	margin:0;
	}

	#navigation ul li.first {
	margin:0 0 0 1.7em; 
	background: none;
	padding-left:0.5em; 
	}

	#navigation ul li.space {
	margin-left:21em; 
	background: none;
	}

	#navigation ul li {
	display:inline-block; 
	list-style:none; 
	position:relative; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:1.3em;
	background: url(../images/bullet-la.gif) no-repeat 100% 50%;
	margin-left:-0.4em;
	}

	#navigation li a { 
	color:#333; 
	text-decoration:none;
	display:block;
	height:23px;
	padding:0.6em 1em 0.5em 1em;
	}

	#navigation li a:hover {
	color:#fff;
	background: url(../images/menu-hover.png) repeat-x 0 0;
	}

	#navigation li ul {
	display:block; 
	position:absolute; 
	top:37px; 
	left:8px;
	background-color:#fff;
	visibility:hidden;
	outline: outset 0.1em #ececd9;
	}

	#navigation li:hover ul {
	visibility: visible;
	}

	#navigation li li {
	background-image:none;
	}

	#navigation li li a {
	color:#333; 
	text-decoration:none;
	height:auto;
	width:150px;
	font-size:13px;
	font-weight:normal;
	background-color:#fff;
	padding:0.3em 1em 0.3em 1em;
	}

	#navigation li li a:hover { 
	background: #f60 url(../images/bullet-l.gif) no-repeat 3% 50%;
	}

	#navigation li li.form a { 
	width:125px;
	}

	#navigation li li.not a:hover { 
	background:#ccc;
	}

	#navigation ul li.blog {
	background: url(../images/bullet-la.gif) no-repeat 0 50%;
	}

	#navigation ul li.blog li a{
	width:70px; 
	}
	
	#navigation ul li.blog li a:hover{
	background-position: 5% 50%;
	}

	#navigation ul li.language{
	background: url(../images/menu-hover.png) repeat-x 0 0;
	float:right;
	margin-right:3.6em;
	}

	#navigation ul li.language a{
	color: #fff;
	font-style:italic;
	font-size:90%;
	height:21px;
	padding-top:0.75em;
	padding-bottom:0.5em;
	}
	
	#navigation ul li.language ul li a{
	width:70px;
	color: #333;
	padding:0.2em 1.1em 0.2em 1em;
	}

	#navigation ul li.language ul li a:hover{
	color: #fff;
	background-position: 5% 50%;
	}

	#cu3er	{
	height:350px; 
	margin:0.9em 0 1.7em 0;
	outline:0;
	} 

	/* DIV Oferta */
	#ofertas {
	width: 960px;
	heigh/**/t:100%;
	margin:0 0 0.5em 0;
	}

	#ofertas a{
	color:#333;
	font-size:16px;
	font-family: Arial Narrow, sans-serif;
	padding:0;
	}

	#ofertas h1{
	background: url(../images/bar-header.gif) no-repeat 0 0;
	font-size:20px;
	font-family: Arial Narrow, sans-serif;
	font-weight:bold;
	color:#f60;
	width: 305px;
	height:37px;
	padding:0.4em 0 0 0.5em;
	}

	#ofertas div{
	width: 305px;
	text-align:left;
	display:inline-block;
	clear:right;
	line-height:1.5em;
	}

	#ofertas div.first{
	float:left;
	}

	#ofertas div.last{
	float:right;
	}

	#ofertas #destacado a{
	font-weight:bold;
	}

	#ofertas #destacado a:hover{
	color:#f60;	
	}

	#ofertas #destacado img{
	padding:0;
	vertical-align:text-top;
	}

	#ofertas .destacados a{
	font-weight:normal;
	}

	#ofertas div.mainboard{
	float:left;
	width:630px;
	font-family: Arial, Helvetica, sans-serif;
	}

	#ofertas div.mainboard h1{
	background: none;
	font-size:20px;
	font-family: Arial Narrow, sans-serif;
	font-weight:bold;
	color:#0E6D6D;
	width: 600px;
	height:37px;
	padding:0.4em 0 0 0;
	}

	#ofertas div.mainboard ul li{
	background: url("../images/yes_icon.gif") no-repeat 0 0.2em;
	padding:0 0 0 1.5em; 
	font-weight:bold;
	}

	#ofertas div.mainboard ul li.not{
	background: url("../images/no_icon.gif") no-repeat 0 0.2em;
	}

	#ofertas div.mainboard ul li.pdf{
	background: url("../images/pdf.gif") no-repeat -0.2em 0;
	}
	
	#ofertas div.mainboard a{
	font-weight:bold;
	}

	#ofertas div.mainboard a:hover{
	color:#f60;
	}

	/*Formulario Begin*/
	#ofertas div.mainboard #formulario{
	width:620px;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	font-size:14px;
	}

	#ofertas div.mainboard #formulario li{
	margin:0 0 0.2em 0;
	}

	#ofertas div.mainboard #formulario fieldset{
	border:1px solid #D6D6AD;
	padding:0.5em;
	margin:0 0 1em 0;
	}

	#ofertas div.mainboard #formulario legend{
	color:#f60;
	font-weight:bold;
	}

	#ofertas div.mainboard #formulario label.align{
	float: left; 
	width: 170px; 
	margin:0 2em 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	font-size:90%;
	}

	#ofertas div.mainboard #formulario label {
	font-size:95%;
	}

	#ofertas div.mainboard #formulario input, textarea{
	border:1px solid #0E6D6D;
	width: 370px; 
	height:20px;
	font-weight:bold;
	font-size:90%;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	#ofertas div.mainboard #formulario input#reset {
	width: 170px;
	color:#fff;
	font-weight:bold;
	background-color:#f60;
	float:right;
	margin-right:10.5em;
	height:25px;
	}

	#ofertas div.mainboard #formulario input#submit{
	width: 170px;
	color:#fff;
	font-weight:bold;
	background-color:#ccc;
	float:left;	
	margin-left:10.5em;
	height:25px;
	}

	#ofertas div.mainboard #formulario input#adjuntar{
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	}

	#ofertas div.mainboard #formulario input.ingles{
	width: 30px;
	height:auto;
	vertical-align:middle;
	margin-right:2em;
	border:none;
	}

	#ofertas div.mainboard #formulario select{
	border:1px solid #0E6D6D;
	}

	#ofertas div.mainboard #formulario textarea{
	height:70px;
	}
	
	#ofertas div.mainboard .phpmessage{
	width:100%;
	}
	/*Formulario End*/

	#ofertas img{
	padding:1.5em 0 0.7em 0;
	}

	#ofertas a.button{
	background: url(../images/bar-button.gif) no-repeat 0 0;
	color:#fff;
	float:right;
	width:70px;
	height:25px;
	font-size:90%;
	text-align:center;
	padding:0.3em 0 0 0;
	font-weight:bold;
	}

	#ofertas a:hover.button{
	background-position: 0px -31px;
	}

		/* START Slider */
	.anythingSlider                         { width: 600px; height: 400px; position: relative; margin: 0 auto 45px; }
	.anythingSlider .wrapper                { width: 600px; overflow: auto; height: 350px; margin: 0 40px; position: absolute; top: 0; left: 0; }
	
										   /* Width below is max for Opera */
	.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left:0; background: #fff; /*border-bottom: 3px solid #e0a213;*/ margin: 0; padding:0 0 0 0.7em; }
	.anythingSlider ul li                   { display: block; float: left; padding: 0.5em 1em 0 0; height: 350px; width: 600px; margin: 0px; }
	.anythingSlider ul li img               { vertical-align:text-top; margin:0 0.7em 0 0; clear:both;}
	.anythingSlider ul li a:hover           {color:#0E6D6D; }
	.anythingSlider .arrow                  { display: block; height: 120px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 50px; cursor: pointer; }
	.anythingSlider .forward                { background-position: 0 0; right: -70px; }
	.anythingSlider .back                   { background-position: -67px 0; left: -70px; }
	.anythingSlider .forward:hover          { background-position: 0 -200px; }
	.anythingSlider .back:hover             { background-position: -67px -200px; }
	
	/*#thumbNav                               { position: relative; top: 323px; text-align: center; }
	#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
	#thumbNav a:hover                       { background-image: none; }
	#thumbNav a.cur                         { background: #e0a213; }
	#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
	#start-stop.playing                     { background-color: red; }
	#start-stop:hover                       { background-image: none; }*/
	
	.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
	.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
		/* // END Slider */


	.spacer {
	margin:0.5em 0 0.5em 0;
	}

	.morewhitespace {
	margin:2.5em 0 2.5em 0;
	height:100px;
	}

	/* DIV Noticias */
	#noticias {
	width: 960px;
	margin:0 0 5em 0;
	}

	#noticias div{
	display:inline-block;
	width: 305px;
	height:100%;
	text-align:left;
	line-height:1.5em;
	clear:right;
	}

	#noticias h1{
	background: url(../images/bar-menu.gif) no-repeat 0 0;
	font-size:20px;
	font-family: Arial Narrow, sans-serif;
	font-weight:bold;
	color:#f60;
	width: 960px;
	height:37px;
	text-align:left;
	padding:0.4em 0 0 0.5em;
	}

	#noticias div.first{
	float:left;
	}

	#noticias div.last{
	float:right;
	}

	#noticias div.last #jcarousel{
	width:275px;  
	height:275px;
	background:#eaead7; 
	padding:0.7em 0.5em 1em 1em;  
	border:3px solid #D6D6AD;
	}

	#noticias div.last .eventos {
	width:270px;
	}

	#noticias div.last .eventos ul li{
	margin:0 0 1.5em 0;  
	padding:0.3em 0 0.3em 0;  
	line-height:1em;
	height:27px;
	}

	#noticias div.last .eventos ul li:hover{
	background:#D6D6AD; 
	color:#000;
	}

	#noticias div.equipo{
	float:left;
	width:620px;
	}

	#noticias .thumb{
	width:190px;
	height:120px;
	padding:1px;
	border:1px solid #333;
	margin:1em 0 0 0;
	}
	
	#noticias #accordion div{
	width:620px;
	margin:0 0 1.2em 0;
	height:290px;
	}

	#noticias #accordion a.head{
	color:#0E6D6D;
	font-size:17px;
	font-weight:bold;
	background:#D6D6AD;
	display:block;
	margin:0 0 0.2em 0;
	height:24px;
	padding:0.2em 0 0 0.5em;
	}

	#noticias #accordion div.prensa {
	vertical-align:top;
	/*overflow:scroll;*/
	}

	#noticias #accordion div.prensa li {
	display: inline-block;
	list-style:none;
	width:190px;
	margin:0.2em 0 0 0.2em;
	}

	#noticias p{
	color:#0E6D6D;
	font-size:17px;
	font-weight:bold;
	font-family: Arial Narrow, sans-serif;
	clear:both;
	margin-bottom:1em;
	}
	
	#noticias ul li.leidos{
	margin-bottom:1em;
	font-size:94%;
	}

	#noticias ul li.leidos a{
	font-size:90%;;
	}

	#noticias ul li.leidos a:hover{
	text-decoration:underline;
	}

	#noticias div .button {
	float:right;
	font-size:90%;
	font-style:italic;
	}

	#noticias div .button a{
	text-align:right;
	color:#0E6D6D;
	padding-top:2em;
	}

	#noticias div .button a:hover{
	text-decoration:underline;
	}

	#noticias div.flickr{
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 300px;
	overflow: hidden;
	}

	#noticias div.flickr ul {
	list-style:	none;
	float: 	left;
	}

	#noticias div.flickr ul li {
	display: inline;
	}
	
	#noticias div.flickr ul li img {
	border: none;
	padding: 0 7px 7px 0;
	width: 	90px;
	height: 90px;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90);
	}
	
	#noticias div.flickr ul li img:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	}

	#noticias div.last #tweet{
	width:100%;
	height:100%;
	margin-top: -0.4em;
	line-height:1.2em;
	}

	#noticias div.last #tweet td{
	border-bottom:1px dotted #ccc;
	padding:0.4em 0.8em 0.4em 0;
	vertical-align:top;
	}

	#noticias div.last #tweet a{
	font-size:75%;
	color:#0E6D6D;
	}

	#noticias div.last #tweet a:hover{
	text-decoration:underline;
	}

	/* Footer Starts */
	#footer{
	width: 100%;
	height:200px; 
	background: #f60 url(../images/bar-footer.gif) repeat-x 0 100%;
	padding:1em 0 0 0;
	color:#fff;
	} 

	#footer #wrapper{
	width: 960px;
	text-align:left;
	}

	#footer .naviga{
	width:600px;
	margin:-5em 0 2.9em 0;
	}
	#footer .naviga a{
	font-weight:bold;
	color:#333;
	}
	#footer .naviga a:hover{
	color:#f60;
	}
	#footer .naviga left{
	float:left;
	}
	#footer .naviga #left img{
	vertical-align: middle;
	margin:0;
	padding:0;
	}

	#footer .naviga #right{
	float:right;
	}
	#footer .naviga #right img{
	vertical-align: middle;
	margin:0;
	padding:0;
	}
	
	#footer h1{
	font-size:20px;
	font-family: Arial Narrow, sans-serif;
	font-weight:bold;
	text-align:left;
	padding:0.5em 0 0.5em 0;
	}

	#footer li{
	font-size:13px;
	text-align:left;
	list-style:none;
	font-weight:bold;
	line-height:1.2em;
	}

	#footer li a{
	color:#fff;
	}

	#footer li a:hover{
	text-decoration:underline;
	}

	#footer div.first{
	float:left;
	width:170px;
	margin-right:2em;
	}

	#footer div.firstoff{
	float:left;
	width:215px;
	margin-right:2em;
	}
	
	#footer div.last{
	float:right;
	width:270px;
	margin-left:1em;
	background: url(../images/i-logo.gif) no-repeat 0 0.8em;
	padding-left:1.8em;
	}

	#footer div.last h1{
	font-size:20px;
	font-family: Calibri, Verdana;
	font-weight:bold;
	}

	/* *** Float containers fix:
	http://www.csscreator.com/attributes/containedfloat.php *** */ 
	.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
 
	.clearfix{display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix{height: 1%;}
	.clearfix{display: block;}
	/* End hide from IE-mac */