body{
top:0;
left:0;
	font-family: 'Varela Round', sans-serif;
	font-size: 16px;
	background-image: url('../img/body/backgrarabes.jpg'); 
	background-repeat: repeat-y repeat-x;
    background-position: center; 
	width:100%;
	height:100%;
}


@media 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi) {
  
body{
top:0;
left:0;
	font-family: 'Varela Round', sans-serif;
	font-size: 16px;
	background-image: url('../img/body/backgrarabes-2x.jpg');
	background-size: 320px 340px;
    background-repeat: repeat-y repeat-x;
    background-position: center; 
	width:100%;
	height:100%;
}
}



*{
margin:0em;
padding:0em;
}

des {font-size: 11px;}





p
{
font-size:16px;
font-family: 'Varela Round', sans-serif; font-weight: 400;
line-height: 18px;
color:#321e09;
padding:0px 0 3px;
}

p2
{
font-size:14px;
font-family: 'Varela Round', sans-serif; font-weight: 400;
line-height: 18px;
color:#321e09;
padding:0px 0 3px;
}

h1 {
font-size: 24px;
font-family: 'Varela Round', sans-serif;
color:#0a357a;
font-weight:700;
padding:10px 0 5px;
}

h2 {
font-size: 18px;
font-family: 'Varela Round', sans-serif;
font-style: italic;
color:#b6721f;
font-weight:700;
padding:5px 0 5px;
}

h3 {
font-size:14px;
font-family:verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 0;
}

h4
{
font-size:18px;
font-family: 'Varela Round', sans-serif; font-weight: 400;
line-height: 18px;
color:#ffc98e;
padding:0px 0 8px;
}

h5
{
font-size:10px;
font-family: 'Varela Round', sans-serif; font-weight: 400;
line-height: 18px;
color:#ffc98e;
padding:0px 0 0px;
}






#TopLatDx{
position:relative;
top:0em;
margin:0 auto;
left:44.2em;
width:8.8em;
height:16.2em;
background-color:#00ffe4;
}

#TopLatSx{
position:relative;
top:0em;
margin:0 auto;
left:44.2em;
width:8.8em;
height:16.2em;
background-image:url(../img/FoglieDx.jpg);
}

#container {
 min-height:100%;
 position: relative;
 width:100%;
 height:auto;
 margin-bottom:0 auto;
 }
 
 #container2 {
 min-height:100%;
 position: relative;
 width:100%;
 height:auto;
 margin-bottom:0 auto;
 }  


#mainContentHome {
	min-height:100%;
	position: relative;
	width: 100%;
	margin: 0 auto;
}




#header
{
	position: absolute;
	clear: both;
	top: 0em;
	left: 0em;
	height: 8.000em;
	width: 100%;
	background-image: url(../img/top/TopTrasp.png);
    background-repeat: no-repeat;
    background-position: center; 
	margin-left:auto;
    margin-right:auto;
	margin: 0 auto;
	margin-top: 0em;
	margin-bottom: 0em;
	padding-bottom: 0em;
	z-index: 2;
}


@media 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi) {
  
#header {
	position: absolute;
	clear: both;
	top: 0em;
	left: 0em;
	height: 8.000em;
	width: 100%;
	background: url('../img/top/TopTrasp-2x.png'); 
    background-size: 2150px 128px;
    background-repeat: no-repeat;
    background-position: center; 
	margin-left:auto;
    margin-right:auto;
	margin: 0 auto;
	margin-top: 0em;
	margin-bottom: 0em;
	padding-bottom: 0em;
	z-index: 2;
	}
}



#fadein
{
	position: absolute;
	clear: both;
	height: 34.375em;
	width: 61.500em;
	top: 10.625em;
	left: 0;
	margin:0;
	padding:0;
	background-color: #fafafa;
	margin-bottom: 0px;
	margin-left:auto;
    margin-right:auto;
	z-index: 1;
}

#bodytrue
{
	position: absolute;
	clear: both;
	width: 66.688em;
	top: 0;
	left: 0;
	margin: 0 auto;
	padding:0;
	background-color: #e6e6e6;
	margin-bottom: 0px;
	margin-left:auto;
    margin-right:auto;
	-webkit-box-shadow: inset 1px 1px 22px 9px rgba(50, 50, 50, 0.29);
    -moz-box-shadow:    inset 1px 1px 22px 9px rgba(50, 50, 50, 0.29);
    box-shadow:         inset 1px 1px 22px 9px rgba(50, 50, 50, 0.29);
	z-index: 1;
}





#bodyintextrahome
{
	position: absolute;
	clear: both;
	width: 100%;
	height:26.990em;
	top: 8.000em;
	left: 0;
	margin:0;
	padding:0;
	background-image: url('../img/top/TopExtra.png');
    background-position: center; 
	background-repeat: repeat-y;
	margin-bottom: 0px;
	margin-left:auto;
    margin-right:auto;
	z-index: 1;
}


@media 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi) {

#bodyintextrahome  
{
	position: absolute;
	clear: both;
	width: 100%;
	top: 8.000em;
	height:26.990em;
	left: 0;
	margin:0;
	padding:0;
	background-image: url('../img/top/TopExtra-2x.png');
	background-size: 2150px 637px;
    background-position: center; 
	background-repeat: repeat-y;
	margin-bottom: 0px;
	margin-left:auto;
    margin-right:auto;
	z-index: 1;
}
}




