/* CSS Document */

body {
	background: #ffffff url(../images/bkg.jpg) repeat-x 50% 0px;
	color: #333333;
	font: 12px Arial, Helvetica, sans-serif;
}

body.socialmedia {
	background: #ffffff url(../images/bkg_socialmedia.jpg) repeat-x 50% 0px;
}

.h2Brand {
	 color: #ffaa00;
}

/* @group GENERAL */

p {
	font-size: 1em;
	line-height: 16px;
	margin-top: 5px;
}

img {
	padding: 0px;
	display: block;
}

hr {
	display: none;
	clear: both;
}

i {
	display: none;
}

ul {
	clear: both;
	list-style-type: none;
}

ol {
	clear: both;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {
	margin: 0;
	padding: 0;
}

ul.customul {
	clear: both;
	list-style-type: square;
	margin: 3px 0 3px 0;
}

ul.customul li {
	margin: 0 0 3px 15px;
}

/* @end */

/* @group ENCABEZADOS */

/* ENCABEZADOS */

h1 {
	font: bold 3.2em/32px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	margin-bottom: 10px;
}

h2 {
	font: bold 2.6em/26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	margin: 3px 0;
	clear: both;
}

p.subtitleText {
	font: 16px Georgia, Myriad, Times;
}

/* @end */

/* @group MAIN CONTAINERS */

#container {
	width: 950px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#container_nav {
	height: 121px;
	margin-top: 0;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

#container_title {
	width: 450px;
	float: left;
	padding-top: 80px;
	padding-bottom: 30px;
	display: inline;
	clear: both;
}

#container_title_home {
	width: 950px;
	float: left;
	padding-top: 60px;
	padding-bottom: 30px;
	display: inline;
	clear: both;
}

#pagetitle {
	width: 450px;
}

#pagetitle_home {
	float: left;
	width: 550px;
}

#pagecontent {
	width: 450px;
	margin-top: 100px;
}

#pagecontent_home {
	width: 550px;
	margin-top: 100px;
}

#container_image {
	width: 484px;
	text-align: left;
	display: inline;
	padding-left: 10px;
	float: left;
}

#container_image img {
	margin-top: -3px;
}

#container_image_home {
	width: 400px;
	text-align: left;
	display: inline;
	float: left;
}

/* @end */

/* @group LINKS */

ul.topmenu {
	padding-top: 15px;
	background: transparent url(../images/top_color_navigation.jpg) no-repeat;
	width: 850px;
	display:inline;
	float:left;
	/*border-style: solid;
	border-width: 1px;*/
}


ul.topmenu li {
	display:inline;
	float:left;
	font-size:11px;
	height:39px;
	padding-left:2px;
	padding-top:10px;
	width:163px;
	color: #fff;
}


ul.topmenu li a, ul.topmenu li a:link, ul.topmenu li a:visited {
	color: #fff;
	padding: 10px;
	margin-left: -10px;
}

ul.topmenu li a:hover {
	color: #fff;
}

ul.topmenu li.white {
	background: transparent url(../images/bkg_menu_white.gif) repeat-x;
	padding-right: 40px;
}

ul.topmenu li.green {
	background: transparent url(../images/bkg_menu_green.gif) repeat-x;
}

ul.topmenu li.red {
	background: transparent url(../images/bkg_menu_red.gif) repeat-x;
}

ul.topmenu li.blue {
	background: transparent url(../images/bkg_menu_blue.gif) repeat-x;
}

ul.topmenu li.orange {
	background: transparent url(../images/bkg_menu_orange.gif) repeat-x;
}

ul.mxlabsitem li {
	margin-bottom: 25px;
}

.selected {
	color: #fff;
}

/* LINKS */

a, a:link, a:visited, a.thickbox:link, a.thickbox:visited {
	text-decoration: none;
	color: #cc0000;
}

a:hover, a.thickbox:hover {
	text-decoration: underline;
}

a:active {
	
}

a img, a:link img, a:visited img, a:hover img, a:active img {
	border: none;
	text-decoration: none;
}

div.languageOptions {
	float: right;
	height:15px;
	/* width:100px; */
	margin-right:-2px;
}

div.Options {
	display:inline;
	float:left;
	height:15px;
	width:33px;
}

