/* COLORS 

DARK GREEN:  #396855
LIGHT GREEN: #aecbc0
DARK BROWN:  #953a18
LIGHT BROWN: #ba5915

*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background:#aecbc0 top left no-repeat url('../images/bg.v2.jpg');
	font-size:13px;
	color:#393939;
	margin:0;
	padding:0;
}

/********************************************************************************************** GLOABAL STYLES */
h1{ font-size:20px; padding:15px 15px 10px; text-transform: uppercase; color: #953a18; line-height: 30px; letter-spacing: -1px; border-bottom: 1px dotted #953a18; margin-bottom: 15px; }
h2{ font-size:16px; padding:15px 15px 15px 0px; text-transform: uppercase; color: #953a18; line-height: 20px; margin-bottom: 10px; }
h3{ font-size:16px; padding-bottom:15px; text-transform: uppercase; }
h4{ font-size:14px; padding-bottom:15px; text-transform: uppercase; font-weight:bold;}
h5{ font-size:12px; padding-bottom:15px; text-transform: uppercase; font-weight:bold;}
h6{ font-size:10px; padding-bottom:15px; text-transform: uppercase; font-weight:bold;}
a{ color:#CF7310; text-transform: uppercase;}
a:hover{ color:#9C4B0F;}
.line{ width:100%; height:2px; border-bottom:1px #999 dotted; margin:0px 0 10px 0; background: url(../images/divider.png); }
.brownline{ width:100%; height:2px; border-bottom:1px #ba5915 dotted; margin:0px 0 10px 0; background: url(../images/divider.png); }

.divider {background: url(../images/divider.png); height: 36px; width: 100%; margin: 10px 0px 10px;}

small, .small{ font-size:11px;}
b, strong{ font-weight:bold;}
p{ padding:10px 0px; line-height:20px; text-align:justify; }
i, em{
	font-style:italic;
	}
.fleft{ float:left; }
.fright{ float:right; }
.float-left, .alignleft{ float:left; margin:15px 15px 15px 0px; }
.float-right, .alignright{ float:right; margin:15px 0px 15px 15px; }
sup { font-size: 70%; }


.center { margin-left: auto; margin-right: auto; display:block; text-align: center; }
#content ul, ol{
	position:relative;
	margin:10px 0px;
	}
#content ul li, ol li{
	padding:5px 0 0 5px;
	margin:0 0 0 30px;
	}
#content ul li{
	list-style-type:disc;
	}	
#objetivos  ul li {
	list-style-type:disc;
	line-height: 20px;
	margin-left: 12px; 
}

#full_content ol li{
	list-style-type: decimal;
	margin-right: 80px;
	line-height: 20px;
}

 table{
	width:70%;
	border-collapse:collapse;
	margin-top:10px;
	}
 table tr th{
	background-color:#953a18;
	color:#FFF;
	padding:5px;
	text-align:center;
	border:1px #d6d6d6 solid;
	}	
 table tr td{
	padding:5px;
	text-align:left;
	}		

.fwhite{ color:#ad4c14;}
.fdark{ color:#5d2e0c;}
/********************************************************************************************** HEADER STYLES */
#header{
	display:block;
	position:relative;
	width:960px;
	height:117px;
	margin:0px auto;
	background: no-repeat url('../images/menu_bg.v2.png') 249px 20px;
	z-index:99;
	}
#logo{
	position:relative;
	display:block;
	width:391px;
	height:117px;
	background:top left no-repeat url('../images/logo.v2.png'); 
	}
/********************************************************************************************** MENU */

/* ALL STYLES ARE IN superfish.css */

/********************************************************************************************** BANNER */

#banner_wrap{
	position:relative;
	padding:0px 0 0 0;
	width:960px;
	height:430px;
	margin:0px auto!important;
	background:bottom top left no-repeat url('../images/banner_bg.png')!important;
	}
.carousel{ display:block; width:540px; height:420px;}
.carousel .carousel-previous{
	position:absolute;
	display:block;
	text-indent:-9999px;
	width:50px;
	height:50px;
	background:top left  no-repeat url('../images/banner_nav_right.png');
	cursor:pointer;
	top:200px;
	right:10px;
	z-index:111;
	}

.carousel .carousel-next{
	position:absolute;
	display:block;
	text-indent:-9999px;
	width:50px;
	height:50px;
	background:top left  no-repeat url('../images/banner_nav_left.png');
	cursor:pointer;
	top:200px;
	left:10px;
	z-index:111;
	}

