/* 
	BarcelonaUniversity CSS file
	By Sebastian Thuer (www.thuer.com.ar) 
	for Accom Consulting S.L.
*/

/* HTML tags */

body {
	margin: 20px auto;
	background: #d6eaf7 url(../images/bg.png) 0 -22px repeat-x;
	color: #313131;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 83%;
	text-align: center; /* ie6-ie7 fix */
}
	
h1, h2, h3, h4, h5, h6, form, img { /* reset */
	margin: 0; padding: 0; border: 0; text-align: left;
}	

a {color: #1F458E;}
a:hover {color: #031A4D;}


/* Layout */

#header, #body, #footer {
	width: 965px;
	margin: 0 auto;
	padding: 0;
}

#header {
	display: block;
	height: 69px;
	background: url(../images/bg2.png) top no-repeat;
	padding-top: 30px;
}	

#body {
	clear: both;
/*	dislay: block;*/
	min-height: 800px;
/*	height: auto; */
	background: #fff url(../images/bg-body-center.png) center top repeat-y;	
	text-align: left;
}	
 
#footer {
	clear: both;
	background: url(../images/bg2.png) bottom no-repeat;
	padding: 30px 0 10px 0;
}	 


/* ---------- header section ---------- */

#header h1 {
	float: left;
	margin: 0 0 0 2px;
	padding: 0;
}

#header h1 #toplogo {
	display: block;
	width: 340px;
	height: 69px; 	
	background: #fff url(../images/barcelona-logo.png) no-repeat 10px 5px  ;
}	

#header h1  #toplogo span {
	display: none;
}	

/* --- topmenu --- */

#header #topmenu {
	float: right;
	width: 575px;
}	

#header #topmenu ul {
	float: right;
	margin: 0;
	padding: 0;
	background: #cc0;
}	

#header #topmenu li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}	


#header #topmenu ul li #btncourses {
	display: block;
	width: 142px;
	height: 69px;
	background: url(../images/topmenu-spanishcourses.png) no-repeat 0 0;
}	

#header #topmenu ul li #btnsemester {
	display: block;
	width: 138px;
	height: 69px;
	background: url(../images/topmenu-studyabroad.png) no-repeat 0 0;
}	

#header #topmenu ul li #btnprices {
	display: block;
	width: 142px;
	height: 69px;
	background: url(../images/topmenu-prices.png) no-repeat 0 0;
}	


#header #topmenu ul li #btncontact {
	display: block;
	width: 141px;
	height: 69px;
	background: url(../images/topmenu-register.png) no-repeat 0 0;
}	


/* No used now, may be in the future */

/*#header #topmenu ul li #btnhome {
	display: block;
	width: 142px;
	height: 69px;
	background: url(../images/topmenu-home.png) no-repeat 0 0;
	}	
#header #topmenu ul li #btncourses {
	display: block;
	width: 138px;
	height: 69px;
	background: url(../images/topmenu-courses.png) no-repeat 0 0;
}	*/


#header #topmenu ul li #btnhome:hover,
#header #topmenu ul li #btncourses:hover,
#header #topmenu ul li #btnprices:hover,
#header #topmenu ul li #btncontact:hover,
#header #topmenu ul li #btnsemester:hover,
#header #topmenu ul li #btncourses:hover {	
  background-position: 0 -69px;
}

#header #topmenu ul li a span { /* hide text */
	display: none;
}	


/* ---------- body section ---------- */

#body #homeimage {
	background: url(../images/home-photo2.jpg) 1px 0 no-repeat;
	height: 260px;
	width: 964px;
	border-top: 1px solid #d6d5d5;
	border-bottom: 1px solid #d6d5d5;
}	

#body #summary {
	background: url(../images/bg-summary.png) 1px 0 repeat-x;
	height: 260px;
	width: 900px;
	padding: 0 32px;
	border-top: 1px solid #d6d5d5;
	border-bottom: 1px solid #d6d5d5;
}	

#body #summary h2 {
	margin: 1em 0 0.4em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	letter-spacing: -0.1em;
	color: #111;
}	

#body #summary h3 {
	margin: 0 0 0.8em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	letter-spacing: -0.05em;
	color: #666;
}	

#body #summary h3 strong {
	color: #419B00;
}	

#body #summary h3.spanish {
	background: url(../images/es.png) 0 -5px no-repeat;
	padding: 0 0 0 40px;
	}
	
