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

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

#main
{
 float: right;
 padding-top: 0px;
 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/bg-body.png);
 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: 270px;
 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: 0;
 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: 40px;
 height: 40px;
}

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

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

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

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

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

ul.navigation2 a:hover, ul.navigation2 a.selected
{
 color: #201f1b;
 background-image: url(../images/menu_hover.png);
 background-repeat: no-repeat;
 background-position: left;
}

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

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

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

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

ul.navigation2 a:hover .contactus, ul.navigation2 a.selected .contactus
{
 background-image: url(../images/transporte_hover.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;
}