@charset "utf-8";
/* CSS Document */

/*******************************************************
*
* Title: InfoganaderoCentroamericano 2.0 main style
* Author: www.lekinox.com
*
********************************************************/

/* IMPORTED STYLES */
@import url("reset.css");

* {font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;}

body {
	background: url(../imgs/header_bg.gif) left top repeat-x;
	font-size: 85%;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	color: #666;
}

h1, h2, h3, h4, h5, h6, #header, .time, th{margin: 0; padding: 0}
h1, h2, h3{ color:#0B2028; }
h4, h5, h6{ color:#002C3F; }
h1{ font-size:36px; line-height:130% }
h2{ font-size:167%; display: block; line-height: 115%; }
h3{ font-size:153.9%; font-weight: normal;  }
h4{ font-size:138.5%; font-weight:normal; padding-top: 10px; padding-bottom: 5px; }
h5{ font-size:123.1%; margin: 5px 0 }
h6{ font-size:108%; }
h4 a:hover{color:#2D2A23;}

a[rel="external"] {
	background: url(../imgs/icons/external_link.png) 99% 40% no-repeat;
	padding-right: 15px;
}
a { 
	color:#009887; 
	text-decoration:none;
}
a:hover { 
	background-color: #EEF7F4;
	color:#F8320D;
}

p { 
	margin: 10px 0 10px 0;
}
blockquote { 
	margin-left: 20px; 
	font-style: italic; 
	color: #888; 
	border-left: 1px dashed #CCC; 
	padding-left: 10px; 
	font-size: 93%;
	margin-bottom: 5px;
}
hr {
	height: 1px;
	border: none;
	border-bottom: 1px solid #E1F0EB;
	margin: 5px 15px 5px 0;
	padding: 10px 0 0 0;
	display: block;
}
.header, .footer, .nav, .article, .section { 
	display:block; 
}

.clear{ clear: both; }

/**** 960px DEFINITION ****/
.header, .nav ul, .breadcrumb ul, .nav ul, .breadcrumb ul, #content-wrapper, #content, .footer-wrapper {
	width: 960px;
	height: auto;
}

/**** HEADER ****/
.header {
	height: 100px;
	margin: 0 auto;
	position: relative;
	overflow: auto;
}
.header h1 a {
	background:transparent url(../imgs/logo_infoganadero.png) no-repeat center;
	display:block;
	height:75px;
	margin-top: 10px; 
	text-decoration:none;
	width: 330px;
}
.header h1 a:hover {
	background-color: transparent;
}
	
.header h1 a span {
	position:absolute;
	left:0;
	top:-500px;
	overflow:hidden;
}

/**** TOP-LINKS ****/
.top-links {
	left: 340px;
	overflow:hidden;
	position:absolute;
	text-align:right;
	top:5px;
	width:600px;
	font-size: 85%;
	color: #CCC;
}

/**** QUICK LINKS ****/
.quick-links {
	width: 200px;
	float: left;
	list-style: none !important;
	text-indent: 0px !important;
}
.quick-links li {
	width: 100%;
	float: left;
	border-bottom: none;
}
.quick-links li a {
	background:url(../imgs/icons/arrow_right.gif) no-repeat left center;
	display:block;
	padding:0 0 0 19px;
	text-decoration:none;
	border-bottom: 1px solid #EAEAEA;
}
.quick-links li a:hover {
	border-bottom: 1px solid #CCC;
	background-color: transparent;
}

/**** FLAGS ****/
.flags {
	position: absolute;
	left: 762px;
	top: 57px;
	overflow: hidden;
	height: 11px;
}
.flags li {
	display:inline;
	float: left;
	width: auto;
	margin-left: 5px;
	border: 1px solid #50483D;
}
.flags li a {
	width: 16px;
	height: 11px;
	float: left;
	background-image: url(../imgs/icons/flags_sprite.gif);
	font-size: 0;
}
#fl_mx { background-position: 0 top; }
#fl_gt { background-position: -20px top; }
#fl_hd { background-position: -40px top; }
#fl_sv { background-position: -60px top; }
#fl_ni { background-position: -80px top; }
#fl_cr { background-position: -100px top; }
#fl_pa { background-position: -120px top; }
#fl_be { background-position: -140px top; }

/**** NAVIGATION ****/
.nav {
	margin: 0 auto;
	padding: 0;
	background: #0E796F url(../imgs/nav_bg.gif) 0 top;
	text-align: center;
	width: 100%;
}
.nav ul {
	height: 40px;
	margin: 0 auto;
}
.nav li {
	float: left;
	display: inline;
	margin-left: 1px;
	width: auto;
}
.nav li a {
	color:#FFF;
	display: block;
	float:left;
	font-weight:bold;
	letter-spacing:-0.02em;
	padding: 11px 1.3em 9px 1.2em;
	text-decoration:none;
	text-transform:uppercase;
	height: 20px;
	width: auto;
}
.nav li.current a, .nav li a:hover{	
	background: #04988A url(../imgs/nav_bg.gif) 0 bottom;
	color: #0E766B;
	text-decoration: none;
}

/**** BREADCRUMB ****/
.breadcrumb {
	background-color:#04988A;
	color:#9FD9D1;
	font-size: 77%;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:5px;
	position:relative;
	text-transform:uppercase;
	border-bottom: 1px solid #FFF;
}
.breadcrumb ul {
	margin: 0 auto;
	height: 21px;
}
.breadcrumb ul li {
	float: left;
	display: inline;
	margin-left: 10px;
	background: url(../imgs/chevron1.gif) no-repeat 100% 0;
	height: 21px;
	line-height: 21px;
	padding: 0 10px 0 0;
	width: auto;
}
.breadcrumb ul li a {
	text-decoration: none;
	color: #FFF;
	float: left;
	width: auto;
}
.breadcrumb ul li a:hover {
	color:#9FD9D1;
	text-decoration:underline;
	background-color: transparent;
}
.breadcrumb ul li.home a {
	background: url(../imgs/icons/icon_home.gif) no-repeat top;
	padding:  0 8px;
	height: 15px;
	margin-top: 3px;
}
.breadcrumb ul li.home a:hover {
	background-position: bottom;
}

/**** ASIDE ****/
.aside {
	float: right;
	width: 220px;
	text-align: left;
	margin-right: 8px;
}
.aside a {
	font-size: 93%;
	text-decoration: none;
}

/**** CONTENT ****/
#content-wrapper {
	background: url(../imgs/content_bg.png) no-repeat top center;
	margin: 15px auto 0 auto;
	padding-top: 1px;
	overflow: hidden;
}
#content {
	background: url(../imgs/home_divider.gif) 510px top repeat-y;
	padding-top: 5px;
	float: left;
	overflow: auto;
	width: inherit;
}

