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

*{
	margin:0px;
	padding:px;
}
img{border:0px;}

body{
width:984px;
height:100%;
margin:0 auto;
padding:0 1px;
background:url(images/1_pattern.png) top left repeat;
position:relative;
font-family:Arial;
color:#636363;
font-size:12px;
}
html > body{
min-height:100%;
height:auto;
}
#container{
background:#FFFFFF;
border-left:#a1a1a1 1px solid;
border-right:#a1a1a1 1px solid;
}
#header{
width:964px;
height:126px;
font-family:Arial;
font-size:11px;
color:#6A6A6A;
padding-left:20px;
}

.logo{
float:left;
}

#menu{
padding-top:50px;
width:580px;
float:right;
}

#menu li{
display:inline;
list-style-type:none;
}
#menu a{
font-family:Arial;
font-size:11px;
color:#D2DEEC;
text-decoration:none;
margin:0 10px;
}

#menu .about:hover{
background:url(images/about_hover.png) no-repeat;
}
#menu .products:hover{
background:url(images/products_hover.png) no-repeat;
}
#menu .clients:hover{
background:url(images/clients_hover.png) no-repeat;
}
#menu .news:hover{
background:url(images/news_hover.png) no-repeat;
}
#menu .approach:hover{
background:url(images/approach_hover.png) no-repeat;
}#menu .contact:hover{
background:url(images/contact_hover.png) no-repeat;
}
#panel{
margin:0px;
padding:0px;
background:url(images/panel.png) no-repeat;
height:326px;
}
#banner{
padding-top:20px;
}
#wrapper{
	width:982px;
	overflow:hidden;
	background:#fff;
}
#left{
	float:left;
	width:740px;
	height:677px;
	background: url(images/left_panel.png) no-repeat;
}
.column{
	width:620px;
	float:left;
	padding-top:37px;
	padding-left:57px;
}

.column ul{
list-style:none;
display:inline;
margin:0;
padding:0;
}

.column ul li{
margin-left:20px;
list-style-type:square;
}
.column h4{
font-family:Arial;
font-size:16px;
color:#831c9b;
font-weight:normal;
padding:0 0 10px;
}
.result{
color:#831c9b;
}
.column p{
text-align:justify;
color:#636363;
padding-bottom:10px;
}
.office{
list-style-type:none;
}
/*---------------------------*/
.naranja{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#831c9b;
	text-decoration:none;
}

.more2:visited, .more:visited, .column li a:visited{text-decoration:underline}
.more2:hover, .more:hover, .column li a:hover{text-decoration:none}
.more{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#831c9b;
	text-decoration:underline;
}

#right{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;
	width:220px;
	float:left;
	top:20px;
	left:10px;
}
#right p{
padding-bottom:10px;
text-align:justify;
}
#right ul li{
padding-bottom:10px;
}
#right h2{
}

#right div{
width:200px;
}
.readed{
padding:20px 0 20px 0;
margin-left:-15px;
}


#footer{
	width:984px;
	height:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#a1a1a1;
	padding-top:20px;
}

#footer p{
text-align:center;
}

.c2{
float:left;
padding-bottom:20px;
display:inline;
}
.c2 ul{
height:15px;
line-height:15px;
margin-left:15px;
}
.c2 ul li{
padding-bottom:5px;
}

/*clients*/
.c2 .list{
list-style-type:none;

line-height:15px;

}

/*--------------*/
.c3{
float:left;
display:inline;
}
.c3 div ul{

list-style-type:none;
height:15px;
line-height:15px;
}

.c3 div ul li{
padding-bottom:20px;
}
/*clients*/
.c3 .table {
margin:0;
padding-bottom:5px;
}
.c3 .list{
list-style-type:none;
display:inline;
line-height:15px;
}
/*--------------*/
.upload{
padding-top:20px;
}

.c4{
float:right;
}
/*contact*/
#form{
width:500px;
position:relative;
top:20px;
left:70px;
}
/*---------------*/
/*--------Upload Success-----*/
#box{
background:url(images/1_pattern.png) top left repeat;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
#success{
background:url(images/triple_panel.png) no-repeat;
width:650px;
height:621px;
margin:0 auto;
}
#topy{
width:450px;
}

.inf{
text-align:justify;
padding-bottom:10px;
}

#message{
width:500px;
position:relative;
top:80px;
left:10px;
}

#inn{
width:500px;
position:relative;
top:85px;
left:65px;
}