/** Creditos Templatemo**/
#slider2 
{
 position: relative;
 width: 890px;
 padding-top: 20px;
 padding-right: 10px;
 padding-bottom: 0;
 padding-left: 70px;
}

#sidebar 
{
 float: left;
 width: 280px;
}

#main 
{
 float: right;
 padding-top: 10px;
 width: 600px;
}

/**#header
{
 margin-left: 10px;
 width: 230px;
 height: 114px;
 text-align: center;
 padding-top: 80px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0;
 background-image: url(../images/templatemo_header.jpg);
 background-repeat: no-repeat;
 background-position: top left;
}  

#social_box 
{
 display: block;
 width: 550px;
 height: 48px;
 padding-top: 16px;
 padding-right: 0px;
 padding-bottom: 16px;
 padding-left: 50px;
 margin-bottom: 20px;
 background-image: url(../images/templatemo_social_box.jpg);
 background-repeat: no-repeat;
}

#social_box li 
{
 display: block;
 float: left;
 padding: 0;
 margin: 0;
}

#social_box li a 
{
 width: 48px;
 height: 48px;
 margin-right: 60px;
}
**/
#content 
{
 height: 455px;
 width: 600px;
 background-image: url(../images/content.jpg);
 background-repeat: no-repeat;
}

.scroll 
{
 height: 455px;
 width: 600px;
 overflow: auto;/*  overflow-x: hidden; */

 position: relative;
 clear: left;
}

.scrollcontainer div.panel 
{
 padding: 30px;
 height: 395px;
 width: 540px;
}

ul.navigation2 
{
 width: 280px;
 list-style: none;
 margin: 0;
 padding: 0;
 text-align: left;
}

ul.navigation2 li 
{
 display: inline-block;
 margin: 0px;
 padding: 0;
}

ul.navigation2 a 
{
 display: block;
 width: 190px;
 height: 33px;
 padding-top: 12px;
 padding-right: 0;
 padding-bottom: 30;
 padding-left: 80px;
 margin-bottom: 5px;
 color: #8a8980;
 font-size: 16px;
 font-weight: normal;
 text-decoration: none;
 position: relative;
}

ul.navigation2 a .ui_icon 
{
 position: absolute;
 top: 0;
 left: 15px;
 width: 280px;
 height: 72px;
}

ul.navigation2 a .home 
{
 background-image: url(../images/chartisg.png);
 background-repeat: no-repeat;
}

ul.navigation2 a .aboutus 
{
 background-image: url(../images/crefissag.png);
 background-repeat: no-repeat;
}

ul.navigation2 a .services 
{
 background-image: url(../images/ficohsag.png);
 background-repeat: no-repeat;
}

ul.navigation2 a .gallery 
{
 background-image: url(../images/palig.png);
 background-repeat: no-repeat;
}

ul.navigation2 a .contactus 
{
 background-image: url(../images/mapfreg.png);
 background-repeat: no-repeat;
}

ul.navigation2 a .atlan 
{
 background-image: url(../images/seatlang.png);
 background-repeat: no-repeat;
}

ul.navigation2 a .astec 
{
 background-image: url(../images/astecadg.png);
 background-repeat: no-repeat;
}

ul.navigation2 a .daviv
{
 background-image: url(../images/daviviendag.png);
 background-repeat: no-repeat;
}

ul.navigation2 a .lafis
{
 background-image: url(../images/lafiseg.png);
 background-repeat: no-repeat;
}


ul.navigation2 a:hover, ul.navigation2 a.selected 
{
 color: #201f1b;
 background-repeat: no-repeat;
 background-position: left;
}

ul.navigation2 a:hover .home, ul.navigation2 a.selected .home 
{
 background-image: url(../images/chartis.png);
 background-repeat: no-repeat;
}

ul.navigation2 a:hover .aboutus, ul.navigation2 a.selected .aboutus 
{
 background-image: url(../images/crefissa.png);
 background-repeat: no-repeat;
}

ul.navigation2 a:hover .services, ul.navigation2 a.selected .services 
{
 background-image: url(../images/ficohsa.png);
 background-repeat: no-repeat;
}

ul.navigation2 a:hover .gallery, ul.navigation2 a.selected .gallery 
{
 background-image: url(../images/pali.png);
 background-repeat: no-repeat;
}

ul.navigation2 a:hover .contactus, ul.navigation2 a.selected .contactus 
{
 background-image: url(../images/mapfre.png);
 background-repeat: no-repeat;
}

ul.navigation2 a:hover .atlan, ul.navigation2 a.selected .atlan 
{
 background-image: url(../images/seatlan.png);
 background-repeat: no-repeat;
}

 ul.navigation2 a:hover .daviv, ul.navigation2 a.selected .daviv
{
 background-image: url(../images/davivienda.png);
 background-repeat: no-repeat;
}

ul.navigation2 a:hover .lafis, ul.navigation2 a.selected .lafis
{
 background-image: url(../images/lafise.png);
 background-repeat: no-repeat;
}

 ul.navigation2 a:hover .astec, ul.navigation2 a.selected .astec
{
 background-image: url(../images/astecad.png);
 background-repeat: no-repeat;
}

ul.navigation2 a:focus 
{
 outline-style: none;
}

.scrollbuttons 
{
 position: absolute;
 top: 300px;
 cursor: pointer;
 width: 0;
 height: 0;
}

.scrollbuttons.left 
{
 left: -50px;
}

.scrollbuttons.right 
{
 right: -50px;
}

.hide 
{
 display: none;
}