/**** ARTICLE ****/
.article {
	width: 690px;
	padding-left: 20px;
	padding-top: 10px;
	float: left;	
}
.article .header {
	width: 450px;
	margin: 0;
	margin-bottom: 5px;
	height: auto;
	position: relative;
	overflow: auto;
}
.article .banner {
	width: 680px;
	margin: auto;
	margin-bottom: 15px;
	border: 1px solid #AAA;
	float: left;
	display: none;
}
.article ul {
	list-style: disc;
}

.article .sub-title {
	background-color: #F7FBFA; 
	display: block; 
	clear: both; 
	color: #888;
}
.article .banner img {
	display: block;
}
.article .aside { 
	margin: 0 0 15px 10px;
	width: 200px;
	border: 1px solid #EAEAEA;
	padding: 10px 10px 20px 10px;
}
.article .aside a {
	text-decoration: none;
}

.article .calendar_holder { 
	float: right;
	margin: 0 0 15px 10px;
	width: 235px;
	padding: 10px 0;
}

.hh {
	background:url(../imgs/icons/page.png) left center no-repeat;
	padding-left:21px;
}

.hcomment .num { 
	font-size: 77%;
	color: #999;
	margin-right: 15px; 
	font-weight: bold;
	display: block;
	height: 26px;
	width: 36px;
	text-align: center;
	float: left;
	background:url(../imgs/icons/mini_nube.png) left 2px no-repeat;
}
.htag { 
	font-size: 9px; 
	text-transform: uppercase; 
	color: #999; 
	font-style: normal;
}

