@charset "UTF-8";
/* CSS Document */
body{
padding:0px; 
margin:0px; 
background-color:#354153; 
color:#1B4978; 
font:13px/19px Arial, Helvetica, sans-serif;
}
div, p, ul, h2, h3, h4, h5,{
padding:0px; 
margin:0px;}
ul{list-style-type:none}
a {
	color: #9a1d0f;
}

a:hover {
	text-decoration: none;
}

h1{
color:#1B4978; 
font:19px Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:20px;
}
h2{
color:#1B4978; 
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:20px;
}
h3{
}
/*----MAIN PANEL----*/
#mainPan{
width:100%;
margin:100 auto;
}
#header{
width:700px;
margin-left:190px;
margin-top:10px;
color:#1B4978;
font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
}
#header.logo{
width:334px; 
height:51px; 
}
#header p.caption{
width:200px; 
color:#ffffff; 
top:53px; 
font-size:15px;
padding-left:42px;
margin-top:-1px;
letter-spacing:1px;
}
#menu{
height:25px;
color:#ccc;
}
#menu ul{
height:20px; 
margin:0 auto;

}
#menu li{
float:left; 
}
#menu ul li a{
padding:0 12px 0; 
color:#ccc; 
background:#354153; 
text-decoration:none; 
font-size:13px;
}
#menu ul li a:hover{
text-decoration: underline;
}
#wrapper{
width:1760px;
height:480px;
background-color:#999999;
}
#menu .current_page_item{
color:9a1d0f;
}
#leftPan{
width:200px;
height:470px;
margin-left:190px;
padding:5px; 
float:left;
}
.leftPanpic{
width:120px;
height:120px;
border:#DDDDDD thin solid;
padding: 5px;
float:right;
margin-right:15px;
}
.leftPanpicsmall{
width:80px;
height:80px;
border:#DDDDDD thin solid;
margin-left:10px;
margin-top:10px;
}

#leftPan1{
width:210px;
height:470px;
margin-left:190px;
padding:5px; 
float:left;
overflow:auto;
}
#caption{
width:500px;
float:left;
font-size:15px;
font-weight:bold;
}
.imgPrincipal{
padding:5px;
}
.subtitle{
padding:10px;
}
.leftmenu li{
width:145px; 
height:22px; 
border-bottom:1px dashed #AECCCA;
margin-left:-20px;
margin-top:5px;
}
.leftmenu li a{
width:145px; 
height:22px; 
display:block; 
background:url(images/bullet-normal.gif) 0 7px no-repeat; 
color:#1B4978; 
line-height:22px; 
text-decoration:none; 
padding:0 0 0 15px;
}
.leftmenu li a:hover{
background:url(images/bullet-hover.gif) 0 7px no-repeat; 
color:#ffffff; 
line-height:22px; 
text-decoration:none; 
padding:0 0 0 15px;
}
.leftmenu li.Solutions{width:147px; height:22px; display:block; background:url(images/bullet-hover.gif) 0 7px no-repeat #fff; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
.leftmenu li.clients{width:147px; height:22px; border-bottom:none;
}
#rightPanF{
	width:550px;
	height:480px;
	border-left:1px solid #C8E8E2;
	border-right:1px solid #C8E8E2;
	float:left;
}

/*----Body Right Panel----*/
#rightPan{
	width:550px;
	height:480px;
	border-left:1px solid #C8E8E2;
	border-right:1px solid #C8E8E2;
	float:left;
}
#rightPan p{
padding-left:20px;
padding-right:20px;

}
#rightPan p.more{
width:502px; 
height:25px; 
float:left; 
background:url(images/sky-color-bg.gif) 0 10px repeat-x; 
padding:0px;
}
#rightPan p.more a{
width:92px; 
height:21px; 
display:block; 
background:url(images/icon2.jpg) 0 0 no-repeat #fff; 
color:#958201; 
line-height:21px; 
text-transform:uppercase; 
text-decoration:none; 
margin:0 0 0 328px; 
padding:0px;
}
#rightPan p.more a:hover{
background:url(images/icon2.jpg) 0 0 no-repeat #fff; 
color:#645804; 
text-decoration:none;
}
#rightPanF{
	width:550px;
	height:480px;
	border-left:1px solid #C8E8E2;
	border-right:1px solid #C8E8E2;
	float:left;
	left: 0;
	top: 0;
}
#thumbnail-box {
	width:490px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}
#thumbnails {
    list-style-type: none;
    margin:0;
    padding:0;
}
#thumbnails li {
    margin:0;
    padding:0;
    float:left;

}
div.small-image-box {
	width:130px;
	margin-bottom:10px;
	margin-left:20px;
	text-align:center;
	padding-bottom:5px;
	padding-top:5px;	
}
div.small-image-box img {
    margin-bottom:5px;
    display:block;
    margin-left:auto;
    margin-right:auto;
	outline:#EEEEEE thin solid;
}
div.small-image-box span {
    height:20px;
    width:120px;
    display:block;
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

#rightPan1{
	width:550px;
	height:480px;
	border-left:1px solid #C8E8E2;
	border-right:1px solid #C8E8E2;
	float:left;
	overflow:auto;

}
#rightPan1 p{
padding-left:20px;
padding-right:20px;

}
#rightPan1 p.more{
width:502px; 
height:25px; 
float:left; 
background:url(images/sky-color-bg.gif) 0 10px repeat-x; 
padding:0px;
}
#rightPan1 p.more a{
width:92px; 
height:21px; 
display:block; 
background:url(images/icon2.jpg) 0 0 no-repeat #fff; 
color:#958201; 
line-height:21px; 
text-transform:uppercase; 
text-decoration:none; 
margin:0 0 0 328px; 
padding:0px;
}
#rightPan1 p.more a:hover{
background:url(images/icon2.jpg) 0 0 no-repeat #fff; 
color:#645804; 
text-decoration:none;
}

#footer{
width:100%;
height:120px; 
background-color: #354153; 
color:#ccc; 
font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
float:left;
padding:13px 0 0;
}
#footerMenu{
width:770px; 
margin-left:190px;
margin-top:-15px;
}
#footerMenu ul{
width:608px; 
height:20px; 
}
#footerMenu li{
float:left; 

}
#footerMenu ul li a{
padding:0 12px 0; color:#ccc; background:#354153; text-decoration:none; font-size:13px;}
#footerMenu ul li a:hover{text-decoration:underline;}

#footerMenu .current_page_item{
color:9a1d0f;
}
#footerMenu p.copyright{width:250px; margin:10px 0 0 25px; font-size:11px; letter-spacing:1px;}

#footerMenu ul.jd{width:100px; background:#354153; color:#ccc; font-size:10px; left:25px; float:right; margin-top:-20px;}
#footerMenu ul.jd li{height:20px;}
#footerMenu ul.jd li a{background:#354153; display:block; color:#97b7e1; text-decoration:none; padding:0px; font-size:10px;}
#footerMenu ul.jd li a:hover{text-decoration:underline;}