#body #summary h3.english {
	background: url(../images/uk.png) 0 -5px no-repeat;
	padding: 0 0 0 40px;
	}	

#body #summary p {
	margin: 0 0 0.6em 0;
	font-size: 1.2em;
	letter-spacing: -0.02em;
	line-height: 1.6em;
	color: #101010;
}	

#body #summary p strong {
	font-weight: bolder;
}

#body #summary p em {
	font-size: 0.9em;
	font-style: normal;
}	

#body #summary .register-top {
	float: right;
	margin: 10px 20px 0 0;
}	


/* - Home - 2 boxes - */

.box1 {
	float:left;
	width:400px;
	margin: 0 10px 15px 0;
}

.box2 {
	float:right; 
	width: 170px;
	margin: 10px 8px 15px 0px;
	padding:0 3px;
	background:#eee;
	border:1px solid #ccc;
	font-size:11px;
}

.box2 strong {
	color: #3F900A
	}


/* - Home accordion effect - */

#basic-accordian{
	border: 5px solid #e0e0e0;
	padding: 5px;
	width: 580px;
}

.accordion_headings{
	padding: 5px;
	background: #9c0;
	color: #fff;
	border: 1px solid #fff;
	cursor: pointer;
	font-weight: bold;
}

.accordion_headings:hover{
	background: #0cf;
}

.accordion_child{
	padding:1 5px;
	background: #eee;
}

.header_highlight{
	background: #0cf;
}


/* --- sidebar --- */

#body #sidebar {
	float: left;
	width: 318px;
	margin: 0 0 0 1px;
	padding: 0 0 40px 0;
	background: #e6e5e5 url(../images/bg-menu.png) top left repeat-x;	
	border-bottom: 1px solid #d4d2d2;
	border-right: 1px solid #d4d2d2;
}	

#body #sidebar h3 {
	margin: 18px 10px;
	color: #3a3a3a;
	font-size: 1.4em;
	font-weight: bolder;
}
	
#body #sidebar h4 {
	margin: 25px 10px 10px 10px;
	color: #3a3a3a;
	font-size: 1em;
}	

#body #sidebar .subtitle {
	color: #419B00;
	font-size: 0.7em;
	text-transform: uppercase;
}	
	
#body #sidebar ul {	
	list-style-type: none;
	margin: 0 0 0 0px;
	padding: 0 15px;
	text-align: left;
}
	
#body #sidebar ul li {		
	border-bottom: 1px solid #dedede;	
}

#body #sidebar ul li a {
	display: block;
	background: url(../images/bullet-menu.png) 5px center no-repeat;
	padding: 4px 0 4px 20px;
	color: #3a3a3a;
	font-size: 0.8em;
	text-decoration: none;
}

#body #sidebar ul li a:hover {	
	background: #DEDCDC url(../images/bullet-menu.png) 5px center no-repeat;
	color: #101010;
}	

#body #sidebar ul li a.register {color: #3F900A; font-weight: bold;}
#body #sidebar ul li a.register:hover {color: #2F6A08}

#body #sidebar #menu_semester li a {
	display: block;
	background: url(../images/arrow-menu.png) 0 0 no-repeat;
	padding: 4px 0 4px 20px;
	color: #3a3a3a;
	font-size: 0.8em;
	text-decoration: none;
}

#body #sidebar #menu_semester li a a {
	background-image: none;
	}

#body #sidebar #menu_semester li a:hover {
	background-color: #DEDCDC;
	color: #101010;
}

#body #sidebar #menu_semester .arrowleft {
	background-position: 0 0px;
}

#body #sidebar #menu_semester .arrowdown {
	background-position: 0 -20px;
}

#body #sidebar #menu_semester #submenu_language li a,
#body #sidebar #menu_semester #submenu_business li a, 
#body #sidebar #menu_semester #submenu_economy li a, 
#body #sidebar #menu_semester #submenu_history li a,
#body #sidebar #menu_semester #submenu_architecture li a { /* set standard bullet for submenu items */
	background: url(../images/bullet-menu.png) 5px center no-repeat;
	}


#body #sidebar p {
	margin: 0 10px;
	font-size: 0.8em;
	line-height: 1.4em;
	text-align: left;
	color: #666;
}	

#body #sidebar p a {
	color: #3a3a3a;
	text-decoration: none;
}	

#body #sidebar p a:hover {
	color: #101010;
	text-decoration: underline;
}	

