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

body
{
	background: url(../img/bkgHome.gif) repeat-x #E0E0E0;
}

p{font-size:14px;}

sup{vertical-align:super; font-size:9px;}

#wrapper {background: url(../img/bkgPage.jpg) no-repeat; padding-top:30px; margin-top:13px;}
#head{height:210px; background:url(../img/bkgHeadHome.jpg) no-repeat; margin-bottom:10px;}
#menu{background:url(../img/bkgMenu.jpg) no-repeat; height:35px;}
#content{margin-top:10px; background:url(../img/topBoxContent.gif) no-repeat #fff;}
.bottomContent{height:11px; margin-top:10px; background:url(../img/bottomBoxContent.gif) no-repeat;}


/* *** menu  *** */
#wrapper #top ul#lang-nav{margin:0;padding:0;margin-top:68px;}
#wrapper #top ul#lang-nav li{padding:0;list-style:none;float:right;margin:0 0 0 10px;  font-size:11px;}
#wrapper #top ul#lang-nav li a{text-decoration:none;color:#797979; border-left:1px solid #c0bfbf; padding-left:10px;}
#wrapper #top ul#lang-nav li a:hover {color:#000;}

#wrapper ul#main-nav {margin:0;padding:0;float:left;width:100%; margin-left:20px;}
#wrapper ul#main-nav li {padding:0;list-style:none;float:left;margin:5px 20px 0 0;}
#wrapper ul#main-nav li a {text-decoration:none;display:block;padding:3px 10px 5px 30px; border-right:1px solid #4a83b5;color:#fff;}
#wrapper ul#main-nav li a:hover {color:#000;}

#wrapper ul#footer-nav {margin:0;padding:0;float:left;}
#wrapper ul#footer-nav li {padding:0;list-style:none;float:left;margin:5px 10px 0 0;font-size:11px;}
#wrapper ul#footer-nav li a {text-decoration:none;display:block;padding:3px 10px 5px 0; border-right:1px solid #A1C7EF;color:#000;}
#wrapper ul#footer-nav li a:hover {text-decoration:underline;}


/*  *** head  *** */
ul#tagLine{margin:0 0 0 40px;padding:0;width:100%;}
ul#tagLine li{padding:0;list-style:none;float:left;margin:0 20px 0 0; font-size:14px; color:#718ba7;}


/*  *** content  ***  */
#content h1{font-family:Georgia, "Times New Roman", Times, serif; margin:30px 0 20px 20px; font-size:32px; color:#295c91;}
#content p{margin:20px;}
#content p.big{font-size:16px;}
#boxVideo{background:url(../img/bkgVideoHome.gif) no-repeat; height:435px; margin-left:20px; padding:14px 0 0 20px;}
#boxPromo {color:#285B91;}
#boxPromo h2{border-bottom:1px solid #A1C7EF;margin-right:40px;}
#boxPromo p{margin:10px 0;padding-right:40px;}

#boxPromo ul{list-style:none; margin-top:10px;}
#boxPromo li{background:url(../img/arrow.gif) no-repeat left center; text-indent:30px; line-height:20px;}

#boxPromo li a{text-decoration:none; color:#285B91; font-weight:bold;}
#boxPromo li a:hover{text-decoration:underline;}

#footer{border-top:1px solid #A1C7EF; margin-top: 20px; padding:6px 0 10px 0;}
#footer p{text-align:right; font-size:11px; color:#797979;}
#footer p a{text-decoration:none; color:#000;}
#footer p a:hover{text-decoration:underline;}
#footer span#siteBy{margin-left:10px;}


/* *** Promos ***  */
#tabsPromos{margin:20px;}

/* navigation Promos */
#navPromos {
	background:#295c91 url(../img/h300_reverse_gray.png);
	border:1px solid #7eaedf;
	/*border-bottom:1px solid #CCCCCC;*/
	height:145px;
	
}

#navPromos ul {margin:0 auto; padding:0 0 0 0;}

#navPromos li {
	display:block;
	font-size:12px;
	font-weight:bold;
	border-right:1px solid #ddd;
	float:left;
	padding-left:1px;
	width:165px;
	list-style-type:none;
	text-align:center;
	margin:0;
	padding:0;
}

#navPromos a {
	color:#fff;
	display:block;
	/*padding:17px;*/
	
	padding-top:61px;
	height:84px;
	text-decoration:none;
}	

#navPromos a.current {
	color:#000;
	border-bottom:1px solid #7eaedf;
	background:url(../img/down_large.jpg);	
}

#navPromos img {
	background-color:#fff;
	border:1px solid #ccc;
	margin:3px 0 5px 27px;
	padding:4px;		
	display:block;
}

#navPromos strong {
	display:block;		
	font-size:13px;
}

/* panes */
#panes {
	background:#fff url(../img/h300_reverse.png) repeat-x scroll 0 0;
	border-color:#7eaedf;
	border-style:solid;
	border-width:1px 1px 0;
	
	height:365px;
	margin-bottom:-20px;
	padding-bottom:20px;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	top:20px;
	left:20px;
	font-size:14px;
	color:#444;	
}
#panes #thumbs{display:block; position:relative;top:0;left:0; margin-left:256px; text-align:center;}

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

/* the active thumbnail */
#panes #thumbs a.active img {
	outline:1px solid #000;

	/* show on top of the expose mask */
	z-index:9999;
	position:relative;
}


#panes img.mainPict {
	float:left;
	margin-right:20px;
	margin-bottom:15px;
}

#panes ul{list-style:none; margin:20px 0 0 230px;}
#panes li{margin-bottom:8px; color:#000;}


#panes p.more {
	font-weight:bold;
}

#panes h3 {
	margin:0 0 -5px 0;
	font-size:22px;
	font-weight:normal;
}
#panes h4{font-size:14px; color:#718ba7;}

.overlay {
	display:none;
	width:500px;
	padding:20px;
	background-color:#ddd;
}


/*  *** contacta  *** */
#content .formContainer .formSuccess, #content .formContainer .formError{font-weight:bold; margin:35px 0 0 0; font-size:12px;}
#content .formContainer .formSuccess{color:#295c91;}
#content .formContainer .formError{color:#F00;}
.formContainer textarea{height: 200px;}