/*
Client: DUO
URI: http://www.duo.com
Author: Lisandro Vico
Version: 1.0
Last Modification: 11/12/09
*/

/*  ===========================================  */
/*
/*	Font families:
/*	- Sans-serif: Arial, Helvetica, sans-serif;
/*	- Serif: "Times New Roman",Times, serif;
/*	
/*	Colors:
/*	- #8ACF27 - Verde
/*	- #939598 - Gris Claro
/*  - #6D6F71 - Gris Medio
/*  - #231F20 - Gris Oscuro
/*  
/*  Banners: Ancho: 254px. Alto: libre.
/*
/*  ===========================================  */

/*  ==========  RESET  ==========  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; 
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 1px dotted #fff; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

body {
	font: 62.5%/1.5em "Times New Roman", Times, serif; /* font-size: 10px; line-height: 15px; */
	background: #fff;
	color: #636467;
}

/*  ==========  TYPOGRAPHY  ==========  */
	
	/****  Headings  ****/
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		color: #8ACF27;
		font-family: "Times New Roman", Times, serif;
		line-height: 1.1em;
		margin: 0 0 .5em;
		text-transform: uppercase;
		}
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #8ACF27; border: none; }
	
	h2 { font-size: 2.5em; }
		h2.sidebarTitle { background: #8ACF27; color: #fff; font-size: 1.7em; padding: 5px; }
		h2.newsTitle { font-size: 25px; }
	h3 { font-size: 2.0em; margin: 1em 0 .5em; }
	h4 { font-size: 1.8em; text-transform: none; }
	h5 { font-size: 1.6em; color: #231F20; text-transform: none;}
	h6 { font-size: 1.4em; }
	
	/****  Links  *****/
	a { text-decoration: none; color: #8ACF27; }
	a:hover { cursor: pointer; text-decoration: underline; }
		a.banner { display: block; }
			a.banner img { display: block; }
	
	/****  Text  ****/
	p { font-size: 1.3em; margin: 0 0 1em; line-height: 22px; }
		p.link { float: right; text-align: right; }
		p.link a {
			background: url(images/bgButton.gif) right center no-repeat;
			color: #fff;
			display: block;
			float: right;
			width: 105px;
			height: 15px;
			padding: 2px 5px;
			font-size: 13px; line-height: 15px;
		}
	
	blockquote { clear: both; font-style: italic; margin: 0; }
		blockquote p { padding: 5px 30px; margin: 0; }
		blockquote p.quoteInfo { background: none; display: block; text-align: right; font-weight: bold; margin-top: 5px; }
	
	small { display: block; font-size:12px; line-height: 14px; margin-bottom: 5px; color: #939598; }
	strong { font-weight: bold; }
	em, dfn { font-style: italic; }
	dfn { font-weight:bold; }
	sup { font-size: 0.5em; vertical-align:super;}
	abbr, acronym { border-bottom:1px dotted #666; }
	address { margin:0 0 1.5em;font-style:italic;}
	del { text-decoration: line-through; color: #666; }
	ins { text-decoration: none; color: green; }
	pre { margin:1.5em 0; white-space:pre;}
	pre, code, tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5;}
	ul, ol { margin: 0 1em 1em 2em; }
		ul li, ol li { line-height: 1.5em; font-size: 1.25em; }
	ul { list-style-type: disc; }
	ol { list-style-type: decimal; }
	li ul, li ol { margin:0 1.5em; }
	dl { margin:0 0 1.5em 0;}
	dl dt { font-weight:bold;}
	dd { margin-left:1.5em;}
	table { margin-bottom:1.4em;width:100%;}
	th { font-weight:bold;}
	thead th { background:#c3d9ff;}
	th, td, caption { padding:4px 10px 4px 5px;}
	tr.even td { background:#e5ecf9;}
	tfoot { font-style:italic;}
	caption { background:#eee;}
	
/*  ==========  GENERAL STYLES  ==========  */
.pageWrap { width: 860px; margin: 0 auto; position: relative; }

.alignleft { float: left; margin: 0 1em .5em 0; }
.alignright { float: right; margin: 0 0 .5em 1em;}
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/*  ==========  LAYOUT  ==========  */

/****  HEADER  ****/
#header { padding: 15px 0 0; margin-bottom: 20px; }
	h1#logo { float: left; margin: 0 148px 0 0; padding: 0; }
		h1#logo a {	background: url(images/logoDuo.gif) no-repeat; border: none; display: block; height: 132px; overflow: hidden;	width: 212px;	}
			h1#logo a span { display: none; }
	
	/****  News  ****/
	#news {
		float: left;
		width: 200px;
		margin: 20px 0 0 0;
		padding: 0;
		position: relative;
		padding-right: 300px;
		background: url(images/llave.png) 205px top no-repeat;
		}
		#news p { margin-top: -1em; }
		#news form#newsletter {
			position: absolute;
			top: 20px;
			right: 0;
			height: 40px;
			width: 254px;
			background: url(images/bgNewsletter.gif) 0 0 no-repeat;
			}
			#news form#newsletter fieldset { margin: 3px 0; }
			form#newsletter label { color: #fff; font-size: 14px; padding: 0 7px; }
			form#newsletter input { width: 180px; margin-left: 2px; font-size: 13px; border: none; padding: 1px 5px; }
			form#newsletter input#newsletter-submit {
				width: auto;
				background: none;
				float: right;
				color: #fff;
				margin: 2px 10px 0 0;
				cursor: pointer;
				font-size: 10px; padding: 0; line-height: 11px;
			}
	
	/****  Navigation  ****/
	#navigation { background: url(images/bgMenu.gif) bottom left repeat-x; width: 100%; float: left; height: 23px;	margin: 0; }
		#navigation ul#menu { list-style-type: none; text-align: center; float: left; font-family: Times; font-weight: bold; margin: 0 0 0 198px; background: url(images/bgNavigation.gif) left top no-repeat; }
			#navigation ul#menu li { float: left; font-size: 1.2em; line-height: 23px; width: 7.5em; }
				#navigation ul#menu li a { display: block; width: 7.5em; text-decoration: none; color: #fff; text-transform: uppercase;	}
			
			#navigation ul#menu li ul { list-style: none; margin: 0; padding: 0; background: #add569; z-index: 999; position: absolute; width: 19.5em; left: -999em; font-size: 0.8em; }
				#navigation ul#menu li:hover ul,
				#navigation ul#menu li.sfhover ul { left: auto; }
				
				#navigation ul#menu li ul li {clear: left;}
				#navigation ul#menu li ul li a { width: 15em; text-align: left; padding-left: 1em; clear: left; }
					#navigation ul#menu li ul li a:hover { background: #8ACF27; }
					
		#navigation form#buscar { float: right; height: 15px; padding: 0; margin: 4px 0; }
			#navigation form#buscar fieldset { height: 15px; float: left; margin: 0; padding: 0; }
			form#buscar label { display: none; }
			form#buscar input#buscar-texto {
				float: left;
				margin: 0;
				width: 170px;
				border: none;
				padding: 1px 3px;
				margin: 0;
				font-size: 1.0em;
				color: #8ACF27;
			}
			form#buscar input#buscar-submit { 
				float: left;
				background: none;
				border: none;
				color: #fff;
				text-transform: uppercase;
				padding: 0 2px;
			}

/****  CONTENT  ****/
#content { width: 566px; float: left; margin: 0 20px 0 0; clear: left; }
	#content .contentBox { background: url(images/bgContentBoxMiddle.gif) left top repeat-y; width: 566px; float: left; margin-bottom: 20px; }
	#content .contentBox .top { background: url(images/bgContentBoxTop.gif) left top no-repeat; width: 566px; float: left; }
	#content .contentBox .bottom { background: url(images/bgContentBoxBottom.gif) left bottom no-repeat; width: 548px; float: left; padding: 4px 13px 13px 5px; }
	
	.contentBox390Home { width: 410px;  float: left; margin-right: 40px; }
		.contentBox390Home.last { margin-right: 0; }
		.contentBox390Home .postSummary { margin: 10px; position: relative; }
			.contentBox390Home .postSummary p { line-height: 1.5em; padding-right: 100px;}
			.contentBox390Home .postSummary a.postViewMore { position: absolute; top: 0; right: 0; }
			.contentBox390Home .postMeta { margin: 10px; }
	
	.contentBox390 { background: url(images/bgContentBox390Middle.gif) left top repeat-y; width: 407px; float: left; margin-bottom: 20px; }
	.contentBox390 .top { background: url(images/bgContentBox390Top.gif) left top no-repeat; width: 407px; float: left; }
	.contentBox390 .bottom { background: url(images/bgContentBox390Bottom.gif) left bottom no-repeat; width: 390px; float: left; padding: 4px 13px 13px 4px; }
	
	.contentFull { background: url(images/bgContentFullMiddle.gif) left top repeat-y; width: 860px; float: left; margin-bottom: 20px; }
	.contentFull .top { background: url(images/bgContentFullTop.gif) left top no-repeat; width: 860px; float: left; }
	.contentFull .bottom { background: url(images/bgContentFullBottom.gif) left bottom no-repeat; width: 847px; float: left; padding: 4px 13px 13px 4px; }
		.contentFull .postInfo { margin: 10px 0 0;}
	
	.boxInside { padding: 5px 7px; }
	
	.boxInsideFull { padding: 10px 10px 0; position: relative; }
		.boxInsideFull img { padding: 0; margin: -10px 20px 0 -10px; }
		.boxInsideFull p { line-height: 1.7em; padding: 0 100px 0 400px; }
		.boxInsideFull a.postViewMore { position: absolute; top: 10px; right: 20px; }
		
	/****  Tabs  ****/
	.tabs { margin: 0 0 20px 0;	padding: 0px; float: left; clear: none;	width: 100%; }
		.tabs ul.tabNavigation { margin: 0; padding: 0; list-style-type: none; }
			.tabs ul.tabNavigation li { display: inline; }
			.tabs ul.tabNavigation li a { 
				background-color: #F1F1F1;
				border: 1px solid #F1F1F1;
				display: inline block;
				float: left;
				color: #777777;
				cursor: pointer;
				font-size: 11px;
				margin: 0 1px 0 0;
				padding: 6px 16px;
				position: relative;
				top: 1px;
				}
				.tabs ul li a:hover { background-color: #f9f9f9; color:#777; text-decoration: none; }
				.tabs ul li a.selectedTab { background-color: #fff;	border-bottom: 1px solid #fff; color:#444; }
	
	.tabs div.tabContent { border:1px solid #F1F1F1; clear:both; padding: 10px; }
	
	/****  Carousel  ****/
	.infiniteCarousel {
	  width: 525px;
	  position: relative;
	  height: 81px;
	  margin: 10px 0; 
		}
		.infiniteCarousel .wrapper {
	  	width: 445px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	  	overflow: auto;
	  	min-height: 10em;
	  	margin: 0 40px;
	  	position: absolute;
	  	top: 0;
			}
			.infiniteCarousel .wrapper ul {
				width: 9999px;
	  		list-style-type:none;
	  		margin:0;
	 			padding:0;
	  		position: absolute;
	  		top: 0;
				}	
				.infiniteCarousel ul li {
				  display:block;
				  float:left;
				  height: 81px;
				  width: 81px; 
				  padding: 0 4px;
				  }
				  .infiniteCarousel ul li a { margin: 0; padding: 0; background: none; }
				  	.infiniteCarousel ul li a img { padding: 2px; border: 1px solid #fff; display:block; }
				  	.infiniteCarousel ul li a:hover img { border-color: #8ACF27; }
				  	
		.infiniteCarousel .arrow {
		  display: block;
		  height: 37px;
		  width: 24px;
		  background: url(images/arrows.png) no-repeat 0 0;
		  text-indent: -999px;
		  position: absolute;
		  top: 20px;
		  cursor: pointer;
		}
		
		.infiniteCarousel .forward { background-position: 0 0; right: 0; }
		.infiniteCarousel .back { background-position: 0 -74px; left: 0; }
			.infiniteCarousel .forward:hover { background-position: 0 -37px; }
			.infiniteCarousel .back:hover { background-position: 0 -111px; }
	
	/****  Gallery  ****/
	.galleryImage { width: 525px; height: 300px; overflow: hidden; }
	
	/****  Periodico  ****/
	p.postInfo { font-size: 11px; margin: -15px 0 5px; }
	.postMeta { float: left; width: 220px; margin: 0; padding: 0; }
		.postMeta img { margin: 0 0 15px; }
	p.postSummary { width: 240px; float: left; margin: 5px 0 0 10px; }
	a.postViewMore { 
		width: 50px; 
		height: 80px; 
		font-size: 1.3em; 
		float: left; 
		background: url(images/llave.png) left center no-repeat; 
		display: block; 
		line-height: 80px; 
		padding-left: 25px; 
		margin: 5px 0;
	}
	
	/****  Paginacion  ****/
	.paginacion { text-align: center; float: left; width: 100%; margin: 15px 0 20px; }
	.paginacion a.pagAnterior, .paginacion a.pagSiguiente { display: block; border: 2px solid #8ACF27; padding: 3px 5px; font-size: 1.3em; }
		.paginacion a.pagAnterior { float: left; }
		.paginacion a.pagSiguiente { float: right; }
	
	.paginacion ul { list-style-type: none; margin: 0; padding: 0; text-align: center; }
		.paginacion ul li { display: inline; padding: 4px 5px; border-right: 2px solid #8ACF27; }
			.paginacion ul li.last { border: none; }
			.paginacion ul li a { color: #6D6F71; padding: 0 8px; }
			
	/****  Share  ****/
	#share { margin: 40px 0 20px; padding-top: 15px; border-top: 2px solid #8ACF27; }
	ul.socials { text-align: center;}
		ul.socials li { display:inline-block;	float:left;	list-style-type:none; margin:0 2px 0 0; width:50px; cursor:pointer; }
			ul.socials a { display:block; width:50px; height:29px; font-size:0; color:transparent;}
				.digg, .digg:hover, .reddit, .reddit:hover, .stumble, .stumble:hover, .delicious, .delicious:hover, .yahoo, .yahoo:hover, .technorati, .technorati:hover, .facebook, .facebook:hover, .twitter, .twitter:hover { background:url(images/share.png) no-repeat; }
				.digg {	background-position: -500px top; }
					.digg:hover { background-position:-500px bottom; }
				.reddit {	background-position:-100px top; }
					.reddit:hover {	background-position:-100px bottom; }
				.stumble { background-position:-50px top; }
					.stumble:hover { background-position:-50px bottom; }
				.delicious { background-position:left top; }
					.delicious:hover { background-position:left bottom; }
				.yahoo { background-position:-650px top; }
					.yahoo:hover { background-position:-650px bottom; }
				.technorati { background-position:-700px top; }
					.technorati:hover { background-position:-700px bottom; }
				.twitter { background-position:-350px top; }
					.twitter:hover { background-position:-350px bottom; }
				.facebook {	background-position:-450px top; }
					.facebook:hover { background-position:-450px bottom; }
	
	/**** Comentarios  ****/
	ul#comentarios { list-style-type: none; padding: 0; margin: 0; }
		ul#comentarios li { border: 1px solid #636467; padding: 10px; clear: left; margin-top: 10px; }
			ul#comentarios li.impar { background: #BEFF7F; }
			ul#comentarios li.par { background: #fff; }
			ul#comentarios li span.comentarioFecha, 
			ul#comentarios li span.comentarioAutor { display: block; margin: 0 0 10px; color: #231F20; font-size: 1.2em; }
			ul#comentarios li span.comentarioAutor { float: left; }
			ul#comentarios li span.comentarioFecha { float: right; }
			ul#comentarios li div { clear: left; font-size: 0.85em; }
	
	/****  Enlaces  ****/
	.linkInfo { width: 380px; float: left; }
		.linkInfo h4 { margin: 0; text-transform: none; }
	
	/****  Info Contacto  ****/
	#contacto {
		width: 410px; 
		margin: 5px 0 20px 10px; 
		padding: 40px 0 0 30px; 
		background: url(images/llaveLarga.png) 0 0 no-repeat; 
		min-height: 475px; 
		float: left;
		}
		#contacto h3 { text-transform: none; }
		#contacto .contactDetails { margin-bottom: 30px; }
		#contacto .contactDetails p { padding-left: 60px; }

/****  SIDEBAR  ****/
#sidebar { width: 272px; float: left; }
	#sidebar .sidebarBox { background: url(images/bgSidebarBoxMiddle.gif) left top repeat-y; width: 272px; float: left; margin-bottom: 20px; }
	#sidebar .sidebarBox .top { background: url(images/bgSidebarBoxTop.gif) left top no-repeat; width: 272px; float: left; }
	#sidebar .sidebarBox .bottom { background: url(images/bgSidebarBoxBottom.gif) left bottom no-repeat; width: 254px; float: left; padding: 4px 13px 13px 5px; }
	
	/****  Archivos Complementarios  ****/
	#sidebar ul.files { list-style-type: none; margin: 0; padding: 0;}
		ul.files li {}
			ul.files li a { display: block; clear: left; padding: 0 0 0 40px; line-height: 25px; margin: 10px; }
				ul.files li a.audio { background: url(images/iconAudio.gif) left center no-repeat; }
				ul.files li a.doc { background: url(images/iconDOC.gif) left center no-repeat; }
				ul.files li a.pdf { background: url(images/iconPDF.gif) left center no-repeat; }
				ul.files li a.ppt { background: url(images/iconPPT.gif) left center no-repeat; }
				ul.files li a.txt { background: url(images/iconTXT.gif) left center no-repeat; }
				ul.files li a.xls { background: url(images/iconXLS.gif) left center no-repeat; }
				ul.files li a.video { background: url(images/iconVideo.gif) left center no-repeat; }
				ul.files li a.zip { background: url(images/iconZIP.gif) left center no-repeat; }
	
	/****  Contenido Relacionado  ****/
	#sidebar ul.contRelacionado { list-style-type: none; margin: 0 10px; padding: 0;}
		ul.contRelacionado li {}
			ul.contRelacionado li a { display: block; clear: left; padding: 5px 10px; line-height: 25px; border-bottom: 2px solid #ccc; }
				ul.contRelacionado li a.last { border: none; }
	
	/**** RSS  ****/
	a#rss { display: block; font-size: 1.5em; padding-left: 35px; line-height: 25px; background: url(images/iconRSS.gif) left center no-repeat; }

/****  FORMS  ****/
	
	input.inputText, textarea {
		font-size: 1.3em; 
		float: left;
		border: none; 
		border-left: 2px solid #8ACF27;
		border-bottom: 2px solid #8ACF27; 
		}
		textarea { font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; }
	
	/****  Form Buscar Tags  ****/
	form#buscar-tag { margin: 10px 0; padding: 10px 0; border-top: 1px solid #8ACF27; }
		form#buscar-tag label { float: left; font-size: 1.7em; color: #8ACF27; padding-right: 10px; margin: 10px 0; }
		form#buscar-tag input#tag { border: 1px solid #8ACF27; padding: 3px 5px; color: #8ACF27; width: 225px; }
		form#buscar-tag select { float: left; margin: 10px 10px 10px 0; }
	
	/****  Form Commentario  ****/
	form#comment { border-top: 2px solid #8ACF27; padding-top: 15px; }
		form#comment legend { color: #8ACF27;	padding: 0 0 20px; text-transform: uppercase; font-size: 1.5em; }
		form#comment label { font-size: 13px; float: left; color: #636467; width: 80px; margin-right: 10px; }
		form#comment input, form#comment textarea { width: 420px; margin-bottom: 10px; padding: 0 5px 2px; font-size: 13px; }
				
	/****  Form Registro  ****/
	#registroNewsletter { width: 440px; margin: 20px auto; padding: 20px; border: 4px solid #8ACF27; }
		#registroNewsletter #headerRegistro { margin-bottom: 20px; }
		
		form#registro { width: 100%; margin-top: 20px; }
			form#registro fieldset { margin-bottom: 20px; }
				form#registro fieldset legend { display: block; color: #8ACF27; font-size: 1.5em; padding-bottom: 20px;	text-transform: uppercase; }
				form#registro label { float: left; font-size: 1.5em; margin-right: 8px; }
				form#registro input.inputRadio {float: left; }
				form#registro input.inputText { font-size: 1.3em; border: none; border-left: 2px solid #8ACF27; border-bottom: 2px solid #8ACF27; }
				
				form#registro .infoBasica, 
				form#registro .infoOpcional { margin: 0 0 20px; clear: left; }
					form#registro .infoBasica label { width: 70px; }
					form#registro .infoBasica input { width: 350px; }
				
				form#registro .infoOpcional p { float: left; font-size: 1.3em; margin-right: 10px; }
				form#registro .infoOpcional label.registroLabelTextarea { display: block; margin: 0 0 10px; padding: 0; width: 100%; }
 				form#registro textarea { width: 100%; }
 	
 		/****  Submit Button  ****/
 		input.submit-button { 
			float: right;
			background: url(images/bgButton.gif) right center no-repeat; 
			border: none; 
			width: 105px;
			font-size: 1.2em;
			height: 20px;
			text-align: right;
			color: #fff;
		}
		
/****  FOOTER  ****/
#footer { padding-bottom: 10px; }
	#footer .pageWrap { background: url(images/bgFooter.gif) 0 0 repeat-x; }
	#footer ul { list-style-type: none; width: 100%; text-align: right; margin: 0 0 15px; padding: 0; }
	#footer ul li { display: inline; margin-right: 15px; }
	#footer ul li a { color: #fff; text-transform: uppercase; line-height: 28px; }
/*  ==========  CLEARFIX  ==========  */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden; }

/* Esconde de IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fin esconde de IE-mac */