@charset "utf-8";
* {
	margin:0;
	padding:0;
}
body {
	background-color:#A1BF83;
	font-family: "Century Gothic",Verdana, Arial, Helvetica, sans-serif;
	color: #245A04;
	font-size: 12px;
}
img {
	border:0;
}

/***** div#container *****/
div#container {
	width:896px;
	margin:40px auto 0 auto;
	clear: both;
}

/***** div#header *****/
div#header {
	height: 120px;
	overflow: hidden;
	position: relative;
}
div#header h1 {
	font-size: 14px;
}
div#header a img {
	border:0;
} 

/***** div#wrap *****/
div#wrap {
	width:776px;
	padding: 0 60px 0 60px;
	overflow:hidden;
	background-color: #E0E9D6;
	clear: both;
} 

/***** ul#nav *****/
ul#nav {
	overflow:hidden;
	display:block;
	width: 766px;
	text-align:left;
	padding: 0 5px 3px 5px;
	background-color: none;
	border-top: 1px solid #9b9;
	border-bottom: 1px solid #9b9;
	margin-top: 10px;
	clear:both;
	margin: 5px 0 15px 0;
}
ul#nav li {
	font-size:14px;
	line-height:14px;
	display:block;
	text-align: center;
	text-transform: uppercase;
	float: left;
	padding: 0;
	list-style: none;
	margin: 3px 0 0 0;
}
ul#nav li a {
	font-weight:bold;
	text-decoration:none;
	color:#3D7726;
	padding:3px 0 3px 0;
	border-right: 0 solid #aca;
	margin: 0 14px 0 0;
	display: block;
}
ul#nav li a:link, ul#nav li a:active, ul#nav li a:visited {
}
ul#nav li a:hover {
	text-decoration:none;
	color:#71AF5A;
} 
ul#nav li a.activa {
	color:#09F;
}   
ul#nav li.destacada a {
	padding:3px 5px 3px 5px;
	background-color:#F4F4F4;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
}

/***** wrapContent *****/
div#wrapContent {
	overflow: hidden;
	padding: 25px;
	clear:both;
	background: #D5E4BD;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
}  

/***** sideContent *****/
div#sideContent {
	width:220px;
	float: left;
	margin: 0 25px 0 0;
	background-color: #E0E9D6;
	padding: 5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
} 
div#registro {
	border: 1px solid #FFF;
	padding: 10px;
}
div#sideContent div#registro p.mensaje { 
	font-size:12px;
	line-height: 18px;
	letter-spacing: 0px;
	display: block;
	border-bottom: 1px solid #AAA;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
} 
div#sideContent div#registro form {
	font-size:10px;
	line-height: 12px;
}
div#sideContent div#registro form fieldset{
	border:0;
	border-bottom:1px dotted #EEE;
	padding:0 0 10px 0;
} 
div#sideContent div#registro form p {
	padding: 0;
}
div#sideContent div#registro form p label {
	font-weight: bold;
	color: #444;
}
div#sideContent div#registro form p label.error {
	font-weight: normal;
	color: #090;
	margin:0 0 10px 0;
	display:block;
} 
div#sideContent div#registro form p input.field {
	display: block;
	margin: 2px 0 12px 0;
	width: 200px;
}
div#sideContent div#registro form p input.correo {
	display: block;
	margin: 2px 0 2px 0; 
	width: 200px;
}
div#sideContent div#registro form p input.error {
	border:1px solid #090;
	margin: 2px 0 2px 0; 
}
div#sideContent div#registro form p input.btn {
	margin: 10px auto 0 auto;
	display: block;
}
div#sideContent div#registro div.count {
	width:180px;
	height:101px;
	background:url(../images/divRegister.divCount-background.png) no-repeat;
	margin: 10px 0 0 35px;
	padding: 0 0 0 0;
}
div#sideContent div#registro div.count strong {
	display: block;
	margin: 0 0 0 15px;
	width: 85px;
	text-align: center;
	text-shadow: #999 2px 2px 2px;
	font-size: 20px;
	padding: 18px 0 0 0;
	color: #060;	
} 