/**** ICONS ****/
.ico_phone, .ico_telephone, .ico_page_link, .ico_email, .ico_money, .ico_user, .ico_world, .ico_city, .ico_cross {	
	padding: 0 0px 0 20px;
	margin: 5px 0;
	float: left;
	clear: both;
	width: 90%;
}
.ico_phone {
	background:url(../imgs/icons/phone.png) left center no-repeat;
}
.ico_page_link {
	background:url(../imgs/icons/page_link.png) left center no-repeat;
}
.ico_email {
	background:url(../imgs/icons/email.png) left center no-repeat;
}
.ico_money {
	background:url(../imgs/icons/money.png) left center no-repeat;
}
.ico_user {
	background:url(../imgs/icons/user.png) left center no-repeat;
}
.ico_city {
	background:url(../imgs/icons/city.png) left center no-repeat;
}
.ico_world {
	background:url(../imgs/icons/world.png) left center no-repeat;
}
.ico_telephone {
	background:url(../imgs/icons/telephone.png) left center no-repeat;
}
.ico_cross {
	background:url(../imgs/icons/cross.png) left center no-repeat;
}
/**** CURRENT MAGAZINE EDITION ****/
.preview {
	width: 400px;
	border: 1px solid #EEE;
	float: left;
	margin-bottom: 10px;
	padding: 10px 20px;
	overflow: auto;
}
.preview  p { clear: both; }

/**** CURRENT MAGAZINE EDITION ****/
.current-edition { 
	overflow:hidden;
	float: left;
	border: 1px solid #E1E1E1;
	/*background-color: #F4F9F7;*/
	width: 690px;
	margin-bottom: 10px;
}
.current-edition .side-img { 
	float:left; 
	width: 215px; 
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center; 
	display: inline;
	padding-bottom: 10px;
}
.current-edition img {
	 float: left; 
	 border: 5px solid #0F8075;
	 margin: 0px; 
	 padding: 0px;
}
.current-edition .edtion-section {
	display: block; 
	float:right; 
	width: 440px;
}
.current-edition .btn-download {
	background:url(../imgs/btn_descargar_revista.png) no-repeat center top;
	display:block;
	height:35px;
	margin:10px 0 0 0;
	padding:0;
	text-indent:-9999px;
	width:215px;
	float: left;
}
.current-edition .btn-download:hover {
	background-position: center bottom;
	background-color: transparent;
}
.current-edition .quick-links {
	width: 200px;
	margin-right: 10px;	
	list-style: none;
	text-indent: 0;
}
.current-edition .quick-links li a {
	background:url(../imgs/icons/page_white_acrobat.gif) no-repeat left center;
	padding:2px 0 2px 19px;
}
.current-edition .short-links {
	float: left; 
	height: 40px; 
	width: 100%;
	background-color: #00A490;	
	list-style: none;
	text-indent: 0;
}
.current-edition .short-links li{
	display: inline;
}
.current-edition .short-links li a {
	background-color:#009F8D;
	border:1px solid #009889;
	color:#FFF;
	float:left;
	font-size:93%;
	margin:7px 10px 5px 0px;	
	padding:2px 8px;	
	text-decoration:none;
	white-space:nowrap;
	width: auto;
}
.current-edition .short-links a:hover {
	color:#9FD9D1;
	text-decoration:underline;
}
.current-edition .short-links span {
	color:#FFF;
	display:block;
	float:left;
	font-size:108%;
	font-weight:bold;
	margin:5px 0 3px 0;
	padding:5px;
	width: auto;
}

.current-edition .edition-section {
	float: right;
	width: 430px;	
}

.current-edition .edition-section p{
	margin: 10px 0;
}
/**** PAST MAGAZINE EDITIONS ****/
.past-editions {
	list-style: none !important;
	text-indent: 0 !important;
}
.past-editions li {
	display: block; 
	width: 150px; 
	text-align: center; 
	float: left; 
	margin-left: 10px; 
	margin-bottom: 10px; 
}
.past-editions li a { 
	display: block; 
	padding: 10px; 
	border: 1px #EEE dashed; 
}
.past-editions li a img { 
	border: 5px solid #FFF;
	background-color:#CCC; 
}
.past-editions li a:hover { 
	background: url(../imgs/mag-bg.gif) bottom repeat-x; 
	color: #FFF; 
	border: 1px #04988A solid; 
	cursor: pointer;
}