#body #sidebar p.more {
	background: url(../images/bullet-menu-more.png) left no-repeat;
	margin: 5px 10px 10px 35px;
	padding: 0 0 0 12px;
	color: #555;
	font-size: 0.7em;
}	

#body #sidebar p.more a {
	color: #419B00;
	text-decoration: none;
}	

#body #sidebar p.more a:hover {
	color: #307200;
	text-decoration: underline;
}	




/* --- content --- */

#body #content {
	padding: 0 0 0 318px;
}	

#body #content .highlight {
	background: #f0f0f0;
	border-bottom: 1px solid #e0e0e0;
	padding: 10px 20px 20px 20px;
	color: #666;
}	

#body #content .highlight h3 {
	margin: 0.6em 0;
	color: #606060;
	font-size: 1.4em;
	font-weight: bolder;
	letter-spacing: -0.4px;	
}	

#body #content .highlight p {
	font-size: 0.9em;
	line-height: 1.4em;
}	

#body #content .courses {
	background: url(../images/bg-program-overview.png) bottom right no-repeat;
	padding: 10px 150px 20px 20px;
}	

#body #content h3 {
	margin: 0.6em 0;
	color: #111/*#34A212*/;
	font-size: 1.2em;
	font-weight: bolder;
}

#body #content h4 {
	margin: 2em 0 0.6em 0;
	color: #34A212;
	font-size: 1.1em;
	font-weight: bolder;
}
	
#body #content p {
	margin: 1em 0;
	line-height: 1.6em;
	font-size: 0.95em;
}

#body #content ul {
	margin-top: 0;
}	

#body #content li {
	font-size: 0.95em;
	text-align: left;
	line-height: 1.4em;
	list-style-type: square;
}	

#body #content ol li {
	list-style-type: decimal;
	margin: 1em 0;
	line-height: 1.4em;
}

#body #content li.pdf {
	list-style-image: url(../images/ico-pdf.png);
}	

#body #content .wide {
	background: #fff;
	padding: 10px 20px;
}

#body #content .leftcourse,
#body #content .rightcourse {
		background: #F1F6F9;
		height: 200px;
		font-size: 0.9em;
		border: 1px solid #C8D1D2;
}

#body #content .leftcourse h4,
#body #content .rightcourse h4 {
		margin: 5px 0 8px 0;
		font-size: 1.2em;
		font-weight: bolder;
}

#body #content .leftcourse ul,
#body #content .rightcourse ul {
		margin: 0;
}


#body #content .leftcourse li,
#body #content .rightcourse li {
		margin: 5px 0 0 2px;
}

#body #content .leftcourse {
	float: left;
	width: 290px;
	padding: 0 5px;
/*	border-right: 2px solid #C8D1D2;*/
}

#body #content .rightcourse {
	float: left;
	width: 292px;
	padding: 0 5px;
}

#body #content .left {
	float: left;
	width: 250px;
	padding: 10px 0 10px 30px;
	
}

#body #content .right {
	border: 0px solid #0c0;
	margin: 0 0 0 340px;
	padding: 10px 20px;
	background: #fff url(../images/bg-dot-vertical.png) 1px 0 repeat-y;	
}


/* -- photos  -- */

#body #content .photoleft {
	float: left;
	padding: 0 20px 20px 0;
	border: 0;
}	

#body #content .photoright {
	float: right;
	padding: 0 0 20px 20px;
	border: 0;
}	



/* -- price table  -- */

table.price {
	margin: 1em auto;
	background: #fff;
	border: 1px solid #aaa;
}

table.price th {
	font-size: 1em;
	background: #9BBB59;
	border-bottom: 1px solid #aaa;
	color: #fff;	
	text-align: center;
}

table.price td {
	padding: 4px;
	border-bottom: 1px solid #eee;
	font-size: 0.9em;
	color: #292929;
}	

/* -- datetime -- */

#body #content div.datetime {
	float: left;
	margin: 20px;
	padding:0; 
	border: 1px solid #000;
	width: 4.0em;	
}

#body #content div.datetime p {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: x-small;
}

#body #content div.datetime .top {
	color: #fefefe;
	background-color: #2f4765;
	padding: 2px 1px;
}

#body #content div.datetime .top p {
	font: bold x-small/100% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}	

#body #content div.datetime .top p {
	background: url(../images/bg-caltop.gif) no-repeat 50% 0;
	margin: -9px auto 0 auto; 
	padding-top: 11px; 
}

#body #content div.datetime p.day {
	font: bold 1.5em/98% Georgia, "New Century Schoolbook", "Book Antiqua", "Times New Roman", serif;
	letter-spacing: 0.13em;
}

