
/********************************************
MAIN SITE CENTER STYLE
*********************************************/
body, html {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #727272;
	background: url(../images/skin01/bg.jpg) no-repeat top center fixed;
}
.wrapper_center {
	margin: 0 auto;
	width: 950px;
	
}
#main_div {
	margin: 0 auto;
	width: 975px;
	padding-top: 23px;
}
#shadow_div {
	width: 975px;
	float: left;
	padding: 0;
}
#bg_whitediv {
	width: 975px;
	float: left;
	margin-top:30px
}

/********************************************
HEADER
*********************************************/
/*** HEADER ***/
#featured_container{height:278px; position:relative; margin:0}
/*** END HEADER ***/

#wrapper_header {
	margin:0;
	padding:15px;
	width: 945px;
	height: 282px;
	background:#fff;
}

#top {
	margin: 0 auto;
	width: 975px;
	height: 67px;
	background: url(../images/bg_top.png) 0 0 no-repeat;
	position:relative
}
.top_shadow {
	float: left;
	width: 1020px;
	height: 10px;
	background: url(../images/skin01/top_shadow.png) no-repeat left top;
}

/* ----------- logo ----------- */

.logo {
	width: 380px;
	height: 133px;
	background: url(../images/logo2.png) no-repeat left top;
	position:absolute;
	top:-18px;
	left:28px;
	z-index:999
}

/* ----------- top links ----------- */

.top_right_links {
	float: right;
	width: 720px;
	height: 45px;
	padding-top: 10px;
}
ul.toplinks {
	float: right;
	margin: 0px;
	padding: 0px 20px 0px 0px;
}
.toplinks li {
	float: left;
	margin: 0px 3px;
	padding: 0px;
	list-style-type: none;
	font-size: 12px;
}

/* ----------- slider ----------- */

.slider {
	margin: 0 auto;
	width: 100%;
	height: 282px;
}

.more_slider:link, .more_slider:visited {
	background: url(../images/skin01/slider_button.png) no-repeat left top;
	width: 200px;
	height: 35px;
	text-align: center;
	padding: 15px 0px 0px 0px;
	float: left;
	margin-top: 20px;
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.more_slider:hover {
	color: #fff;
}
	

/* ----------- topsection ----------- */

#topsection {
	margin: 0 auto;
	width: 100%;
	height: 170px;
	padding: 20px 0px 10px 0px;
	background: url(../images/skin01/topsec_bg.jpg) repeat left top;
}

.topsection_box {
	float: left;
	width: 260px;
	height: 135px;
	padding: 15px 20px 20px 20px;
	background: url(../images/skin01/top_sectionbg.png) no-repeat left top;
}
.topsection_box p {
	float: left;
	width: 150px;
	padding-bottom: 10px;
}
.topsec_img {
	float: right;
	margin-top: 15px;
}
.topsec_vspace {
	float: left;
	width: 25px;
	height: 170px;
}


/********************************************
BODY
*********************************************/

#wrapper_body {
	margin: 0 auto;
	width: 100%;
	padding: 15px 0 0 0;
	float: left;
	background:#fff url(../images/wrapper_body.png) 0 0 repeat-x
	
}
.data {
	float: left;
	width: 700px;
	overflow:hidden
}

.home_content_projects {
	float: left;
	width: 669px;
	height: 155px;
	padding: 15px 0 15px 17px;
	background: url(../images/projects.png) 0 0 no-repeat
}
.home_content_projects h1 {
	float: left;
	margin: 0 0 5px 0;
	padding:0;
	font:16px Myriad Pro;
	color:#084973;
	height:auto;
	width:100%;
	display:block
}
.home_content_projects .proyecto {
	float: left;
	width: 206px;
	height: 129px;
	margin: 0 17px 0 0;
	position:relative
}
.home_content_projects .caption {
	width: 186px;
	height: 30px;
	position:absolute;
	bottom:0;
	left:0;
	line-height:30px;
	padding:0 10px;
	color:#fff;
	background:#4886b7;
	z-index:999
}

.home_content {
	float: left;
	width: 700px;
}
.home_content_box {
	float: left;
	width: 333px;
	height: 126px;
	padding-right: 17px;
	padding-bottom: 20px;
	background: url(../images/box.png) 0 0 no-repeat
}