div.OptionEsp {
	background:transparent url(../images/lang_nav_esp.png) no-repeat;
}

div.OptionEng {
	background:transparent url(../images/lang_nav_eng.png) no-repeat;
}

div.OptionCat {
	background:transparent url(../images/lang_nav_cat.png) no-repeat;
}

div.OptionActive {
	background-position: 0 -15px;
}

div.logoLink {
	clear: both;
	width: 890px;
	float: left;
}

div.socialLink {
	float: right;
}

div.socialLink ul.icons li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 0;
	padding-top: 22px;
	display: block;
	overflow: hidden;
	width: 22px;
	cursor: pointer;
}

div.socialLink ul.icons li.linkedin {
	background:transparent url(../images/ico_linkedin.png) no-repeat scroll 0 0;
	margin-right: 5px;
}

div.socialLink ul.icons li.twitter {
	background:transparent url(../images/ico_twitter.png) no-repeat scroll 0 0;
}

div.socialLink ul.icons li:hover, div.socialLink ul.icons li.current {
	background-position: 0 -22px;
}

#container #container_nav div.twitterOptions {
	display: none;
	position: absolute;
	width: 160px;
	background:#fff url(../images/bkg_twitter_layer.gif) no-repeat scroll 0 0;
	height: 37px;
	margin-left: 790px;
	margin-top: 90px;
}

#container.social #container_nav div.twitterOptions {
	background:#fff url(../images/bkg_twitter_layer_social.gif) no-repeat scroll 0 0;
}

#container #container_nav  div.twitterOptions p {
	padding: 15px 0 0 0;
}

#container #container_nav div.twitterOptions a {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 0;
	padding: 16px 0 0 0;
	margin-left: 11px;
	display: block;
	overflow: hidden;
	width: 62px;
	cursor: pointer;
}

#container #container_nav div.twitterOptions a.share-es, #container #container_nav div.twitterOptions a.share-ca {
	background:#fff url(../images/twitter_opt_share_es.gif) no-repeat scroll 0 0;
}

#container #container_nav div.twitterOptions a.visit-es, #container #container_nav div.twitterOptions a.visit-ca {
	background:#fff url(../images/twitter_opt_visit_es.gif) no-repeat scroll 0 0;
}

#container #container_nav div.twitterOptions a.share-en {
	background:#fff url(../images/twitter_opt_share_en.gif) no-repeat scroll 0 0;
}

#container #container_nav div.twitterOptions a.visit-en {
	background:#fff url(../images/twitter_opt_visit_en.gif) no-repeat scroll 0 0;
}

#container #container_nav div.twitterOptions a.share-es:hover, #container #container_nav div.twitterOptions a.share-ca:hover, #container #container_nav div.twitterOptions a.visit-es:hover, #container #container_nav div.twitterOptions a.visit-ca:hover, #container #container_nav div.twitterOptions a.share-en:hover, #container #container_nav div.twitterOptions a.visit-en:hover {
	background-position: 0 -16px;
}

span.ext {
	background:transparent url(../images/extlink.png) no-repeat scroll right center;
	padding-right:12px;
}


/* @end */

/* @group PANELES Y BLOCKS */

/* @end */

/* @group FOOTER */

/* FOOTER */

#footer {
	width: 950px;
	clear: both;
	padding: 30px 0 30px 0;
	border-top: 1px solid #ccc;
	margin: 30px auto 50px;
	display: block;
}

#footer p {
	color: #666666;
	font-size: 10px;
	line-height: 11px;
	margin-bottom: 5px;
}

#footer a {
	color: #666666;
}

/* @end */

.clearfix {height: 0;clear: both;}

/* @group Slider */

/* Easy Slider */

#content {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	/* height: 400px; */
	overflow: visible;
}

#slider {
	border: 1px solid #ccc;
	position: relative;
	height: 400px;
}

#sliderhome {
	border: 1px solid #ccc;
	position: relative;
	height: 350px;
}

#sliderhome .imageBanner {
	position: absolute;
	height: 350px;
}


#slider .slidertext {
	padding: 10px;
	background: url(../images/bkg_slidertext.jpg) repeat-x;
	height:auto;
	border-top: 1px solid #ccc;
}