#bodyintextra
{
	position: absolute;
	clear: both;
	width: 100%;
	height:6.313em;
	top: 8.000em;
	left: 0;
	margin:0;
	padding:0;
	background-image: url('../img/top/TopExtra.png');
    background-position: center; 
	background-repeat: repeat-y;
	margin-bottom: 0px;
	margin-left:auto;
    margin-right:auto;
	z-index: 1;
}


@media 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi) {

#bodyintextra  
{
	position: absolute;
	clear: both;
	width: 100%;
	top: 8.000em;
	height:6.313em;
	left: 0;
	margin:0;
	padding:0;
	background-image: url('../img/top/TopExtra-2x.png');
	background-size: 2150px 637px;
    background-position: center; 
	background-repeat: repeat-y;
	margin-bottom: 0px;
	margin-left:auto;
    margin-right:auto;
	z-index: 1;
}
}




#bodyinthome
{
	position: absolute;
	clear: both;
	width: 100%;
	top: 34.995em;
	left: 0;
	margin:0;
	padding:0;
	background-image: url('../img/body/backgrwhite.png');
    background-repeat: repeat-y;
    background-position: center; 
	margin-bottom: 0px;
	margin-left:auto;
    margin-right:auto;
	z-index: 1;
}


@media 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi) {

#bodyinthome  
{
	position: absolute;
	clear: both;
	width: 100%;
	top: 34.995em;
	left: 0;
	margin:0;
	padding:0;
	background-image: url('../img/body/backgrwhite-2x.png');
	background-size: 2150px 340px;
    background-repeat: repeat-y;
    background-position: center; 
	margin-bottom: 0px;
	margin-left:auto;
    margin-right:auto;
	z-index: 1;
}
}




#bodyint
{
	position: absolute;
	clear: both;
	width: 100%;
	top: 14.313em;
	left: 0;
	margin:0;
	padding:0;
	background-image: url('../img/body/backgrwhite.png');
    background-repeat: repeat-y;
    background-position: center; 
	margin-bottom: 0px;
	margin-left:auto;
    margin-right:auto;
	z-index: 1;
}


@media 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi) {

#bodyint  
{
	position: absolute;
	clear: both;
	width: 100%;
	top: 14.313em;
	left: 0;
	margin:0;
	padding:0;
	background-image: url('../img/body/backgrwhite-2x.png');
	background-size: 2150px 340px;
    background-repeat: repeat-y;
    background-position: center; 
	margin-bottom: 0px;
	margin-left:auto;
    margin-right:auto;
	z-index: 1;
}
}










#downhome
{
	position: absolute;
	clear: both;
	height: 12.250em;
	width: 66.688em;
	top: 45.000em;
	left: 0;
	margin:0;
	padding:0;
	background-color: #832;
	margin-bottom: 0px;
	margin-left:auto;
    margin-right:auto;
	z-index: 2;
}

#footer
{
	position: relative;
	height: 12.500em;
	width: 100%;
	bottom: 0em;
	left: 0;
	margin:0;
	padding:0;
	background: url('../img/bottom/Bottom.png');
	background-repeat: no-repeat;
    background-position: center; 
	margin-bottom: 0px;
	margin-left:auto;
    margin-right:auto;
	z-index: 2;
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi) {
  
#footer
{
	position: relative;
	height: 12.500em;
	width: 100%;
	bottom: 0em;
	left: 0;
	margin:0;
	padding:0;
	background: url('../img/bottom/Bottom-2x.png'); 
	background-repeat: no-repeat;
    background-position: center; 
    background-size: 2150px 200px;
	margin-bottom: 0px;
	margin-left:auto;
    margin-right:auto;
	z-index: 2;
}
}








a:focus {
outline: none;
}

a:link {
		color: #2976f4;
		text-decoration:none;
	}

	a:visited {
		color: #4769a1;
		text-decoration:none;
	}


img {
  border: none;
}

.imageborder1 { border: 1px solid #0c367b; }

.imageborder2 { border: 1px solid #41302f; }


.content {
font-style:normal;
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
background:#333333;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
margin: 30px 0 50px;
padding: 15px 0;
}

.content p {
margin: 10px 0;
padding: 15px 20px;
}

.panel {
position: absolute;
top: 50px;
left: 0;
display: none;
background: #e6e6e6
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 336px;
height: 511,5px;
padding: 0px 0px 0px 0px;
filter: alpha(opacity=95);
opacity: .95;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(images/minus.png) 85% 55% no-repeat;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}

ul{
padding: 0;
margin: 0;
list-style-type: none;
}

ul li{
padding: 0;
margin: 0;
list-style-type: none;
}

hr{
background-color: #333333;
height: 1px;
}




div.wrapper{  
    position:relative; /* important(so we can absolutely position the description div */  
}  
div.description{  
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottombottom:-94px; /* position will be on bottom */  
    left:0px;  
    display:none; /* hide it */  
    /* styling bellow */  
    background-color:black;  
    font-family: 'verdana';  
    font-size:11px;  
    color:white;  
}  
div.description_content{  
    padding:10px; 
	align: justify; 
}  






.holder { 
  width:300px;
  height:250px;
  overflow:hidden;
  padding:0px;
  font-family:Helvetica;
}
.holder .mask {
  position: relative;
  left: 0px;
  top: 0px;
  width:300px;
  height:240px;
  overflow: hidden;
}
.holder ul {
  list-style:none;
  margin:0;
  padding:0;
  position: relative;
}
.holder ul li {
  padding:0px 0px;
}
.holder ul li a {
  color:darkred;
  text-decoration:none;
}