/********************************************************************************************** BANNER */

#tagline_wrap{
	display:block;
	position:relative;
	/*width:960px;*/
	height:200px;
	margin:10px auto 15px auto;
	background: #f5f5f5 top left  repeat-x url('../images/tagline_bg.v3.png'); 
	}
#tagline{
	display:block;
	position:relative;
	width:960px;
	height:60px;
	padding-top:23px;
	margin:0px auto;
	text-align:center;
	line-height:24px;
	font-size:18px;
	color:#953a18;
	z-index:1;
	}	

.bigger{
    font-size: 24px;
    font-weight: bold;
    
}

.arrow_ES {
	background: top right no-repeat url(../images/arrowDown.v2.png);
}

.arrow_US {
	background: top right no-repeat url(../images/arrowDown_US.png);
}

.arrow{
	height: 100px;
	width: 84px;
	float: right;
	display: block;
	text-indent: -9990%;
}


.arrow:hover { background-position: bottom right;}

/********************************************************************************************** CONTENT GLOBAL */

#content_wrap{
	display:block;
	position:relative;
	width:100%;
	margin:0px auto;
	background:#f5f5f5; 
	z-index:1;
	border-bottom: 10px solid #396855;
	/*top: -20px;*/
	}
#content_container{
	display:block;
	position:relative;
	width:940px;
	padding:10px 10px 0px 10px;
	margin:0px auto;
	z-index:1;
	}
.clear{ display:block; width:960px; height:35px; clear:both; }
.noheight{ height:5px!important;}
#promo_container{
	display:block; 
	width:940px; 
	clear:both;
	}
.promobox{
	display:block;
	float:left;
	width:300px;
	}
.margin_r{ margin-right:20px;}
.promobox h2 { padding: 5px 0 0 6px; }
.promobox p { padding: 0 0 0 6px; }

.promoboxwide { display: block; float: left; width: 460px; }
.promoboxwide h2 { padding: 5px 0 0 10px;}
.promoboxwide p { padding-left: 10px; }
.margin_r_wide {margin-right: 20px; }

/********************************************************************************************** CONTENT */
#content{
	display:block;
	float:left;
	width:600px;
	z-index:1;
	}
#full_content{
	position:relative;
	display:block;
	width:960px;
	clear:both;	
	z-index:1;
	}
/*.content_shadow{ background:top center no-repeat url('../images/content_shadow.jpg');	z-index:1; } */

.readmore{
	font-size:10px;
	text-decoration: none;
	padding: 3px 5px;
	color: #953a18;
	background-color: #f0ebe2;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

a:hover.readmore {
	background-color: #e8dad1;
}

/********************************************************************************************** PORTFOLIO */

#portfolio_menu{
	display:block;
	width:960px;
	padding:5px;
	border-top:1px #ba5915 dotted;
	border-bottom:1px #ba5915 dotted;
	margin:20px 0px 30px 0px;
}


ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 64px;  line-height: 64px; background: transparent url(../images/icon-tag-green.png) left no-repeat; }
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; color: #AAA;  text-decoration: none; }
ul#portfolio-filter a:hover { color: #fff; background:#629883; }
ul#portfolio-filter a.current { color: #fff; }
ul#portfolio-filter a.current{ background-color: #396855; }


.boxcaption:hover{  
    float: left;  
    position: absolute;  
    background: #000;  
    height: 100px;  
    width: 100%;  
    }  

ul.clearli li {
	clear:both;
}
ul.display li {
	padding:20px;
	
}
ul.display li a {
/*    color: #e7ff61; */
    text-decoration: none;
}
ul.display li .content_block {
    margin: 0px;
	display:block;
	/* background:no-repeat url('../images/shadow-thum.jpg') 10px 165px; */
}
ul.display li .content_block h2 {
    margin: 0;
    padding: 0px;
}

ul.display li .content_block h2 a {
    font-weight: bold;
}
	
ul.display li .content_block h2 a:hover {
	text-decoration:underline;
}
ul.display li .content_block p {
    margin: 0;
/*    padding: 5px 5px 5px 300px; */
	font-size:13px;
}
ul.display li .content_block a img{
    border: 1px solid #953a18;
    padding: 6px;
    background: #ba5915;
    margin: 0 15px 0 0; 
    float: left; 
}

ul.display li .content_block a img:hover{ 
     border: 1px solid #396855;
     background: #aecbc0;
}