#sliderhome .slidertext {
	padding: 15px;
	background: transparent;
	height:auto;
	position: relative;
	margin-left: 650px;
}

#sliderhome .slidertext h2 {
	color: #fff;
}


#sliderhome .slidertext p {
	color: #fff;
}


#slider ul, #slider li, #sliderhome ul, #sliderhome li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#slider li {
	width: 450px;
	height: 400px;
	overflow: hidden;
}

#sliderhome li {
	width: 948px;
	height: 350px;
	overflow: hidden;
}

#prevBtn, #nextBtn {
	display: block;
	width: 30px;
	height: 77px;
	position: absolute;
	left: -30px;
	top: 150px;
}

#nextBtn {
	left: 452px;
}

#prevBtn a, #nextBtn a {
	display: block;
	width: 30px;
	height: 77px;
	background: url(../images/btn_prev.gif) no-repeat 0 0;
	color: white;
}

#nextBtn a {
	background: url(../images/btn_next.gif) no-repeat 0 0
}

/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;
		float: right;	
		}
	ol#controls li{
		margin:0 0 0 10px; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		width: 29px;
		background: url(../images/slider_number_off.gif) no-repeat 50% 50%;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		/* border:1px solid #ccc; */
		/* background:#DAF3F8; */
		color:#333;
		text-align: center;
		width: 29px;
		text-decoration:none;
		}
	ol#controls li.current {
		background: url(../images/slider_number_on.gif) no-repeat 50% 50%;
	}
	ol#controls li.current a{
		/* background:#5DC9E1; */
		
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}


/* // Easy Slider */

/* @end */

/* @group ContactForm */

#contactForm {
	color: #666;
}

#contactForm h2 {
	font: bold 1.2em/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #666;
	margin: 3px 0;
	clear: both;
}

div.form {
	color: #666;
	width: 90px;
	margin-right: 5px;
	text-align: right;
	float: left;
	display: inline;
	padding-top: 4px;
}

input.contactFormField, textarea.contactFormField {
	float: left;
	display: inline;
	color: #333;
	background-color: #fff;
	border: 1px solid #666;
	padding-top: 2px;
	font: 11px/12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

input.contactFormField {
	float: left;
	display: inline;
	font-size: 11px;
	color: #333;
	background-color: #fff;
	border: 1px solid #666;
	height: 22px;
	padding-top: 3px;
}

div#errorBox {
	text-align: left; 
	margin: 5px; 0 0 5px; 
	color: #333;
	background-color: #eee;
	padding: 8px;
	border: 1px solid #ccc;
}

div#errorBox p {
	line-height: 11px;
	font-size: 11px;
}

#acordion {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

#acordion h1, #acordion h2 {
	margin-top: 5px;
	font: 14px/14px Georgia, "Times New Roman", Times, serif;
	color: #444;
}

#acordion p {
	font-size: 10px;
	line-height: 12px;
	color: #666;
}

#acordion p {
	font-size: 10px;
	line-height: 12px;
	color: #666;
}
ul.logos li {
	float: left;
	margin: 0;
	padding: 0;
}

/* New Accordion Styles */
ul#accordion, ul#accordion ul { list-style: none; margin: 0; }
ul#accordion { border-bottom: 1px solid #000E2E; }
ul#accordion li { border: 1px solid #000E2E; border-bottom: none;width:450px;overflow: hidden }
ul#accordion a.heading { 
	background: #FFF;
	color: #999;
	display: block;
	padding: 10px 10px;
	text-decoration: none;
}
ul#accordion a.heading:hover { background: #cc0000; }
ul#accordion a.heading:hover h2 { color: #fff; }
ul#accordion li.ui-accordion-selected a.heading, ul#accordion li.current a.heading { background: #000;}
ul#accordion li.ui-accordion-selected a.heading h2, ul#accordion li.current a.heading h2 { color: #fff; }

ul#accordion li div { display: none; }
ul#accordion li.current div { display: block; }
ul#accordion li div p { color:#fff; padding: 10px; }
ul#accordion li div.slidertext {
	background: #000;
	height:auto;
	border-top: 1px solid #ccc;
}

/* @end */
