/*
Theme Name: Citromax
Theme URI: http://www.pacarina.com/
Description: The default Citromax theme version 2009.
Version: 1.0
Author: Gustavo Ojeda-Pepinosa
Author URI: http://www.pacarina.com/
Tags: white, clear, fruit, flavor, custom, fixed width

*/

*{
	border:none;
	margin:0px;
	padding:0px;
}

body{
	font-family:Verdana, Geneva, sans-serif;
	background:url(images/lemon-tree.jpg) no-repeat;
	background-position:856px 80px;
	margin:0px;
	padding-bottom:18px;
	padding:0px;
	font-size:12px;
}

.container{
	position:relative;
}

.container-internal{
	position:relative;
	background:url(images/mandarine-small.jpg) no-repeat;
}

.header{
	position:relative;
	width:856px;
}

.top-body{
	height:112px;
	width:856px;
	border:#D4D8CE 1px solid;
	position:relative;
}

.central-body, .content-body{
	position:relative;
	border:#D4D8CE 1px solid;
	width:856px;
	margin:0px;
	margin-top:2px;
}

.central-body{z-index:70;}

.content-body{
	background:url(images/white-background-72.png);
	width:844px;
	padding:6px;
	padding-top:82px;
	z-index:80;
	overflow:visible;
}

.contextual-body, .contextual-body-small{
	position:relative;
	width:856px;
	height:178px;
	background:#DAF2A5;
	border:#D4D8CE 1px solid;
	margin-top:2px;
}

.contextual-body-small{
	height:15px;
}

.footer, .footer-small{
	width:774px;
	margin-top:232px;
	padding-bottom:24px;
	padding-left:82px;
	color:#9FAA8C;
	font-size:10px;
	font-weight:bold;
	line-height:10px;
	height:12px;
}

.footer-small{
	margin-top:2px;
}

.menu{
	position:relative;
	border:#D4D8CE 1px solid;
	width:856px;
	height:25px;
	margin:0px;
	margin-top:52px;
}

.menu ul{
	margin:4px 0px 4px 70px;
	padding:0px;
}

.menu ul li{
	position:relative;
	display:inline;
	margin:0px 80px 0px 0px;
	padding:0px;
	color:#A7C108;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
}

.menu ul li a:link, .menu ul li a:visited{
	color:#A7C108;
	text-decoration:none;
}

.menu ul li a:hover{
	color:#F99900;
}

.menu ul li.active{
	color:#FFF;
}

#menu-pack-about-us, #menu-pack-products-and-services, #menu-pack-news-and-events, #menu-pack-contact-us{
	position:absolute;
	top:30px;
	width:172px;
	/*
	width:156px;
	*/
}

#menu-pack-about-us{left:61px;z-index:100;height:296px;}
#menu-pack-products-and-services{left:204px;z-index:110;height:185px;}
#menu-pack-news-and-events{left:421px;z-index:120;height:138px;}
#menu-pack-contact-us{left:604px;z-index:130;height:166px;}

.sombra-menu{
	position:absolute;
	top:10px;
	left:4px;
	width:176px;
}

#menu-pack-about-us .sombra-menu{height:320px;}
#menu-pack-products-and-services .sombra-menu{height:205px;}
#menu-pack-news-and-events .sombra-menu{height:156px;}
#menu-pack-contact-us .sombra-menu{height:184px;}

.sub-menu{
	position:relative;
	background:#FFF;
	border:#D4D8CE 1px solid;
	padding:10px;
	width:148px;
	height:100%;
}

.sub-menu-title, .sub-menu-title a:link, .sub-menu-title a:visited, .menu ul li.active-item a:link, .menu ul li.active-item a:visited , .menu ul li.active-item a:hover{
	margin:16px 0px 16px 0px;
	font-weight:bold;
	color:#ff9d00;
	text-decoration:none;
}

.sub-menu-title a:hover{
	color:#A7C108;
}

.sub-menu ul{
	margin:0px;
	padding:0px;
}

.sub-menu ul li{
	display:block;
	margin:0px;
	margin-bottom:16px;
	padding:0px;
	color:#A7C108;
	font-size:12px;
	font-weight:normal;
	line-height:12px;
}

.sub-menu ul li a:link, .sub-menu ul li a:visited{
	color:#A7C108;
	text-decoration:none;
}

.sub-menu ul li a:hover{
	color:#F99900;
}

.leaves{
	position:absolute;
	top:-52px;
	left:718px;
	background:url(images/leaves.gif) no-repeat;
	width:85px;
	height:80px;
}

.language-selector{
	position:absolute;
	top:0px;
	left:860px;
	background:url(images/language-selector.gif) no-repeat top left;
	width:27px;
	height:120px;
	cursor:pointer;
}

.flags{
	position:absolute;
	top:124px;
	left:860px;
	font-size:10px;
	line-height:13px;
	color:#333;
}

.flags ul{
	list-style:none;
}