/* month */
#body #content div.datetime p.mon {
	font: x-small/135% Verdana,Geneva,Arial,Helvetica,sans-serif;
	letter-spacing: normal;
	text-transform: uppercase;
}

/* year */
#body #content div.datetime p.yr {
	font: x-small/110% Verdana,Geneva,Arial,Helvetica,sans-serif;
	letter-spacing: 0.05em;
}

#body #contentdiv.datetime .btm {
	color: #365174;
	background: transparent;
	border-left: 1px solid #a1c6ac;
	margin: 0 10px 5px 0;
	padding: 0 0 1px 0;
}

table.price td.even {background: #E6EED5}
table.price td.odd {background: #fff}


table.coursescolumn {
	background: #fff url(../images/bg-table-light-blue.png) bottom left repeat-x;
	border: 1px solid #a6d0e7;
	}
	
table.coursescolumn th {	
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #111;
	text-align: left;
	}
	
table.coursescolumn th.title {	
	background: #0cf;
	font: bold small-caps 1em Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #fff;
	}
	
table.coursescolumn td {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.92em;
	line-height: 1.6em;
	}


/* -- form -- */

form.uabform fieldset {
	width: 520px;
	margin: 20px 1em;
	border: 1px solid #D4D2D2;
}	

form.uabform fieldset legend {
	color: #111;
	font-size: 0.9em;
	font-weight: bold;
}	

form.uabform label {
	color: #606060;
	font-weight: bold;
}	

form.uabform input.field,
form.uabform textarea.field {
	margin: 4px 0;
	padding: 2px 5px;
	border: 1px solid #ccc;
	border-bottom: 2px solid #aaa;
	border-right: 2px solid #aaa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #505050;
}	

form.uabform select.field {
/*	width: 250px;	*/
	margin: 4px 0;
	border: 1px solid #aaa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;	
	color: #303030;
}	

form.uabform p.formtext,
form.uabform ul.formtext {
	background: #FFF4C9;
	border-left: 5px solid #fc0;
	margin-left: 10px;
	padding: 2px 5px 2px 8px;
	color: #333;
}	

form.uabform ul.formtext {
	margin-top: 20px;
}	

form.uabform ul.formtext li {
	margin-left: 20px;
}	

form.uabform .price
 {
	border: 0;
	background: #fff;
	color: #c00;
	font-weight: bold;
}	

/* --- buttons --- */

#moreinfo {
	display: block;
	background: url(../images/button-more-info.png) 0 0 no-repeat;
	height: 20px;
	width: 94px;
}

#moreinfo:hover {background-position: 0 -20px}	

a.button {
/*	display: block;*/
	padding: 3px 8px;
	background: #8acf13 url(../images/bg-button.png) bottom repeat-x;
	border: 1px solid #6EC700;
	color: #fff;
	letter-spacing: 0.01em;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
	
a.button:hover {
	border: 1px solid #508e06;
	color: #ffc;
}	

.footnote {
	padding: 1em;
	color: #666;
}	

#moreinfo span,
.btn-register span {
	display: none;
}

.clear {
 clear: both;
} 
	
/* ---------- footer section ---------- */	

#footer .footerbox {
	width: 940px;
	height: 30px;
	margin: 10px auto;
	padding: 10px 0 0 0;
	background: url(../images/footer-box.png) center bottom no-repeat;
	border-top: 4px solid #dedede;
}	

#footer h6 {
	padding: 7px 20px 0 20px;
	color: #808181;
	text-align: center;
	font-weight: normal;
	}
	
#footer h6 a {	
	color: #666;
	text-decoration: none;
	}
	
#footer h6 a:hover {		
	color: #031A4D;
	}
	