.home_content_pic {
	float: left;
	width: 333px;
	height: 195px;
	padding-right: 17px;
	padding-bottom: 20px;
	background: url(../images/box.png) 0 0 no-repeat
}

.home_content_box .foto {
	float: left;
	width: 108px;
	height: 108px;
	margin: 9px;
}

.home_content_pic .foto {
	float: left;
	width: 108px;
	height: 108px;
	margin: 9px;
}
.home_content_box .text {
	float: left;
	width: 180px;
	height: 108px;
	margin: 9px;
}
.home_content_box .text h1 {
	float: left;
	margin: 0;
	padding:0;
	font:16px Myriad Pro;
	color:#084973;
	height:auto
}
.home_content_box .text p {
	float: left;
	margin: 5px 0 0 0;
	padding:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#a9a9a9;
	text-align:justify
}
/* ----------- news ----------- */

.news {
	float: right;
	width: 250px;
}
.news .bann_1 {
	float: left;
	width: 250px;
	height: 272px;
	margin:0 0 20px 0;
	background: url(../images/bg_bann_1.png) 0 0 no-repeat
}
.news .bann_2 {
	float: left;
	width: 250px;
	height: 185px;
	background: url(../images/bg_bann_2.png) 0 0 no-repeat
}

.news h3 {
	float: left;
	margin-top: 9px;
	margin-left: 5px;
	margin-bottom: 1px;
	width: 180px;
}

ul.news_list {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 240px;
}
.news_list li {
	float: left;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	width: 240px;
	list-style-type: none;
	border-bottom: 1px dashed #A4A4A4;
}
.news_list li i {
	font-size: 12px;
	color: #A4A4A4;
}

/* ----------- clients ----------- */

.clients_sec {
	margin: 0 auto;
	width: 950px;
	padding: 0px;
}
ul.client_list {
	float: left;
	margin: 0px;
	padding: 0px;
}
.client_list li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.client_list li.logo_space {
	float: left;
	width: 35px;
}

.h_line {
	float: left;
	width: 950px;
	height: 5px;
	margin-top: 2px;
	border-top: 1px solid #ddd;
}
.h_line_02 {
	float: left;
	width: 950px;
	height: 2px;
	padding: 15px 0px 20px 0px;
}


/* ----------- main content ----------- */

.main_content {
	float: left;
	width: 685px;
}
.main_content_fullwidth {
	margin: 0 auto;
	width: 950px;
}
.two_column_left {
	float: left;
	width: 450px;
}
.two_column_right {
	float: right;
	width: 450px;
}
.three_column_left {
	float: left;
	width: 270px;
	margin-right: 50px;
}
.three_column_center {
	float: left;
	width: 270px;
	margin-right: 50px;
}
.three_column_right {
	float: left;
	width: 270px;
}

.imgleft {
	float: left;
	margin-right: 25px;
}
.imgleft_02 {
	float: left;
	margin-right: 15px;
}
.imgright {
	float: right;
	margin-left: 25px;
}
.readmore:link, .readmore:visited {
	float: left;
	width: 101px;
	height: 25px;
	padding-top: 5px;
	text-align: center;
	background: url(../images/skin01/but_readmore02.jpg) no-repeat left top;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	margin-top: 18px;
	margin-right: 30px;
}
.readmore:hover {
	background: url(../images/skin01/but_readmore02_hover.jpg) no-repeat left top;
}

.team {
	float: left;
	width: 654px;
	padding: 15px;
	background: url(../images/bg_servicios.png) 0 0 no-repeat;
}
.team p {
	margin-left:135px
}
.team p strong {
	float: left;
	width:100%;
	font-size:16px;
	font-weight:normal;
	color:#0D4E74;
}
.team_member {
	float: left;
	width: 270px;
	padding-right: 50px;
	padding-bottom: 25px;
}
.team_member_02 {
	float: left;
	width: 270px;
	padding-bottom: 25px;
}
.team_member_03 {
	float: left;
	width: 270px;
	padding-right: 50px;
}
.team_member_04 {
	float: left;
	width: 270px;
}

.content_section {
	float: left;
	width: 610px;
	margin-top: 20px;
}