/**** ANUNCIOS ****/



/**** INFOLINKS ****/
#infolinks {
	width: 450px;
	float: left;	
}

/**** ADS ****/
#ads {
	text-align:center;
}

#ads img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#ads a.active img {
	outline:1px solid #0E796F;
	position:relative;
}

/**** COMMENTS ****/
.comments h2 {
	color: #0D7C71;
	font-size: 1.5em;
	font-weight: normal;
	margin: 15px 0;
}
.comments .article {
	width: 440px;
	background-color: #E1F0EB;
	margin-bottom: 15px;
	border: 3px solid #BCDED3;
	padding: 10px 0 10px 10px;
	background: #E1F0EB url(../imgs/icons/little_man.jpg) 10px 12px no-repeat;
}

.comments hr {
	border-bottom: 1px dashed #CCC;
}
.comments .article address, .comments .article address a { font-weight: bold; }
.comments .article .time, .comments .article address { margin-left: 50px; }

/**** FOOTER ****/
.footer {
	background-color: #343028;
	padding-top: 15px;
	overflow: hidden;
	color:#FFF;
}
.footer h5 {
	color: #009887;
	text-transform: uppercase;
	letter-spacing: -1px;
	font: bold 15px/16px "Lucida Grande", Helvetica, sans-serif;
	margin-bottom: 10px;	
	padding-bottom: 3px;	
	border-bottom: 1px solid #009887;
}
.footer .section {
	margin: 5px 5px 30px 5px;
	width: 300px;
	float: left;
}
.footer .quick-links {
	width: 300px;	
}

.footer .quick-links a {
	color:#FFF;
}
.footer .quick-links a:hover {
	color:#AAA;
}
.footer .credits {
 	background-color: #4D473C;
 	height: 60px;
 	line-height: 60px;
 	color: #DFDFDF;
 	font-size: 11px;
 	text-align: center;
 	clear: both;
}
.footer .btn-contact {
	background:url(../imgs/btn_contactenos.png) no-repeat center top;
	display:block;
	height:35px;
	margin:10px 0 0 0;
	padding:0;
	text-indent:-9999px;
	width:200px;
	float: left;
}
.footer .btn-contact:hover {
	background-position: center bottom;
	background-color: transparent;
}
.footer-wrapper {
	margin: auto;
	margin-bottom: 20px;
}

/**** OTROS ****/
address, address a, .time {
	text-decoration: none;
	float: left;
	width: auto;
	font-size:93%;
	font-weight: normal;
	color: #666;
	font-style: italic;
	clear: both;
}
address a {
	text-decoration: none;
}
.time {	
	padding-top: 5px;	
	color: #C30;
	display: block;
}
.pagination { text-align: center; }

.pagination strong, .pagination a {padding: 0 15px; }




/*******************************************************
*
* Title: InfoganaderoCentroamericano 2.0 form
* Author: www.lekinox.com
*
********************************************************/
#contact-form, #comment_form { width: 440px; }
#login-form { width: 150px; float: none; }
#ad-form { width: 350px; float: none; }
#subscribe-form { width: 440px; }

form {
	float: left;		
	width: 100%;
	margin: 0 25px 0 0;
}

.req {
	width: 100%;
	color: #4f4d4a;
	text-align: right;
	padding-bottom: 3px;
	margin-top: -3px;
	margin-bottom: 20px;	
}

form span {
	font-size: 10px;
	border-bottom: 1px solid #E1F0EB;
	display: block;
}
form em {
	color: #993300;
	font-size: 12px;
}

form .short {
	width: 136px;
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
}

fieldset legend {
	display: none;
}

textarea, select, input { 
	font-size: 14px; 
	width: 100%; 
	border-width:1px; 
	border-style:solid; 
	border-color:#abd6c8 #e1f0eb #e1f0eb #abd6c8;	
	color:#555;
}

textarea {
	height: 120px;
	overflow:auto;
}

select, input[type="text"], input[type="password"] { 
	height: 18px; 
} 