ul.thumb_view li{ width: 280px; float: left; } 
ul.thumb_view li h2 { display: inline; }
ul.thumb_view li p{ display: none; }
ul.thumb_view li .content_block a img { margin: 0 0 10px;  }


a.switch_thumb {
	position:absolute;
	top:0px;
	right:0px;
	
    width: 237px;
    height: 37px;
    display: block;
    background: url(../images/switch.gif) no-repeat;
    outline: none;
    text-indent: -9999px;
}
a.swap { background-position: left bottom; }
a:hover.switch_thumb {}
/********************************************************************************************** NEWS / BLOG */
.post{
	border-bottom:1px #999 dotted;
	padding-bottom:20px;
	margin-bottom:35px;
	}
.post_title{ float:left; width:440px;}
.post_title a{ text-decoration:none; }
.post_date{ float:right; font-size:24px; color:#999; width:140px; text-align:right;}
.postmeta{
	border-bottom:1px #999 dotted;
	border-top:1px #999 dotted;
	padding:5px 0px;
	width:600px;
	font-weight:normal;
	font-size:10px;
	margin-bottom:15px;
	clear:both;
	}
.postmeta a{
	font-weight:normal;
	font-size:10px;
	text-transform:none;
	color:#393939;}
.entry{}
#navigation a{ display:block; float:left; padding:4px 8px; margin-right:4px; border:1px #999 solid; color:#999; text-decoration:none;}
#navigation a:hover, #navigation a.on{ 
	display:block; 
	float:left; 
	padding:4px 8px; 
	margin-right:4px; 
	border:1px #999 solid; 
	color:#FFF; 
	background-color:#b1b1b1; 
	text-decoration:none;
	}
/********************************************************************************************** CONTACT FORM */
span.red{
	color:#F00;}
.message{
	display:block;
	width:90%;
	padding:10px;
	margin:0px auto;
	color:#953a18;
	background-color:#e3d8cd;
	border:1px #953a18 solid;
	text-align:center;
	font-size:16px;
	}	

#contactForm { 
	width: 563px;
	}
#contactForm label.error { 
	width: 250px; text-align:left;  color: #F00; font-size:10px; padding:5px 0px 0px 0px!important;
	}
#contactForm label.error{
	display:block;
	}

#contactForm input.submit:hover { 
 	background-color:#000000;
	}	

label{ clear:both; display:block; padding:10px 0px 5px 0px;}

input, select, textarea{
	width:330px;
	background-color:#FFFFFF;
	border:1px #C5C5C5 solid;
	padding:5px;
	}
select{
	width:342px;
	background-color:#FFFFFF;
	}
textarea{
	width:90%;
	height:150px;
	background-color:#FFFFFF;
	border:1px #C5C5C5 solid;
	padding:5px;
	margin-bottom: 10px;
	}

.submit{
	width:79px;
	height:30px;
	display:block;
	border:0px;
	padding:0px;
	background-color:#2E3138;
	color:#FFF;
	cursor:pointer;
	}
.submit:hover{
	background-color:#000;	
	}	
/********************************************************************************************** SIDEBAR */
#sidebar{
	display:block;
	float:right;
	width:300px;
	}
ul.news li{	padding:10px 0px; border-bottom:1px #999 dotted;}
ul.news li a{ font-size:12px; color:#393939;}
ul.news li a:hover{ font-size:12px; color:#CF7310;}
ul.news li small{ color: #999;}


ul.submenu  li{
	padding:0px 0px 0px 33px;
	border-bottom:1px #999 dotted;
	background:no-repeat url('../images/menu_li.jpg') 10px 16px;
	}
ul.submenu  li a{
	display:block;
	width:100%;
	color:#393939;
	padding:10px 0px;
	text-decoration:none;
	font-size:12px;
	}
ul.submenu  li a:hover{
	text-decoration: underline;
	color:#9C4B0F;
	}
	
/********************************************************************************************** FOOTER */

#footer_wrap{
	display:block;
	position:relative;
	width:100%;
	height:350px;
	margin:0px auto;
	background: #AECBC0;
	}

/********************************************************************************************** NEWSLETTER FOOTER */
#newsletter{
	display:block;
	position:relative;
	width:760px;
	height:60px;
	margin:0px auto;
	padding:25px 100px 0 100px;
	background: top center no-repeat url('../images/newsletter_bg.v2.jpg');
	}
#subscribe_text{
	color:#5d2e0c;
	font-size:23px;
	line-height:18px;
	height:60px;
	float:left;
	}
#signup_wrap{
	float:right;
	}