ul.future_list {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 300px;
}
.future_list li {
	float: left;
	margin: 0px;
	padding: 0 0 0 20px;
	width: 280px;
	line-height: 24px;
	list-style-type: none;
	background: url(../images/skin01/arrow_02.jpg) no-repeat left 6px;
}

ul.sample_list {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 600px;
}
.sample_list li {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	line-height: 30px;
	list-style-type: none;
	background: url(../images/skin01/arrow_02.jpg) no-repeat left 9px;
}

ol.sample_list_ordered {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	width: 600px;
}
.sample_list_ordered li {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 30px;
}
.tables_list {
	float: left;
	background-color: #fff;
}
.tables_list th {
	padding: 10px;
	background-color: #eee;
}
.tables_list td {
	padding: 10px;
	text-align: center;
	background-color: #f5f5f5;
}

/* ----------- portfolio ----------- */

.portfolio_box {
	float: left;
	width: 950px;
}
.portfolio_box img {
	float: right;
	margin-left: 50px;
}

/* ----------- blog ----------- */

.blog_post {
	float: left;
	width: 600px;
	margin-bottom: 30px;

}
.blog_post h2 a {
	color: #000;
	text-decoration: none;
	float: left;
	font-size: 25px;
}
.blog_post h2 a:hover {
	color: #333;
	text-decoration: underline;
	float: left;
	font-size: 25px;
}
.post_info {
	float: left;
	width: 600px;
}
.post_meta {
	float: left;
	width: 600px;
	height: 34px;
	background: url(../images/skin01/but_post_readmorebg.jpg) no-repeat left top;
	margin-top: 20px;
}
ul.post_meta_links {
	float: left;
	margin: -4px 0px 12px -4px;
	padding: 0px 0px 0px 0px;
	width: 490px;
}
.post_meta_links li {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	list-style-type: none;
	color: #999;
}
.post_meta_links li a {
	color: #999;
	padding: 0px 3px 0px 0px;
	text-decoration: none;
	font-size: 12px;
}
.post_meta_links li a:hover {
	color: #454545;
	text-decoration: underline;
}
.blog_postcontent {
	float: left;
	width: 600px;
}
.blog_postpic {
	width: 600px;
	margin-bottom: 15px;
}
.blog_post a.date {
	color: #fff;
	padding: 7px 0px 0px 0px;
	text-decoration: none;
	width: 40px;
	height: 33px;
	text-align: center;
	background: url(../images/skin01/date_bg.jpg) repeat-x left top;
	line-height: 14px;
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin-right: 18px;

}
.blog_post a.date:hover {
	color: #F4B604;
	font-size: 11px;
	text-decoration: none;
}
.blog_post a.date strong {
	font-size: 18px;
	font-weight: normal;
}
.post_readmore:link, .post_readmore:visited {
	float: right;
	height: 27px;
	width: 185px;
	text-align: center;
	padding-top: 7px;
	color: #fff;
	text-decoration: none;
	background: url(../images/skin01/but_post_readmore.jpg) no-repeat left top;
}
.post_readmore:hover {
	float: right;
	height: 27px;
	width: 185px;
	text-align: center;
	padding-top: 7px;
	color: #fff;
	text-decoration: none;
	background: url(../images/skin01/but_post_readmore_hover.jpg) no-repeat left top;
}