.flags ul li{
	border:1px solid #D4D8CE;
	background: #FFF;
	list-style:none;
	padding:1px 2px 2px 2px;
	margin-bottom:2px;
}

.flags a:link, .flags a:visited{
	color:#A7C108;
	font-weight:bold;
	text-decoration:none;
}

.flags a:hover{color:#F99900;}

.language-item, .language-item-active{
	background:#FFF;
	padding:1px 4px;
	margin-bottom:4px;
	border:#D4D8CE 1px solid;
	cursor:pointer;
}

.logo{
	position:absolute;
	top:29px;
	left:66px;
	z-index:90;
}

.logo-small{
	position:absolute;
	top:-95px;
	left:72px;
	z-index:90;
}

.slogan{
	position:absolute;
	top:286px;
	left:60px;
}

.title-in-image{
	position:absolute;
	top:52px;
	right:0px;
	padding-right:74px;
	color:#daf2a4;
}

.title-in-image h1{
	color:#F99900;
	font-size:36px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin:0px;
}

.welcome{
	width:260px;
	margin:62px 0px 24px 534px;
	color:#A7C108;
	font-size:12px;
}

.welcome-title{
	color:#8A917D;
	font-size:18px;
	font-weight:bold;
	margin: 0px 0px 15px 0px;
}

.welcome-text{
	padding-bottom:16px;
}

.welcome-text p{
	line-height:16px;
}

.welcome-footer{
	color:#8EBA20;
	font-size:14px;
	font-weight:bold;
}

.featured-flavor, .news, .blog{
	border:#D4D8CE 1px solid;
	background:#FFF;
	padding:12px;
}

.featured-flavor{
	position:absolute;
	left:82px;
	top:38px;
	width:331px;
	height:294px;
}

.featured-flavor-header{
	padding-bottom:12px;
	margin-bottom:12px;
	border-bottom:#D4D8CE 1px solid;
}

.featured-flavor-title, .news-header, .blog-header{
	margin-bottom:12px;
	color:#727768;
	font-size:14px;
	font-weight:bold;
}

.news, .blog{color:#53544D;font-size:11px;}

.news-header, .blog-header{padding-bottom:10px;border-bottom:#D4D8CE 1px solid;}

.featured-flavor-body{
	color:#637517;
	font-size:11px;
	line-height:14px;
}

.featured-flavor-highlight{
	color:#81991C;
	font-weight:bold;
}

.featured-flavor .featured-flavor-photo-1, .featured-flavor .featured-flavor-photo-2{
	position:absolute;
	background:#FFF;
	height:108px;
	width:108px;
	padding:3px;
	border:#D4D8CE 1px solid;
}

.featured-flavor .featured-flavor-photo-1{top:242px;left:153px;}
.featured-flavor .featured-flavor-photo-2{top:266px;left:270px;}

.link-drop{
	margin-top:10px;
}

.link-drop a:link, .link-drop a:visited{
	padding-right:22px;
	background:url(images/gota-links.gif) no-repeat center right;
	color:#F99900;
	font-weight:bold;
	margin-top:10px;
	text-decoration:none;
}

.link-drop a:hover{
	color:#A7C108;
}

.news{
	position:absolute;
	left:530px;
	top:38px;
	width:162px;
	height:258px;
}

.blog{
	position:absolute;
	left:720px;
	top:38px;
	width:162px;
	height:208px;
}

.content-title{
	color:#8A917D;
	font-size:22px;
	line-height:22px;
	font-weight:bold;
	margin-bottom:22px;
}

.content-sub-title{
	color:#8A917D;
	font-size:12px;
	font-weight:bold;
	line-height:12px;
	margin:0px;
	padding:0px;
}

.content{
	position:relative;
	color:#637517;
	padding-bottom: 128px;
}

.content p{
	margin:16px 0px;
}

.content li{
	list-style:url(images/gota-diagonal.gif) outside;
}

.content ul li{
	margin:16px 0px 16px 24px;
	list-style:url(images/gota-diagonal.gif) outside;
}

.content ul li ul li{
	margin-left:32px;
	list-style-image:none;
	list-style-type:disc;
}

.content a:link, .content a:visited{
	color:#F99900;
	text-decoration:none;
}

.content a:hover{
	color:#A7C108;
}

.content-img-left{
	float:left;
	margin:0px 16px 16px 0px;
}

.sub-page-list{
	position:absolute;
	width:180px;
	margin-right:16px;
}

.sub-page-list li{
	list-style:none;
	margin:4px;
	padding:0px;
	padding-left:16px;
	display:block;
	background:url(images/list-arrow-active.jpg) no-repeat top left;
}

.sub-page-list li:hover, .sub-page-list li.active-item{
	list-style:none;
	list-style-image:none;
	background:url(images/list-arrow.jpg) no-repeat top left;
}
.sub-page-list li a:link, .sub-page-list li a:visited{
	list-style:none;
	list-style-image:none;
	color:#A7C108;
}

.sub-page-list li a:hover, .sub-page-list li.active-item a:link, .sub-page-list li.active-item a:visited{
	list-style:none;
	list-style-image:none;
	color:#F99900;
}

.content-reduced-space{
	width:644px;
	padding-left:180px;
}

.flash-history{
	margin-top:108px;
	margin-left:-152px;
	z-index:0;
	position:relative;
}

.flash-contact-us{
	margin-left:-32px;
	z-index:0;
	position:relative;
}

.flash-tour{
	margin-top:48px;
	margin-left:-48px;
	z-index:0;
	position:relative;
}

.sombra-featured-flavor{
	position:absolute;
	left:94px;
	top:46px;
	height:342px;
	width:379px;
	background:url(images/sombra-featured-flavor.png) no-repeat top left;
}

.sombra-thumbs-1, .sombra-thumbs-2{
	position:absolute;
	height:122px;
	width:122px;
	background:url(images/sombra-thumbs.png) no-repeat top left;
}

.sombra-thumbs-1{
	top:245px;
	left:155px;
}
.sombra-thumbs-2{
	top:269px;
	left:273px;
}

.sombra-news{
	position:absolute;
	left:538px;
	top:40px;
	height:305px;
	width:205px;
	background:url(images/sombra-news.png) no-repeat top left;
}

.sombra-blog{
	position:absolute;
	left:722px;
	top:38px;
	height:305px;
	width:205px;
	background:url(images/sombra-blog.png) no-repeat top left;
}

.footer-copyright{
	float:left;
}

.footer .footer-menu, .footer-small .footer-menu{
	float:left;
	margin-left:256px;
}

.footer .footer-menu ul, .footer-small .footer-menu ul{
	margin:0px;
	padding:0px;
}

.footer .footer-menu ul li, .footer-small .footer-menu ul li{
	display:inline;
}

.footer .footer-menu ul li a:link, .footer .footer-menu ul li a:visited, .footer-small .footer-menu ul li a:link, .footer-small .footer-menu ul li a:visited{
	color:#9FAA8C;
	text-decoration:none;
}

.footer .footer-menu ul li a:hover, .footer-small .footer-menu ul li a:hover{
	color:#666;
}

.beta-version{
	position:absolute;
	top:0px;
	left:0px;
	width:64px;
	height:57px;
	background:url(images/beta-version.png) no-repeat top left;
}

/* ACCORDION */

.citro-accordion-header{
	margin-top:48px;
	height:64px;
	border:1px solid #dadada;
	cursor:pointer;
}

.horizontal-arrow{
	background:#fafafa url(images/accordion-arrow-horizontal.png) no-repeat right center;
}

.vertical-arrow{
	background:#fafafa url(images/accordion-arrow-vertical.png) no-repeat right center;
}

.citro-accordion-header-image{
	float:left;
	border-right:1px solid #dadada;
	margin-right:8px;
}

.citro-accordion-header-h3{
	float:left;
	font-size:16px;
	margin:0px;
	padding:0px;
	padding-top:22px;
	line-height:16px;
}

.accordion-destacado{
	background-color:#A7C108;
}

.accordion-h3-destacado{
	color:#FFFFFF;
}

.citro-accordion-content{
	margin-top:24px;
}

/* FORMS: request flavor */

.request-flavor-table td.td-label{
	text-align:right;
	height:24px;
	vertical-align:top;
}

.request-flavor-table td.td-field{
	text-align:left;
	height:24px;
	width:360px;
}

label{
	font-size:10px;
	color: #545454;
	width:150px;
	text-align:right;
	margin:10px;
	margin-top:0px;
	display:block;
}

label.error{
	color:#F99900;
	margin:0px;
	margin-left:16px;
	padding:0px;
}

div.error{
	color:#F99900;
	margin:0px;
	margin-bottom:16px;
	text-align:center;
}

select{
	font-size:13px;
	color: #82983e;
	border: 1px solid #DADADA;
	display:inline;
	width:172px;
}

.form-group{
	width:88%;
	padding:24px;
	margin-bottom:24px;
	border:1px solid #D4D8CE;
}

input, textarea{
	border:1px solid #D4D8CE;
	color:#A7C108;
	width:172px;
}

input.error{
	border:1px solid #F99900;
	background:#FDFAFA;
}

 .submit-request-flavor{
	background:#fafafa;
	border:1px solid #D4D8CE;
	padding:4px;
	margin-top:24px;
	cursor:pointer;
	font-weight:bold;
	font-size:10px;
	color:#A7C108;
 }
 
 .tech-data{
	border-collapse:collapse;
	border-spacing:0px;
	border-width:1px;
	border-style:solid;
	border-color:#CCC;
	margin-bottom:12px;
}

.tech-data tr td{
	border-collapse:collapse;
	border-spacing:0px;
	border-width:1px;
	border-style:solid;
	border-color:#CCC;
	padding: 4px;
}

.tech-data tr td p{
	margin:0px;
}