.mensajeError
{
	color: #CC3333;
	border: 1px solid #CC3333;
	font-size: 11px;
	padding: 2px 4px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*    -----------------------------------------------------
                         Price Tables 
    ----------------------------------------------------- */

.PriceTable {
    /*
    font: normal 70%/130% Trebuchet MS,Trebuchet,Verdana,Arial,Helvetica;
    */
    margin: 1em auto;
}

.PriceTable table {
    
}

.PriceTable th, th.School, .PriceTable td {
    /*background-color:#E0E0E0;*/
    background-color: #9BBB59;
    /*
    font: normal normal bold 130%/130% Arial,Trebuchet MS,Trebuchet,Verdana,Helvetica;
    */
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    padding-left: 4px;
    padding-right: 4px;
    
}

th.UniPrice {
    background-color:#FFDDAA;
    /*
    font: normal normal bold 130%/130% Arial,Trebuchet MS,Trebuchet,Verdana,Helvetica;
    */
    border-right: 2px solid #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
    padding-left: 4px;
    padding-right: 4px;
}

th.OffPrice {
    background-color:#E0E0E0;
    /*
    font: normal normal bold 130%/130% Arial,Trebuchet MS,Trebuchet,Verdana,Helvetica;
    */
    border-right: 2px solid #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
    padding-left: 4px;
    padding-right: 4px;
}

.PriceTable th, th.School {
    border-bottom: 5px solid #FFFFFF;
}

th.School {
    /*
    font: normal normal bold 150%/150% Arial,Trebuchet MS,Trebuchet,Verdana,Helvetica;
    */
    font: normal normal bold 130%/130% Arial,Trebuchet MS,Trebuchet,Verdana,Helvetica;
}

td.CourseType {
}

.PriceTable td, td.OffPrice {
    /*
    font: normal normal normal 120%/120% Arial,Trebuchet MS,Trebuchet,Verdana,Helvetica;
    */
    font: normal normal normal 120%/120% Arial,Trebuchet MS,Trebuchet,Verdana,Helvetica;
    border-right: 2px solid #FFFFFF;
    background-color:#E6EED5;

}

td.UniPrice {
    /*
    font: normal normal bold 120%/120% Arial,Trebuchet MS,Trebuchet,Verdana,Helvetica;
    */
    font: normal normal bold 120%/120% Arial,Trebuchet MS,Trebuchet,Verdana,Helvetica;
    /*background-color:#FFDDAA;*/
    background-color:#EEEEEE;
    /*color: #A21111;*/
}

.AccomPriceTable {
    font: normal 80%/130% Trebuchet MS,Trebuchet,Verdana,Arial,Helvetica;
    table-layout: fixed;
    width: 440px;
}

#countrydivcontainer .AccomPriceTable {
    font: normal 70%/130% Trebuchet MS,Trebuchet,Verdana,Arial,Helvetica;    
    width: 100%;
    _width: 430px; /* ie6 hack*/
}

.AccomPriceTable th, .AccomPriceTable td {
    background-color:#E0E0E0;
    font: normal normal bold 130%/130% Arial,Trebuchet MS,Trebuchet,Verdana,Helvetica;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    padding-left: 4px;
    padding-right: 4px;
    
}

th.HighLight {
    background-color:#FFDDAA;
    font: normal normal bold 130%/130% Arial,Trebuchet MS,Trebuchet,Verdana,Helvetica;
    border-right: 2px solid #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
    padding-left: 4px;
    padding-right: 4px;
}

th.LowLight {
    background-color:#E0E0E0;
    font: normal normal bold 130%/130% Arial,Trebuchet MS,Trebuchet,Verdana,Helvetica;
    border-right: 2px solid #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
    padding-left: 4px;
    padding-right: 4px;

}

.AccomPriceTable td {
    font: normal normal normal 120%/120% Arial,Trebuchet MS,Trebuchet,Verdana,Helvetica;
    border-right: 2px solid #FFFFFF;
}

td.LowLight {
    font: normal normal normal 120%/120% Arial,Trebuchet MS,Trebuchet,Verdana,Helvetica;
    border-right: 2px solid #FFFFFF;
}

td.LowLight {
    font: normal normal normal 120%/120% Arial,Trebuchet MS,Trebuchet,Verdana,Helvetica;
    border-right: 2px solid #FFFFFF;
}

td.HighLight {
    font: normal normal normal 120%/120% Arial,Trebuchet MS,Trebuchet,Verdana,Helvetica;
    background-color:#FFDDAA;
}

.courseprice {
 margin: 5px auto;
 font-family: Arial, Helvetica, sans-serif;
 border: 1px solid #ccc;
 }
 
table.courseprice { 
border: 1px solid #ccc;
}

.courseprice th { 
    padding: 2px 0;
    background: #E0E0E0;
    border-bottom: 2px solid #fff;
    font-size: .95em;
}

.courseprice td {     
    font-size: .9em;
}

.courseprice td.odd {
    background: #FFDDAA;
}

.courseprice td.even {
    background: #E0E0E0;
}

span.tit_vig {
    color:#34A212;
    float:right;
    font-weight:bold;
}