/***** div#mainContent *****/
div#mainContent {
	width:471px;
	float: left;
}
div#mainContent.fullWidth {
	width: 776px;
}
div#mainContent h1 {
	font-size: 13px;
	text-shadow: #FFF 1px 1px 1px;
	color: #245A04;
	text-align: justify;
	line-height: 18px;
	margin: 0 0 10px 0;
	clear: both;
} 
div#mainContent h2 {
	font-size: 13px;
	text-shadow: #FFF 1px 1px 1px;
	color: #245A04;
	text-align: justify;
	line-height: 18px;
	margin: 0 0 10px 0;
}  
div#mainContent p {
	color: #245A04;
	font-size: 12px;
	margin: 0 0 10px 0;
	text-align: justify;
} 
div#mainContent a:link, div#mainContent a:active {
	color:#06C;
	text-decoration:none;
	border-bottom: 1px dotted #06c;
} 
div#mainContent a:hover {
	color:#004F9D;
	text-decoration:none;
	border-bottom: 1px dotted #004F9D;
} 
div#mainContent a:visited {
	color:#4BADB0; 
	text-decoration:none;
	border-bottom: 1px dotted #4BADB0;
} 
div#mainContent div.videos {
	width:471px;
	margin:0 0 15px 0;
}

/***** div#footer *****/
div#footer {
	width:896px;
	margin:0 auto 40px auto;
	height:41px;
	min-height:41px;
	background:url(../images/footer_background.png) bottom left no-repeat;
	clear: both;
}
div#footer ul {
	margin: 0 auto 0 auto;
	width: 150px;
	padding: 8px 0 0 0;
}
div#footer ul li {
	list-style: none;
	margin: 0 5px 0 0;
	display: inline;
}
div#footer ul li a {
	display:block;
	background:url(../images/divFooter_ul_li_a_background.png) no-repeat;
	width:25px;
	height:25px;
	text-indent:-9000px;
	float: left;
} 
div#footer ul li.flickr a {
	background-position:top left;
}
div#footer ul li.other a {
	background-position:left -25px;
}
div#footer ul li.vimeo a {
	background-position:left -50px;
}   
div#footer ul li.youtube a {
	background-position:left -75px;
}   
div#footer ul li.facebook a {
	background-position:left -100px;
}   
div#footer ul li.twitter a {
	background-position:left -125px;
}
div#footer ul li.facebookcausa a {
	background-position:left -150px;
}
div#footer ul li.flickr a:hover {
	background-position:right top;
}
div#footer ul li.other a:hover {
	background-position:right -25px;
}
div#footer ul li.vimeo a:hover {
	background-position:right -50px;
}   
div#footer ul li.youtube a:hover {
	background-position:right -75px;
}   
div#footer ul li.facebook a:hover {
	background-position:right -100px;
}   
div#footer ul li.twitter a:hover {
	background-position:right -125px;
}  
div#footer ul li.facebookcausa a:hover {
	background-position:right -150px;
}
div#footer ul li a:link, div#footer ul li a:active, div#footer ul li a:visited {
}
div#footer ul li a:hover {
}
div#footer ul li a span {
	display:block;
	width:25px;
	height:25px;
	margin:-25px;
	overflow:hidden;
}
div#footer p {
	display:block;
	clear:both;
	text-align:center;
	padding:15px 0 10px 0;
	font-size:11px;
	font-weight:bold;
}
div#footer p a {
}
div#footer p a:link, div#footer p a:active, div#footer p a:visited {
	color:#06C;
	text-decoration:none;
}
div#footer p a:hover {
	color:#06C;
	text-decoration:underline;
} 