input[type="radio"], input[type="checkbox"] { 
	margin: 0; 
	padding: 0; 
	min-width: 20px; 
	width: 20px; 
	border: none; 
	width: auto;	
	margin-right: 3px;
}

input:focus { 
	background-color: #F0F7F5;
}

input[type="radio"], input[type="checkbox"] { 
	border: none; 
}

input[type="text"].error, input[type="password"].error, select.error {
	background-color: #F0F7F5;
	border: 1px solid #AD6C47;
}

label {
	color: #4F4D4A; 
	font-size: 13px; 
	font-weight: bold; 
	display: block;
	margin-top: 3px;
}

legend {
	display: block !important;
	color: #0D7C71;
	font-size: 153%;
	margin: 10px 0;
}

.subs-select-box {
	width: 50%;
}
.check-box {
	font-size: 13px;
}
/**** CAPTCHA ****/
.captcha em { float: left; width: 95% }
.captcha span { float: left; border: 0; margin-left: 10px; }
.captcha input { width: 100px;  margin-top: 15px; float: left; }
.captcha label em { float: none; width: auto; }

/*******************************************************
*
* Title: Tables
* Author: www.lekinox.com
* Updated:   Abril 2009
*
********************************************************/
table {width: 100%;}
th,
td { vertical-align: top; text-align: left; }
th,
td {
font-size: 1.0em;
color: #000;
text-decoration: none;
padding: 6px 10px;
}
th a:hover,
td a:hover { text-decoration: none; }
th a:visited,
td a:visited { color: #999; }
thead .location,
tbody th a { padding-left: 23px !important; }
tbody th {width: 185px;}
thead th {
	font-size: 1.0em;
	line-height: 1.0;
	color: #F1EEDA;
	border: 0;
	background-color: #403323 !important;
	padding: 12px 10px 16px 10px;
}
tbody th,
tbody td { border-color: #D4D4C5; }
.odd th,
.odd td {background-color: #FFF !important;}
.even th,
.even td {
	background-color: #F5F3E7 !important;
}
tbody tr:hover a { color: #F8320D }

#article-table {width: 80%;}

.btn-send, .btn-login {
	height:30px !important; border: none; clear: both; margin-top: 5px;
}

.btn-login { 
	width:110px !important; 
}
.btn-send { 
	width:116px !important;
}


/**** MESSAGES ****/
.msg-info, .msg-success, .msg-warning, .msg-error, .msg-validation {
	display: block;
	border: 1px solid;
	text-align: center;
	padding:15px 0;
}
.msg-info {
	color: #00529B;
	background-color: #BDE5F8;
}

.msg-success {
	color: #4F8A10;
	background-color: #DFF2BF;
}

.msg-warning {
	color: #9F6000;
	background-color: #FEEFB3;
}

.msg-error {
	color: #D8000C;
	background-color: #FFBABA;
}
.msg-validation {
	color: #D63301;
	background-color: #FFCCBA;
}

#preview {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

#drawer {
	border: 1px solid;
	font-size:17px;
	left:0;
	overflow:visible;
	padding:10px;
	position:fixed;
	text-align:center;
	top:0;
	width:100%;
	z-index:9999;
	display: none;
}

/**** JQUERY TOOLS OVERLAY ****/
.overlay {
	
	display:none;	
	z-index:10000;
	background-color:#333;
	border:1px solid #666;
	width:441px;	
	min-height:200px;	
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

.overlay .close {
	background-image:url(../imgs/icons/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.overlay .next, .overlay .prev {
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:12px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.overlay .prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.overlay .next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.overlay .next:hover, .overlay .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

.disabled {
	visibility:hidden;		
}

.overlay .info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.overlay .info strong {
	display:block;	
}

.overlay .progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

.overlay .next, .overlay .prev, .overlay .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(../imgs/h80.png) repeat-x;		
}


/* YOUTUBE VIDEO */
#intro-video { margin: 10px auto; width: 425px; overflow: hidden; height: 344px;  position: relative; z-index: 5; background-color: #000; }
#intro-video-link { position: absolute; top: 0; display: block; width: 425px; height: 344px;  background: #000 url(../imgs/video/video-thumb.jpg) top center no-repeat; }