#newsletter_form{
	width:330px;
	height:28px;
	background-color:#5E2E0C;
	border:1px #A86211 solid;
	}
#newsletter_email{
	background: none;
	width:215px;
	border:0px;
	padding:0px 10px;
	color:#FFF;
	}
#newsletter_submit{
	width:95px;
	height:28px;
	border:0px;
	text-indent:-999px;
	background:top right no-repeat url('../images/newsletter_button.jpg');
	cursor:pointer;
	}
/********************************************************************************************** LINKS FOOTER */
#links{
	display:block;
	position:relative;
	width:960px;
	padding:40px 0px 0px 0px;
	margin:0px auto;	
	background:top center no-repeat url('../images/footer_bg.v2.jpg');
	/*border-bottom:1px #27473a solid;*/
	color:#4e7968;
	}
	
.box{
	display:block;
	float:left;
	width:600px;
}
.link_box{
	display:block;
	float:left;
	width:180px;
	margin-right:30px;
	}
.info_box{
	display:block;
	float:right;
	width:310px;
	line-height:21px;
	}
.info_box a{
	color:#F4e7968FF;
	text-transform: none;}
.link_box h4,.info_box h4, .box h4{
	color:#27473a;
	font-size:14px;
	font-weight:bold;
	padding-bottom:20px;
	}
.link_box ul li{
	padding:0px 0px 7px 0px;
	}
.link_box ul li a{
	color:#4e7968;
	text-decoration:none;
	text-transform: none;
	}
.link_box ul li a:hover{
	color:#4e7968;
	text-decoration: underline;
	}
/********************************************************************************************** COPYRIGHT FOOTER */
#copy_wrap {
	background: #953a18;
	width: 100%;
	border-top: 2px solid #ba5915;
	height: 30px;
	padding: 20px 0 0 0px;
	margin:0px 0px;
	color:#FFF; 
	font-size: 0.85em;

	}
#copy_wrap a{ color:#FFF; font-weight:bold; text-decoration:none;}
#copy{
    background:top left repeat-x url(../images/copyright-footer.v3.png);
	display:block;
	position:relative;
	border-top: 1px solid white;
	border-bottom: 1px solid #eb8c4a;
	/*height:250px;*/
	padding:194px 0px 0px 0px;
	/* text-align: left;
	/* border-top:1px #5fa88a solid;
	font-size:11px; */
	}

#copy a:hover{ color:#FFF; text-decoration:underline;}
#design{ float:right;
         padding: 0px 10px;
       }
       
#rights {
          padding: 0px 10px;
}