/***** ul#logos *****/
ul#logos {
	display: block;
	margin: 25px 0 0 0;
	list-style: none;
	clear: both;
	float: none;
	overflow: hidden;
}
ul#logos li {
	display: block;
	width: 126px;
	height: 84px;
	float: left;
	margin: 0 13px 13px 0;
	padding: 3px;
	background-color: #E0E9D6;
	list-style: none;
}
ul#logos li a {
	border: 0;
} 
ul#logos li a:link, ul#logos li a:active, ul#logos li a:visited, ul#logos li a:hover {
	border: 0;
} 
ul#logos li a img {
	border:1px solid;
	border-color: #FFF;
	padding:2px;
	background:#FFF;
}  
ul#logos li a:hover img {
	border:1px solid;
	border-color: #398C39;
}   
ul#logos li span img {
	border:1px solid;
	border-color: #FFF;
	padding: 2px;
	background: #FFF;
} 
ul#logos li span:hover img {
	border:1px solid;
	border-color: #DDD;
}   

/****** div#videos *****/
div#videos {
	width:471px;
	height:auto;
}

div.gal {
	overflow:hidden;
	clear: both;
	float: none;
}
div.gal a {
	display:block;
	background-color:#FFF;
	float:left;
	margin: 0 5px 5px 0;
	overflow: hidden;
	border: 2px solid #FFF;
	border-color: #70B458;
} 
div.gal a:hover {
	border-color:#FFF;
}
div.gal strong {
	display:block;
	margin:0 0 5px 0;
	padding: 0 5px 0 0;
}
div.gal p {
	display:block;
	clear:both;
	font-size: 10px;
	padding: 0;
} 

div#sideContent div.gal {
	padding:5px 0 3px 5px;
	border: 0;
	margin: 5px 0 10px 0;
}
div#sideContent div.gal a {
	width:61px;
	height:61px;
}
div#mainContent div.gal a {
	width:120px;
	height:80px;
}
div#sideContent div.remolino {
	background-color:#F7FDE8;
}
div#sideContent div.gal p a {
	display: inline;
	width: auto;
	height: auto;
	border: 0;
	background: transparent;
	font-weight: bold;
} 
div#sideContent div.gal p a:link, div.gal p a:active {
	color:#06C;
	text-decoration:none;
	border-bottom: 1px dotted #06c;
} 
div#sideContent div.gal p a:hover {
	color:#004F9D;
	text-decoration:none;
	border-bottom: 1px dotted #004F9D;
} 
div#sideContent div.gal p a:visited {
	color:#4BADB0; 
	text-decoration:none;
	border-bottom: 1px dotted #4BADB0;
}

div#mainContent ul#tabbedNav {
	display: block;
	margin: 0 0 6px 0;
	padding: 0;
	overflow: hidden;
	border-bottom: 1px solid #9b9;
	border-top: 1px solid #9b9;
}
div#mainContent ul#tabbedNav li {
	display: block;
	float: left;
	list-style: none;
	font-weight: bold;
	border-right: 0;
	border-color: #9b9;
	margin: 2px 0 0 0;
}
div#mainContent ul#tabbedNav li a {
	display: inline-block;
	padding: 0 10px 2px 0;
	border-right: 1px solid #9b9;
	margin: 0 10px 2px 0;
	border-bottom:0;
} 
div#mainContent ul#tabbedNav li a:link, div#mainContent ul#tabbedNav li a:active {
}
div#mainContent ul#tabbedNav li a:hover {
}
div#mainContent ul#tabbedNav li a:visited {
	color: #06C;
}
div#mainContent ul#tabbedNav li a.activa {
	color:#376B1B;
	border-bottom:0;
} 

div#mainContent ol, div#mainContent ul {
	list-style:inside;
	margin: 0 0 0 30px;
} 
div#mainContent ol {
	list-style-type:decimal;
} 
div#mainContent ul {
	list-style-type:square;
} 
div#mainContent ol li, div#mainContent ul li {
	display: auto;
	margin: 0 10px 6px 0;
}

div#afiche {
	width:354px;
	position:absolute;
	z-index: 90;
	left: 50%;
	margin-left: -177px;
	top: -3px;
}
div#afiche a {
	outline:0;
}