.paging {
	float: left;
	width: 600px;
	height: 34px;
}
ul.paging_links {
	float: left;
	width: 500px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.paging_links li {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
.paging_links li a {
	font-size: 14px;
	width: 15px;
	height: 24px;
	padding-left: 10px;
	padding-top: 1px;
	float: left;
	color: #727272;
	text-decoration: none;
	background: url(../images/skin01/paging_bg.jpg) no-repeat left top;
}
.paging_links li a:hover {
	width: 15px;
	height: 24px;
	padding-left: 10px;
	padding-top: 1px;
	float: left;
	color: #fff;
	text-decoration: none;
	background: url(../images/skin01/paging_bg_hover.jpg) no-repeat left top;
}
.paging_links li a.active {
	width: 15px;
	height: 24px;
	padding-left: 10px;
	padding-top: 1px;
	float: left;
	color: #fff;
	text-decoration: none;
	background: url(../images/skin01/paging_bg_hover.jpg) no-repeat left top;
}

.sharepost {
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 545px;
	height: 16px;
	padding: 12px 15px;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	background: url(../images/skin01/sharepost_bg.jpg) no-repeat left top;
}
.sharepost ul {
	margin: 0px;
	padding: 0px;
}
.sharepost li {
	margin: 0px;
	padding: 0px 4px;
	float: left;
	list-style-type: none;
}
.graybox_center_02 {
	float: left;
	width: 535px;
	padding: 10px 20px;
	background-color: #F4F4F4;
}
.graybox_center_02 p {
	margin: 0px;
}
span.postedby img {
	margin-right: 20px;
}
span.postedby strong {
	font-size: 16px;
}
span.postedby a {
	font-size: 12px;
}
span.postedby {
	width: 535px;
	height: 62px;
	margin-bottom: 15px;
	display: block;
	background: url(../images/skin01/h_line.jpg) repeat-x left bottom;
}
.comment_form {
	float: left;
	width: 585px;
}
.comment_form label{
	float: left;
	width: 90px;
	height: 15px;
	padding: 7px 10px;
	margin-bottom: 20px;
}
.comment_input_bg {
	float: left;
	width: 373px;
	height: 25px;
	padding: 7px 10px 0px 10px;
	background: url(../images/skin01/input_bg.jpg) no-repeat left top;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #727272;
}
.comment_textarea_bg {
	float: left;
	width: 543px;
	height: 235px;
	padding: 7px 10px 0px 10px;
	background: url(../images/skin01/textarea_bg.jpg) no-repeat left top;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #727272;
}
.comment_input_submit {
	float: left;
	width: 143px;
	height: 34px;
	background: url(../images/skin01/button_commentsubmit.jpg) no-repeat left top;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	margin-top: 25px;
}
.comment_checkbox {
	float: left;
	width: 500px;
	padding-top: 18px;
}

.graybox_top {
	float: left;
	width: 575px;
	height: 10px;
	background: url(../images/skin01/graybox_top.jpg) no-repeat left top;
}
.graybox_center {
	float: left;
	width: 555px;
	padding: 0px 10px;
	background-color: #F4F4F4;
}
.graybox_center p {
	float: left;
	width: 410px;
	padding-left: 20px;
	margin: 0px;
}
.graybox_center i {
	font-size: 11px;
}
.graybox_bottom {
	float: left;
	width: 575px;
	height: 10px;
	margin-bottom: 20px;
	background: url(../images/skin01/graybox_bottom.jpg) no-repeat left top;
}


/* ----------- sidebar ----------- */

.sidebar {
	float: right;
	width: 290px;
}
.sidebar h3 {
	float: left;
	width: 270px;
	height: 33px;
	padding: 7px 0px 0px 20px;
	color: #fff;
	background: url(../images/skin01/sidebar_titlebg.jpg) no-repeat left top;
}
.subnav {
	float: left;
	width: 290px;
}
ul.subnav_links {
	float: left;
	margin: 0px;
	padding: 10px 0px 30px 0px;
}
.subnav_links li {
	margin: 0px;
	padding: 3px 0px 0px 20px;
	height: 29px;
	width: 270px;
	list-style-type: none;
	background: url(../images/skin01/subnav_divedar.jpg) no-repeat left bottom;
}
.subnav_links li a {
	background: url(../images/skin01/subnav_arrow.jpg) no-repeat left 6px;
	text-decoration: none;
	padding-left: 18px;
}

ul.our_advantages {
	float: left;
	margin: 0px;
	padding: 10px 0px 30px 0px;
}
.our_advantages li {
	margin: 0px;
	padding: 10px 0px 0px 20px;
	width: 270px;
	height: 65px;
	line-height: 18px;
	list-style-type: none;
	background: url(../images/skin01/subnav_divedar.jpg) no-repeat left bottom;
}
.our_advantages li a {
	background: url(../images/skin01/subnav_arrow.jpg) no-repeat left 6px;
	text-decoration: none;
	padding-left: 18px;
}


/********************************************
FOOTER
*********************************************/

#wrapper_footer {
	margin: 0 auto;
	width: 100%;
	height: auto;
	padding: 30px 0 0 0;
	background:#0d4e74 url(../images/bg_contact.png) top left no-repeat;
	float: left;
}
#wrapper_footer h3 {
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-size:16px
}
.publicidad {
	float: left;
	width: 584px;
	height: 114px;
	margin: 0
}
#slideshow {
    position:relative;
    height:114px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