/******************************* BLOCKQUOTE *****************/
fieldset { border: none; }
blockquote { padding: 0 100px 0 100px; margin: 0;  font-style: italic; }
blockquote p {font-style: italic;  }
.servicios { margin: 10px 0 5px 0; border: 1px solid #ba5915;  }
.left {float: left; }
.right {float: right; }
img.photo			{ border: solid 1px #ba5915;  margin-bottom: 20px; }
img.photo.left		{ margin-right: 0; margin: 10px 12px 0 0; float: left; }
img.photo.right		{ margin-right: 0; margin: 10px 0 0 12px; float: right; }

.content_block img.photo.left { margin-right: 0; margin: 0 12px 0 0; float: left; }
.content_block img.photo.right { margin-right: 0; margin: 0 0 0 12px; float: right; }
ul.submenu li a.active { color: #ba5915; }
/* .leftBack {background: url(../images/portfolio/photo-back.png); } */
.darkbrown {color: #953a18; }
.lightbrown { color: #ba5915; }
.darkbrownbox {background: #f0ebe2; border: solid 1px #953a18; }
.darkgreen {color: #396855; }
.lightgreen {color: #aecbc0; }
big { font-size: 120%; font-weight: dark;}

#button {  text-indent: -9000px;}
#button.guiaPasante a {  display: block; background: url(../images/buttons/guiaPasantes.png) no-repeat; width: 288px; height: 59px;}
#button.guiaPasante a:hover {  background-position: bottom right; }
#button.normasMantenimiento a {  display: block; background: url(../images/buttons/normasMantenimiento.png) no-repeat; width: 288px; height: 59px;}
#button.normasMantenimiento a:hover {  background-position: bottom right; }
#button.reglamento a {  display: block; background: url(../images/buttons/reglamento.png) no-repeat; width: 288px; height: 59px;}
#button.reglamento a:hover {  background-position: bottom right; }
#button.listaPasantes a {  display: block; background: url(../images/buttons/listaPasantes.png) no-repeat; width: 288px; height: 59px;}
#button.listaPasantes a:hover {  background-position: bottom right; }
#button.manualDeVida a {  display: block; background: url(../images/buttons/manualDeVida.png) no-repeat; width: 288px; height: 59px;}
#button.manualDeVida a:hover {  background-position: bottom right; }
#button.testimonio a {  display: block; background: url(../images/buttons/testimonio.png) no-repeat; width: 288px; height: 118px;}
#button.testimonio a:hover {  background-position: bottom right;  }
#button.video_michelle a { display:block; background: url(../images/buttons/video_michelle.png); width: 288px; height: 118px; }
#button.video_michelle a:hover { background-position: bottom right;  }

#banner {  margin: 0px; padding:0px; text-indent: -9000px;}
#banner.banco {  display: block; background: url(../images/buttons/banco.png) no-repeat; width: 288px; height: 118px;}
#banner.cheque {  display: block; background: url(../images/buttons/cheque.png) no-repeat; width: 288px; height: 118px;}
#banner.fax {  display: block; background: url(../images/buttons/fax.png) no-repeat; width: 288px; height: 130px;}

/************ US TRANSLATION ***********/

#button.guiaPasante-US a {  display: block; background: url(../images/buttons/guiaPasantes-US.png) no-repeat; width: 288px; height: 59px;}
#button.guiaPasante-US a:hover {  background-position: bottom right; }
#button.normasMantenimiento-US a {  display: block; background: url(../images/buttons/normasMantenimiento-US.png) no-repeat; width: 288px; height: 59px;}
#button.normasMantenimiento-US a:hover {  background-position: bottom right; }
#button.reglamento-US a {  display: block; background: url(../images/buttons/reglamento-US.png) no-repeat; width: 288px; height: 59px;}
#button.reglamento-US a:hover {  background-position: bottom right; }
#button.listaPasantes-US a {  display: block; background: url(../images/buttons/listaPasantes-US.png) no-repeat; width: 288px; height: 59px;}
#button.listaPasantes-US a:hover {  background-position: bottom right; }
#button.testimonio-US a {  display: block; background: url(../images/buttons/testimonio-US.png) no-repeat; width: 288px; height: 118px;}
#button.testimonio-US a:hover {  background-position: bottom right;  }
#button.manualDeVida-US a {  display: block; background: url(../images/buttons/manualDeVida-US.png) no-repeat; width: 288px; height: 59px;}
#button.manualDeVida-US a:hover {  background-position: bottom right; }
#button.video_michelle-US a { display:block; background: url(../images/buttons/video_michelle-US.png); width: 288px; height: 118px; }
#button.video_michelle-US a:hover { background-position: bottom right;  }


#banner.cheque-US {  display: block; background: url(../images/buttons/cheque-US.png) no-repeat; width: 288px; height: 118px;}
#banner.fax-US {  display: block; background: url(../images/buttons/fax-US.png) no-repeat; width: 288px; height: 130px;}



#icon {  margin: 0px; padding:0px; text-indent: -9000px; width: 84px; height: 84px; display:block; }
#icon.donativos {  display: block; background: url(../images/buttons/donativos.png) no-repeat; }

.phone { background: url(../images/buttons/phone.png) no-repeat; width: 42px; height: 42px; display: block;}

/**** LOGOS ****/
#logos { display: block; margin: 5px; height: 100px; margin: 0 auto; width: 660px; }
#logos ul { list-style: none; }
#logos li { float: left; padding: 0 20px; }
#logos a { width: 92px; height: 92px; display:block; text-indent: -10000%; }

.latest_img {
	margin-left: 30px;
}

#images { margin: 0 auto; width: 660px;}
/*** SALUD SLIDER ***/

.main_image {
    width: 598px;
    height: 461px;
    float: left;
    background: #f5f5f5;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}
.main_image h2 {
    font-size: 16px;
    font-weight: normal;
    margin: 0 0;
    padding: 10px;
}
.main_image p {
    font-size: 12px;
    line-height: 16px;
    padding: 0  10px 10px;
    margin: 0;
}

.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(../images/btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}


.image_thumb {
    float: left;
    width: 299px;
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 20px 10px;
    background: #f0f0f0 url(nav_a.gif) repeat-x;
    width: 279px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 16px;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/

#languages { float: right; margin-top: 5px;}
#languages a {  color: #953A18;  text-decoration: none; margin-left: 10px; }
#languages a:hover {  color: #4C1C06; }