/*
Notes:
blue: 	#000099
green: 	#009900
-----------------------------------------------------
MAIN
-----------------------------------------------------
*/
*{margin:0px;padding:0px;}
body{text-align:center;font:10px/16px Verdana,Arial,Helvetica,sans-serif;background-color:#BFBFBF;color:#414141;padding:10px;}
html{padding-bottom:10px;}
a,a:link{text-decoration:none;color:#094B90;cursor:pointer;}
a:hover{color:#000099;}
.black{color:#000;}
.red{color:#FF0000;}
.green{color:#009900;}
img,a img,a:hover img,a:visited img{border:none;text-decoration:none;}
ul,ol,li,ul li,ol li{list-style:none;margin:0px;padding:0px;}
p{margin:8px 0px;}
.clear{clear:both;height:0px;width:0px;line-height:0px;}
.al{text-align:left;}
.ar{text-align:right; float:right;}
.ac{text-align:center;}
.fl{float:left;}
.fr{float:right;}
#main{margin:0px auto;width:830px;/*border-top:none; border-bottom:none;*/}
#box{float:left;background:#FFF;text-align:left;width:800px;padding:15px 15px 10px 15px; border:2px outset #CCC;}
/*
-----------------------------------------------------
HEADER
-----------------------------------------------------
*/
#header{width:796px;height:130px;}
#header h1 a{height:100px;width:260px;background:url('images/header.jpg') no-repeat 0 0;display:block;float:left;}
#header h1 a span{display:none;}
#banner{float:right;}
#navmenu{background:#DDDDEE;height:30px;width:796px;}
#navmenu ul {float:left;}
#navmenu ul li{float:left;height:30px;}
#navmenu ul li a{padding:0 6px;line-height:30px;font-weight:bold;color:#333366;display:block;}
#navmenu ul li a:hover, #navmenu ul li a.here{background-color:#FFF;}
/*
-----------------------------------------------------
SIDEBAR
-----------------------------------------------------
*/
#sidebar{float:right;width:200px;padding:15px 0 0 0;color:#FFF;}
#sidebar h2{padding:5px;border:1px solid;font-size:12px;text-align:center;background-color:#4D4D80;border-color:#4D4D80;}
#sidebar h4{font-size:11px;}
#sidebar ul{float:left;background-color:#8080B3;border-color:#4D4D80;border-width:0px 1px 0px 1px;border-style:solid;}
#sidebar ul li{margin:5px 5px 0px 5px;padding:7px 0;border-color:#4D4D80;border-width:0px 0px 1px 0px;border-style:solid;}
#sidebar ul li a{color:#FFF;text-decoration:underline;text-align:center;}
#sidebar ul li a:hover{text-decoration:none;}
/*
-----------------------------------------------------
LEFT_COL
-----------------------------------------------------
*/
#front_left{float:left;width:580px;padding:15px 16px 20px 0;}
/*
-----------------------------------------------------
FRONTPAGE
-----------------------------------------------------
*/
#phrase{border:1px solid #CCCCCC;padding:9px;width:560px;height:170px;float:left;background-color:#F7F7F7;}

#home_img{width:576px;height:150px;padding:1px;border:1px solid #DDDDEE;float:left;background:url('images/front.jpg') no-repeat 1px 1px;}


#home_tag{width:576px;padding:1px;border:1px solid #DDDDEE;float:left;margin:10px 0 0 0;background-color:#EEEEF7;}
#home_tag p{padding:5px;margin:0px;color:#333366;}

/*
#phrase p{color:#4D4D80;font-size:20px;line-height:26px;}

#fimage{border:1px solid;padding:3px;width:572px;float:left;border-color:#CCCCCC;background-color:#F7F7F7;}
#fimage img{float:left;width:572px;height:197px;}
#fimage p{float:left;}
*/
.front_services{float:left;margin:10px 0 0 0;}
.front_services ul{background-color:#FBF9F9;border-color:#DDDDEE;float:left;border-width:0px 0px 1px 1px;border-style:solid;}
.front_services ul li{border-right:1px solid #DDDDEE;float:left;width:192px;position:relative;}

	.front_services ul li.long{height:250px;}
	.front_services ul li.short{height:215px;}

.front_services ul li h3{border-color:#DDDDEE;float:left;border-style:solid;border-width:1px 0 1px 0;text-align:center;font-size:10px;width:192px;}
.front_services ul li h3 a{background-color:#EEEEF7;color:#333366;width:192px;padding:5px 0;float:left;display:block;}
.front_services ul li h3 a:hover{background-color:#FFF;color:#333366;}
.front_services ul li p{padding:10px;margin:0px;float:left;}
.front_services ul li div.more{clear:both;padding:0px 10px 10px 10px;width:172px;height:16px; position: absolute; bottom:0px;}
.front_services ul li div.more a{float:left; font-size:10px; line-height:16px; height:16px; padding-right:5px; font-weight:bold;}
.front_services ul li div.more a:hover{ text-decoration:underline;}
/*
.front_services ul li div.more a {float:left;}
/*.front_services ul li div.more a{line-height:20px;float:left;}

/*height:16px;}


/*

*/
.front_services ul li.clear{clear:both;height:0px;width:0px;line-height:0px;}
/*
-----------------------------------------------------
ultimos proyectos
-----------------------------------------------------
*/
.titulo{
	background:#009900;
	width:580px;
	margin-top: 30px;
	margin-bottom: 5px;
	display:block;
}
.titulo h3 {
	color:#ffffff;
	float:left;
	display:block;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.titulo2{
	width:580px;
	margin-top: 30px;
	margin-bottom: 5px;
	display:block;
	background-color: #666699;
}
.titulo2 h3 {
	color:#ffffff;
	float:left;
	display:block;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.front_services2{
	float:left;
}
.front_services2 ul{background-color:#FBF9F9;border-color:#708f70;float:left;border-width:0px 0px 1px 1px;border-style:solid; margin-bottom:10px;}
.front_services2 ul li{border-right:1px solid #708f70;float:left;width:192px;position:relative;}
.front_services2 ul li.long{height:295px;}
.front_services2 ul li h6 {border-color:#708f70;float:left;border-style:solid;border-width:1px 0 1px 0;text-align:center;font-size:10px;width:192px;background-color:#b0cfb0;color:#516e51;width:192px;padding:5px 0;float:left;display:block;}
.front_services2 ul li p{padding:10px;margin:0px;float:left;}
.front_services2 ul li img{
	margin:0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.front_services2{
	float:left;
}
.front_services3 ul{background-color:#FBF9F9;border-color:#666699;float:left;border-width:0px 0px 1px 1px;border-style:solid;}
.front_services3 ul li{border-right:1px solid #666699;float:left;width:578px;position:relative;display: block;}
.front_services3 ul li.long{display: block;}
.front_services3 ul li h6 {border-color:#666699;border-style:solid;border-width:1px 0 1px 0;text-align:center;font-size:10px;width:578px;background-color:#DDDDEE;;color:#666699;padding:5px 0;display:block;}
.front_services3 ul li p{
	padding:10px;
	margin:0px;
	float:left;
	display: block;
}
.front_services3 ul li img{
	margin:0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/*
-----------------------------------------------------
SERVICES
-----------------------------------------------------
*/
.svc_menu{float:left;margin:0;}
.svc_menu ul {float:left;border-width:0 0 1px 1px;border-style:solid;border-color:#DDDDEE;}
.svc_menu ul li{border-width:1px 1px 0 0;border-style:solid;float:left;width:192px;border-color:#DDDDEE;}
.svc_menu ul li h3{float:left;text-align:center;font-size:10px;}
.svc_menu ul li h3 a{width:192px;padding:5px 0;text-align:center;float:left;background-color:#EEEEF7;color:#333366;}
.svc_menu ul li h3 a:hover,.svc_menu ul li h3 a.here{background-color:#FFF;color:#333366;}
/*
-----------------------------------------------------
TXT_FORMAT
-----------------------------------------------------
*/
.txt_container{float:left;width:570px;margin:10px 0 0 0;padding:10px 5px;font-size:11px;}
.txt_container h3{font-size:18px;margin:5px 0;}
.txt_container h4{font-size:12px;margin:5px 0;}
.txt_container h6{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000099;}
.txt_container h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #009900;
}
.txt_container p{margin:7px 0;}
.txt_container ul{margin:7px 0;}
.txt_container ul li{list-style-type:square;list-style-position:inside;margin-left:10px;}
.txt_container img{margin:5px;padding:2px;border:1px solid #CCCCCC;}
/*
-----------------------------------------------------
CLIENTES
-----------------------------------------------------
*/
#client_display {float:left;width:570px;height:130px;margin:0 0 10px 0;padding:4px;font-size:10px;background-color:#F7F7F7;border:1px solid #CCCCCC;}
#client_img {float:left;width:310px;margin:0;padding:0;}
#client_img a, #client_img a img {float:left;width:310px;height:130px;}
#client_desc {float:left;width:250px;margin:0;padding:0 0 0 10px;}
#client_desc p{margin:0 0 5px 0;}
ul#client_menu {float:left;width:574px;margin:0;padding:2px;font-size:10px;}
ul#client_menu li{float:left;width:82px;height:82px;margin:0;padding:0px;display:inline;}
ul#client_menu li a{
	float:left;
	width:70px;
	height:70px;
	margin:4px;
	padding:0px;
	display:block;
	border: 1px solid #666666;
}
ul#client_menu li.selected a, ul#client_menu li a:hover{background-color:#CCCCCC;}
ul#client_menu li a img{float:left;width:70px;height:70px;margin:0;display:block;background-color:#DEDEDE;}
/*
-----------------------------------------------------
CONTACTO
-----------------------------------------------------
*/
form#contacto{background:#F7F7F7;float:left;padding:5px;font-family:Verdana, Arial, Helvetica, sans-serif;}
form#contacto p{
	width:550px;
	border-bottom:1px solid #DDDDEE;
	float:left;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
form#contacto p label{width:160px;float:left;color:#000;}
form#contacto p input,form#contacto p textarea{width:350px;float:left;float:left;border-left:1px solid #DDDDEE;margin-left:10px;padding:1px;}
form#contacto p textarea{overflow:hidden;}
form#contacto p input#submit{text-align:center;padding:2px 0;background-color:#999999;color:#FFFFFF;font-weight:bold;}
/*
-----------------------------------------------------
FOOTER
-----------------------------------------------------
*/
#footer{clear:both;background-color:#333; padding:5px;}
#footer p{text-align:left;padding:10px;color:#FFF;}
#footer p a{color:#FFF;text-decoration:underline;text-align:center;}
#footer p a:hover{text-decoration:none;}