.footer_contact {
	float: left;
	width: 350px;
	margin-left:15px;
}
.footer_contact p {
	color: #999;
	padding: 5px 0 0 0;
	margin:0
}
.footer_contact p a {
	color: #999;
}

/* ----------- copyright ----------- */

#wrapper_copyright {
	margin: 0 auto;
	width: 100%;
	height: 40px;
	padding: 20px 0 0 0;
	background:#013350 url(../images/bg_foot.png) top left no-repeat;
	float: left;
}

.copyright {
	margin: 0 auto;
	width: 950px;
	font-size: 11px;
	color: #eee;
	padding-top: 10px;
}
.copyright_left {
	float: left;
	width: 500px;
}
.copyright_right {
	float: right;
	width: 450px;
}
ul.copyright_links {
	float: right;
	margin: -3px 0px 0px 0px;
	padding: 0px;
}
.copyright_links li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.copyright_links li a {
	text-decoration: none;
	color: #eee;
	padding: 0px 5px;
}
.copyright_links li a:hover {
	text-decoration: underline;
	color: #eee;
}

/********************************************
INNER PAGE
*********************************************/
#page_title {
	margin: 0 auto;
	width: 100%;
	height: 40px;
	border-top: 5px solid #000;
	padding: 15px 0px;
	background: #0D4E74;
}
#page_title span {
	font-size: 13px;
	color: #D9D9D9;
	width: 670px;
	height: 40px;
	padding-left: 20px;
	margin-left: 20px;
	float: left;
	border-left: 1px solid #8C8C8C;
}


/* ---------- contact form ---------- */

.contact_form {
	float: left;
	width: 585px;
	margin-top: 15px;

}
.contact_form label{
	width: 372px;
	height: 21px;
	display: block;
}
.input_bg {
	width: 373px;
	height: 25px;
	padding: 7px 10px 0px 10px;
	background: url(../images/skin01/input_bg.jpg) no-repeat left top;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4F5E69;
}
.textarea_bg {
	width: 543px;
	height: 235px;
	padding: 7px 10px 0px 10px;
	background: url(../images/skin01/textarea_bg.jpg) no-repeat left top;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4F5E69;
}
.input_submit {
	width: 143px;
	height: 34px;
	background: url(../images/skin01/button_commentsubmit.jpg) no-repeat left top;
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	margin-top: 10px;
}

ul.address {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 300px;
}
.address li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.location_map {
	float: left;
	width: 250px;
	margin: 20px 0px 30px 20px;
}

.pagenotfound {
	float: left;
	width: 570px;
	height: 165px;
	padding: 0px 15px 15px 15px;
	margin-bottom: 20px;
	background-color: #f4f4f4;
	border: 1px solid #e5e5e5;
}
.pagenotfound_textbig {
	font-size: 120px;
	font-weight: normal;
	color: #666;
	padding-top: 60px;
	padding-left: 10px;
}
.pagenotfound_textsmall {
	float: left;
	font-size: 18px;
	font-weight: normal;
	color: #666;
	padding-top: 20px;
	padding-left: 10px;
}
.pagenotfound_left {
	float: left;
	width: 250px;
}
.pagenotfound_right {
	float: left;
	width: 270px;
	padding-left: 30px;
	padding-bottom: 10px;
	border-left: 1px solid #999;
	font-size: 21px;
	margin-top: 20px;
}
.sitemap {
	float: left;
	width: 170px;
	padding-right: 30px;
}
ul.sitemap_links {
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.sitemap_links li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.sitemap_links li a {
	text-decoration: none;
	padding: 5px 7px 5px 18px;
	display: block;
	background: url(../images/skin01/arrow_02.jpg) no-repeat left 10px;
}
.sitemap_links li a:hover {
	text-decoration: none;
}
.sitemap_search {
	float: left;
	width: 560px;
	padding: 10px 20px;
	margin-bottom: 20px;
	background-color: #f4f4f4;
	border: 1px solid #e5e5e5;
}
.sitemap_search_filed {
	float: left;
	width: 370px;
	height: 25px;
	padding: 5px 10px 0px 10px;
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #454545;
	background: url(../images/skin01/search_bg.jpg) repeat-x left top;
	border: 1px solid #ccc;
}







