@charset "utf-8";

/*-------------------- I N D E X ---------------
	1. GENERAL LAYOUT AND TYPOGRAPHY RULES
	2. HEADER SECTION
	3. NAVIGATION
	4. FEATURED AREA AND SLIDER
	5. PRIMARY CONTENT
	6. PORTFOLIO PAGE AND GALLERY
	7. FORM ELEMENTS
	8. SIDEBAR
	9. FOOTER SECTION
	10. MISCELLANEOUS CLASSES
----------------------------------------------*/	


/* Box Styling */
.work_box {color:#555; background:#ffffff;}
.work_box h2 {color:#666666; background:#ffffff; padding:5px 0 5px 10px; margin-right:150px;}
.work_box h4 {padding:0; margin:0; color:#fff;}
.work_box p{padding-right:10px;}
.work_box img{padding:5px;}
.box {color:#fff; background:#fff; padding:5px 0 5px 10px;}

/*-------------------- 1. GENERAL LAYOUT AND TYPOGRAPHY RULES --------------------*/


body { margin:0px auto; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:14px; line-height:1.4em; text-align:center; color:#777777; background:#95b2d4;}	
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#8eadd6; background:url(../img/hr.gif) bottom repeat-x}		
h1 { font-size:32px; line-height:1em; margin:0px 0px 0px 0px; padding-bottom:8px; padding-left:4px; padding-top:0px}
//h2 { font-size:24px; line-height:1em; margin:0px 0px 10px 0px; padding-bottom:8px}	
h2 { font-size:24px; line-height:1em; margin:0px 0px 0px 0px; padding-bottom:8px; padding-left:4px; padding-top:0px}	
h3 { font-size:20px; line-height:1em; margin:0px 0px 0px 0px; padding-bottom:8px; padding-left:2px; padding-top:2px}	
h4 { font-size:18px; color:#ffffff; line-height:1em; margin:0px 0px 0px 0px; padding-bottom:8px; padding-left:2px; padding-top:2px; background:url(../img/hr2.png) bottom repeat-x} }
//body { margin:0px auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.7em; text-align:center; color:#333; background:#f4f4f4}	
//h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#000; background:url(../img/hr.gif) bottom repeat-x}	
//h1 { font-size:36px; line-height:1em; margin:0px 0px 12px 0px; padding-bottom:10px }
//h2 { font-size:24px; line-height:1em; margin:0px 0px 10px 0px; padding-bottom:8px}	
//h3 { font-size:18px; line-height:1em; margin:0px 0px 10px 0px; padding-bottom:8px}	
//h4 { font-size:16px; line-height:1em; margin:0px 0px 10px 0px; padding-bottom:8px}
h5, h6 { font-size:14px; line-height:1em; margin:0px 0px 10px 0px; padding-bottom:8px}	
h7 {  font-weight:normal; color:#777777; font-size:12px; line-height:1.0em}
p {margin:0px 0px 8px;	}
.p2 {margin:0px 0px 8px; font-size:11px;  line-height:0.0em; text-align:justify; color:#999999;}		
a {	color:#8eadd6; text-decoration:none; border:none; outline:none }
a:hover {color:#4669a6}
a:hover img {border:0px solid #ffffff}
em, i {font-style:italic; color:#666666; font-size:13px;}
code, pre {font-family: 'Verdana', arial, serif; color:#000; font-size:11px;padding:2px 4px}
pre {background:#fff; border:1px solid #e6e6e6; padding:20px; line-height:1.4em}
.wrapper{ width:940px; margin:0 auto; position:relative; text-align:left}
.featured, .primary, .footer{overflow:hidden; position:relative;}
.header {background:#f9f9f9;  background:url(../img/top_grad.jpg) top repeat-x; position:relative; overflow:hidden; padding:14px 0px}
//.header {background:#F4F4F4 url(../img/hr.gif) bottom repeat-x; position:relative; overflow:hidden; padding:16px 0px}
.featured {padding:17px 0px; background:#f9f9f9;}
//.featured {padding:40px 0px 15px; background:url(../img/top_grad.jpg) top repeat-x}
.featured h1 {background:none; color:#fff}
.primary {padding:17px 0px 30px 0px; background:#f9f9f9;}
//.primary {padding:40px 0px; background:url(../img/top_grad.jpg) top repeat-x;}
.home {padding-top:0px; background:url(../img/feat_shadow.png) top no-repeat}
.home_slider {padding-bottom:0px; }
.main_content {float:left; margin:0px 19px 0px 0px; width:695px; padding-right:20px; border-right:1px solid #e9e9e9;} 
.full_width{ width:940px; margin:0 auto; position:relative; text-align:left; border-right:none;}
.box940, .box695, .box450, .box327, .box328 {float:left;margin:0px 40px 15px 0px;position:relative; overflow:hidden}
//.box940, .box695, .box450, .box205, .box327, .box328 {float:left;margin:15px 40px 15px 0px;position:relative; overflow:hidden; background:url(../img/f9f9f9.gif);}
.box940 {width:940px}
.box695 {width:695px}
.box450 {width:450px}
.box205 {width:205px; float:left;margin:0px 40px 15px 0px;position:relative; overflow:hidden;}
.box220 {width:220px; float:left;margin:0px 20px 15px 0px;position:relative; overflow:hidden;}
.box300 {width:300px; float:left;margin:0px 20px 0px 0px;position:relative; overflow:hidden;}
.box620 {width:620px; float:left;margin:0px 20px 0px 0px;position:relative; overflow:hidden;}
.box327 {width:327px}
.box328 {width:328px}
.right_side {margin-right:0px}
.sidebar{font-size:16px; float:left; width:205px; margin:0px 0px; color:#999; overflow:hidden; position:relative}
.sidebar300{font-size:16px; float:left; width:300px; margin:0px 0px; color:#999; overflow:hidden; position:relative}
.sidebar205{font-size:11px; float:left; width:205px; margin:0px 0px; color:#999; overflow:hidden; position:relative}
.main_content_right {float:left;margin:0px 0px 25px 19px; width:695px; padding-left:20px; border-left:1px solid #e9e9e9}

/*-------------------- 2. HEADER SECTION --------------------*/	
.logo {position:absolute; top:-130px; z-index:10}
a img.logo:hover {border:none}

/*-------------------- 3. NAVIGATION --------------------*/	

.page_nav{float:right; margin:0;padding:0;list-style:none}
.page_nav li{float:left;position:relative}
.page_nav a{margin:0px 3px 0px 0px; padding:2px 12px 4px; color:#777777; font-size:18px; text-decoration:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px}
.page_nav a.last {margin-right:0px}
.page_nav a:hover, a.current, .page_nav a.current:hover { color:#ffffff; background-color:#8eadd6}
.page_nav a:hover { color:#777777; background-color:#e9e9e9}



/*
.page_nav{float:right; margin:0;padding:0;list-style:none}
.page_nav li{float:left;position:relative}
.page_nav a{display:block; margin:0px 16px 0px 0px; padding:4px 0px 0px; color:#777777; text-decoration:none}
.page_nav a.last {margin-right:0px}
.page_nav a:hover, a.current, .page_nav a.current:hover {color:#8eadd6;border-bottom:1px solid #8eadd6}
.page_nav a:hover {border-bottom:1
px solid #8eadd6; color:#777777}
*/
//a.more {padding:4px 8px; font-size:11px; text-decoration:none; color:#666; background-color:#ddd;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px}
//a.more:hover {color:#fff; background-color:#8eadd6}

/*-------------------- 4. FEATURED AREA AND SLIDER --------------------*/





#fader{margin:0px; padding:0px; list-style:none;width:940px; height:380px; overflow:hidden; background:#fff url(../img/loading.gif) no-repeat 50% 50%;}
.fader_shadow {height:18px; background:url(../img/sombra.png) top no-repeat}
#fader2{margin:0px; padding:0px; list-style:none;width:695px; height:350px; overflow:hidden}
#fader li, #fader2 li{margin:0px; padding:0px}
//.fader2_shadow {height:18px;background:url(../images/fader2_shadow.png) top no-repeat}
.fader2_shadow {height:18px; background:url(../img/sombra.png) top no-repeat}
#slide_desc {position:absolute; height:90px; width:940px; top:290px;color:#000; background:none;z-index:50; overflow:hidden}
.titles {position:absolute;width:675px;height:30px; padding:30px; left:0px; overflow:hidden;background:#8eadd6 url(../img/titles_grad.jpg) repeat-x;} 
.titles h3, .proj_cat h3 {background:none; margin-bottom:0px; line-height:0.5em; font-size:18px; color:#FFFFFF;}
.titles h3 {text-shadow:1px 1px 0px #333333; font-size:19px}
.proj_cat {position:absolute;width:145px;height:30px; padding:30px;right:0px; background:#000 url(../img/footer-bg.png) repeat-x; color:#ccc;}
.proj_cat h3 {color:#ffffff}
.for_slider {overflow:hidden; border-top:1px solid #e6e6e6;}
.desc {display:none}


.breadcrumbs {position:absolute; top:-22px; left:5px; font-size:11px; color:#999999}
.breadcrumbs a {text-decoration:none; color:#8eadd6}
.breadcrumbs a:hover {text-decoration:underline; color:#8eadd6}


/*-------------------- 5. PRIMARY CONTENT --------------*/
.feat_projects, .testimonials, .noticias .mobiliario {position:relative; overflow:hidden}
.feat_projects {background:url(../img/hr.gif) bottom repeat-x}
.feat_projects ul, .banner ul, .mobiliario ul, .testimonials ul, .noticias ul {margin:0px; padding:0px; list-style:none;height:66px;}
.feat_projects ul li {float:left; height:85px; width:148px; margin:5px 5px 3px 0px; position:relative; overflow:hidden;}
.feat_projects ul li a img {padding:0px; border:4px solid #f9f9f9;} 
.feat_projects ul li a:hover img {border:4px solid #8eadd6}



.banner{position:relative; overflow:hidden; }
//.banner{position:absolute; float:right; z-index:10; top:0px; overflow:hidden;}
.banner ul li {float:right; height:80px; width:310px; margin:0px 0px 0px 0px; position:relative; overflow:hidden;}
.banner ul li a img {padding:0px; border:4px solid #f9f9f9;} 
.banner ul li a:hover img {border:4px solid #f9f9f9; border-radius:6px;}




.mobiliario ul li {float:left; height:390px; width:470px; margin:5px 0px 7px 0px; position:relative; overflow:hidden;}
.mobiliario ul li a img {padding:0px; border:5px solid #f9f9f9;} 
.mobiliario ul li a:hover img {border:5px solid #8eadd6}
.mobiliario {background:url(../img/hr.gif) bottom repeat-x}

.testimonials ul li {margin-bottom:0px;}
.testimonials ul li img {float:left; margin:16px 3px 40px 0px;padding:0px; border:0px solid #fff}

.noticias ul li {height:190px; margin-bottom:0px;}
.noticias ul li img {width:70px; float:left; margin:16px 3px 40px 0px;padding:0px; border:0px solid #fff}

//.testimonials ul li img {float:right; margin:0px 0px 10px 10px;padding:1px; background:#fff; border:1px solid #ddd}

/*-------------------- 6. PORTFOLIO PAGE AND GALLERY --------------------*/
//#port_filter {margin:20px 0px; padding:0px; list-style:none; position:relative; overflow:hidden; font-size:12px}
//#port_filter li {float:left}
//#port_filter li a {display:block; padding:5px 13px; margin:0px 1px 0px 0px; color:#8eadd6; text-decoration:none}
//#port_filter li a:hover, #port_filter li.active a {color:#fff; background-color:#8eadd6}


//a.more {padding:4px 8px; font-size:11px; text-decoration:none; color:#666; background-color:#ddd;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px}
//a.more:hover {color:#fff; background-color:#8eadd6}

#port_filter {margin:20px 0px 20px 0px; padding:4px 20px 4px 20px; list-style:none; position:relative; overflow:hidden; font-size:12px}
#port_filter li {float:left}
#port_filter li a {margin:0px 3px 0px 0px; padding:4px 20px 4px 20px; font-size:14px; text-decoration:none; color:#ffffff; background-color:#8eadd6;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px}
#port_filter li a:hover, #port_filter li.active a {color:#fff; background-color:#4669a6}


.portfolio_holder {margin:0px; padding:0px; position:relative; overflow:hidden;}
.portfolio_holder li {float:left; width:150px; margin:0px 4px 10px 0px;  position:relative; overflow:hidden; line-height:0px }
.portfolio_holder li.last {margin-right:0px}
.portfolio_holder li a img {padding:0px; background:#f9f9f9; border:5px solid #f9f9f9}
.portfolio_holder li a:hover img {border:5px solid #8eadd6}

.captions {padding:7px 4px; margin-top:0px; text-align:center; font-size:10px; color:#8eadd6; line-height:0.9em}
.captions a {color:#8eadd6; text-decoration:none}
.captions a:hover {color:#8eadd6; text-decoration:none}
//.captions {padding:6px 8px; margin-top:4px; text-align:center; font-size:10px; color:#8eadd6}
//.captions {padding:4px 0px; margin-top:0px; text-align:center; font-size:9px; color:#777777; border:1px solid #f9f9f9; background-color:#f9f9f9; line-height:1.2em}
//.captions a {color:#ffffff; text-decoration:none}
//.captions a:hover {color:#999999; text-decoration:none}
//.captions a:hover {color:#000; text-decoration:underline}
.more_projects li {border-bottom:1px solid #e6e6e6; margin-bottom:8px; padding-bottom:4px; font-size:11px; line-height:1.6em}

ul.pagination { list-style:none; padding:0px; margin:10px 0px 0px; position:relative; overflow:hidden }	
.pagination li { float:left; margin-right:5px;}		
.pagination li a {padding:1px 8px; font-size:11px; text-decoration:none; color:#666; background-color:#ddd;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2p; display:block}	
.pagination li a:hover {color:#fff; background-color:#8eadd6}	
.pagination li.currentPage { padding:1px 8px; font-size:11px; background-color:#8eadd6;color:#fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px}

/*-------------------- 7. FORM ELEMENTS --------------------*/
label {font-size:11px; color:#777777; margin-left:10px}
input {width:300px}
textarea {width:400px; height:120px}
input, textarea {padding:6px; margin:0px; font-size:13px; color:#333; border:none; outline:none; border:1px solid #ddd; background-color:#f4f4f4; border-radius:2px;-moz-border-radius:2px;	-webkit-border-radius:2px;	-khtml-border-radius:2px;}
input:hover, textarea:hover, input:focus, textarea:focus { background-color:#fff}
.submit input {width:auto;padding:6px 8px; font-size:12px; text-decoration:none; color:#fff;border:none; background-color:#8eadd6;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; cursor:pointer}
.submit input:hover{color:#fff; background-color:#4669a6; border:none}
#subscribe_form .subs_submit input {width:auto;padding:2px 6px; font-size:11px; text-decoration:none; color:#666;border:none; background-color:#ddd;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; cursor:pointer}
#subscribe_form input {padding:2px; font-size:11px; color:#999; margin:0px; width:140px; border:none; outline:none; border:1px solid #E1E3E5; background-color:#f9f9f9; border-radius:2px;-moz-border-radius:2px; -webkit-border-radius:2px;	-khtml-border-radius:2px;}
#subscribe_form input:hover, #subscribe_form input:focus {background:#fff; color:#333333}
#subscribe_form .subs_submit input:hover {color:#fff; background-color:#8eadd6; border:none}
.error {border:1px solid #8eadd6}
#mail_success, #mail_fail {display:none}

#subscribe_form .subs_submit2 input {width:auto;padding:4px 8px; font-size:11px; text-decoration:none; color:#fff;border:none; background-color:#4669a6;border-radius:6px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; cursor:pointer}
#subscribe_form .subs_submit2 input:hover {color:#fff; background-color:#333333; border:none}



/*-------------------- 8. SIDEBAR --------------*/
.sidebar h2 {margin-bottom:0px; color:#8eadd6}
.sidebar h2.text_widget {margin-bottom:6px; color:#8eadd6; font-size:16px;}
.sidebar ul.list_widget a {color:#999; text-decoration:none; display:block; padding:6px 15px 7px 15px; border-bottom:1px solid #e6e6e6}
.sidebar ul.list_widget, .sidebar ul.more_projects {margin:0px; padding:0px}
.sidebar ul.list_widget a:hover, .list a:hover {background-color:#e9e9e9; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; text-decoration:none;}
.sidebar ul.list_widget a.active_page {border-left:0px solid #8eadd6; color:#8eadd6}

.sidebar300 ul.list_widget a {color:#999; text-decoration:none; display:block; padding:3px 10px 5px 30px; border-bottom:1px solid #e6e6e6}
.sidebar300 ul.list_widget, .sidebar300 ul.more_projects {margin:0px 0px 0px 20px; padding:0px}
.sidebar300 ul.list_widget a:hover, .list a:hover {background-color:#e9e9e9;  border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; text-decoration:none;}
.sidebar300 ul.list_widget a.active_page {border-left:0px solid #8eadd6; color:#8eadd6}



.sidebar ul.list_widget a {color:#999; text-decoration:none; display:block; padding:7px 15px 7px 15px; border-bottom:1px solid #e6e6e6}
.sidebar ul.list_widget, .sidebar ul.more_projects {margin:0px; padding:0px}
.sidebar ul.list_widget a:hover, .list a:hover {background-color:#e9e9e9; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; text-decoration:none;}
.sidebar ul.list_widget a.active_page {border-left:0px solid #8eadd6; color:#8eadd6}



.sidebar ul.list_mag a {font-size:11px; color:#999; text-decoration:none; display:block; padding:4px 0px 4px 30px; border-bottom:1px solid #e6e6e6}
.sidebar ul.list_mag, .sidebar ul.more_projects {margin:0px; padding:0px}
.sidebar ul.list_mag a:hover, .list a:hover {color:#ffffff; background-color:#8eadd6; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; text-decoration:none;}
.sidebar ul.list_mag a.active_page {border-left:0px solid #8eadd6; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; text-decoration:none;}






/*-------------------- 9. FOOTER SECTION --------------------*/
.footer {background:#8eadd6; color:#fff; padding:10px 0px; background:url(../img/footer-bg.png) bottom repeat-x }
.footer a {color:#ffffff; text-decoration:none}
.footer a:hover {color:#4669a6; text-decoration:none}
.footer_nav{ width:340px; float:left; font-size:11px; color:#ffffff}	
.footer_nav ul { font-size:13px; margin:0px; padding:0px; list-style:none}	
.footer_nav ul li { float:left; margin:0px 1px;line-height:1em}	
.footer_nav ul li.first {margin-left:0px}
.footer_nav ul li.last {margin-right:0px}
//.footer_nav ul li a { color:#777777; text-decoration:none;display:block ;padding:0px 0px 4px; margin:0px}
.footer_nav ul li a {color:#4669a6; text-decoration:none; margin:0px 1px 0px 0px; padding:3px 6px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px}
.footer_nav ul li a:hover { color:#ffffff; text-decoration:none}		
.footer_nav ul li a.current { color:#ffffff; text-decoration:none; background-color:#4669a6}
.notes {width:300px; float:right; font-size:11px; line-height:1.4em; color:#ffffff; text-align:left }




.social {margin:0px; padding:0px; list-style:none; display:block; position:relative; overflow:hidden; float:right}
.social li {float:left; margin-right:4px}
.social li a:hover img {border:none}	


/*
.page_nav{float:right; margin:0;padding:0;list-style:none}
.page_nav li{float:left;position:relative}
.page_nav a{margin:0px 1px 0px 0px; padding:4px 8px; color:#777777; font-size:11px; text-decoration:none; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px}
.page_nav a.last {margin-right:0px}
.page_nav a:hover, a.current, .page_nav a.current:hover {color:#ffffff; background-color:#8eadd6}
.page_nav a:hover {color:#777777; background-color:#ddd}

*/

/*-------------------- 10. MISCELLANEOUS CLASSES --------------------*/		
br.clearf { clear:both; height:0; margin:0px; padding:0px; font-size:0px; line-height:0px}
.list, .linklist, .olist {margin:0px; padding:0px; list-style:none}
.list li {background:url(../img/bullet_h.png) left 9px no-repeat; padding:0px 0px 0px 10px; margin-left:2px}
.linklist a {color:#666; text-decoration:none; display:block; padding:4px 10px 4px 15px; border-bottom:1px solid #e6e6e6}
.linklist a:hover{color:#333333; background-color:#f0f0f0; text-decoration:none;}
.olist { list-style:decimal}
.olist li {margin:0px 0px 0px 22px;}	
a.more {padding:4px 8px; font-size:11px; text-decoration:none; color:#fff; background-color:#8eadd6;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px}
a.more:hover {color:#fff; background-color:#4669a6}
.borderify {padding:0px; background:#fff; border:1px solid #ddd;}
.imgleft {float:left; margin:16px 6px 0px 0px}
.imgright {float:right; margin:4px 0px 10px 15px}
.margin20 {margin-bottom:20px}
.margin10 {margin-bottom:10px}
.margin50 {margin-bottom:50px}
.no_hr {background:none; margin-bottom:0px; padding-bottom:2px}





























/* --- Container configuration ---------------------------------------------------------- */
.viewport {
    border: 0px solid #ff0000;
    float: left;
    height: 94px;
    margin: 0 0px 10px 0;
    overflow: hidden;
    position: relative;
    width: 126px;
}

/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
   class to the last thumbnail in each row to get rid of the margin-right. */
.no-margin {
    margin-right: 0;
}

/* --- Link configuration that contains the image and label ----------------------------- */
.viewport a {
    display: block;
    position: relative;

}

    
.viewport a img {
height: 94px;
left: -0px;
position: relative;
top: -0px;
width: 126px;

    
    
}

/* --- Label configuration -------------------------------------------------------------- */
.viewport a span {
    display: none;
    font-size: 11px;
    font-weight: bold;
    height: 100%;
    padding-top: 80px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 100;



}
    .viewport a span em {
        display: block;
        //font-size: 0.45em;
        font-size: 8px;
        font-weight: normal;
    }

/* --- Dark hover background ------------------------------------------------------------ */
.dark-background {
	background-color: rgba(255, 255, 255, 0.8);
    color: #000;
    //text-shadow: #000 0px 0px 10px;
}
.dark-zoom {
        background:url(../img/zoom.png);
        background-color: rgba(255, 255, 255, 0.8);
    color: #000;
}
    .dark-background em {
        color: #cc0000;
    }

/**
 * You could create multiple hover background classes for different looks depending on the
 * image type. Use your imagination!
 */