/*
lclarquitectos.com
DESCRIPTION: Estilos del sitio
*/

/*COMMON*/
*{
font-family:Arial, Verdana,"Helvetica",sans-serif;
margin: 0;
padding: 0;
}
html,body{
width:100%;
height:100%;
overflow:hidden;
border:0;
margin:0;
padding:0;
font-family:Arial, Verdana,"Helvetica",sans-serif;
font-size:12px/17px;
}
body{
background:#FFF url(../images/loader_main.png) no-repeat center center;
}
a img{border: none;}
a:focus {outline: none;}

.fleft{float: left;}
.fright{float: right;}
.clearfloat{clear: both;}
.noMarginR{margin-right: 0 !important;}
.noMarginB{margin-bottom: 0 !important;}
.noBorder{border: none !important}
.noBgImg{background-image: none;}
/*END COMMON*/

/*SCALER*/

#body,.bg{
position:absolute;
top:0;
left:0;
z-index:2;
width:100%;
height:100%;
overflow:auto;
}
.bg{
background: #FFF;
z-index: 1;
}
#bg{
opacity:0;
visibility: hidden;
}
.bgPattern{
background: url(../images/bg_pattern.png) repeat;
height: 100%;
width: 100%; 
top: 0 !important;
left: 0 !important;
position: absolute;
}
#body{
overflow: hidden;
}
.mainWrapper{
height: 100%;
position: relative;
overflow-y: auto;
}
/*END SCALER*/

/*MAIN CONTAINER*/
.mainContainer{
position: relative;
}
.logo{
width:234px;
height:218px;
left:50%;
top:50%;
text-indent: -9999px;
overflow: hidden;
position:absolute;
left:-53px;
top:35px;
}
.logo a{
background: url(../images/sprite_main.png) no-repeat 0 0;
display: block;
visibility: hidden;
opacity: 0;
width: 100%;
height: 100%;
}
/*END MAIN CONTAINER*/

/*MENU*/
.mainGallery.gallery-fade{
width: 100%;
margin: 0;
}
.mainGallery.gallery-fade .mainHolder{
margin: 0;
}
.menuWrapper{
top: 236px;
position: absolute;
width: 100%;
}
.mainGallery.gallery-fade .paging{
height: 30px;
width: 745px;
padding-left: 7px;
opacity:0;
visibility: hidden;
z-index: 1001;
margin: 0 auto; 
}
.mainGallery.gallery-fade ul.paging li{
width: auto;
height: 30px;
float: left;
display: block;
margin-right: 20px;
position: static;
background: transparent;
}

.paging a{
font-size: 16px;
color: #FFF;
text-shadow: 1px 1px 1px #000;
text-decoration: none;
height: 1em;
display: block;
font-weight: bold;
}
.paging a.current{
cursor: default;
color:#C9291B !important;
}
/*END MENU*/

/*HEADER*/
.header{
margin: 0pt auto; 
position: absolute; 
width: 100%;
}
.headerWrapper{
position: relative; 
width: 830px; 
margin: 0pt auto;
}
/*END HEADER*/

/*FOOTER*/
.footerWrapper{
position: absolute;
bottom: 10px;
width: 100%;
opacity:0;
}
.footer{
margin: 10px auto 0 auto;
width: 744px;
height:22px;
display: block;
font-size: 11px;
color: #FFF;
overflow: hidden;
text-shadow: 1px 1px 1px #000;
}
/*END FOOTER*/

/*SECTIONS CONTENT*/
.contentWrapper{
opacity:0;
visibility: hidden;
margin-top: 265px;
margin-bottom: 20px;
/*height: 450px;*/
}
.contentWrapper .content{
position: relative;
}
.contentWrapper .content .sections{
width: 100%;
height: 450px;
}
.contentWrapper .content .sections .section{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 450px;
}
#portfolio.section,
#slideshow.section{
background: #FFF; 
}
.sectionContent{
width: 830px;
margin: 0 auto;
position: relative;
}
/*END SECTIONS CONTENT*/

/*
//////////////////////////////////////////////////////////////////
SECTIONS STYLES
//////////////////////////////////////////////////////////////////
*/

/*SECTIONS GENERAL*/
.section{
visibility: hidden; 
opacity: 0;
}
#contactus .sectionContent,
#info .sectionContent
{
width: 744px;
}
.listLoader,.detailLoader{
background-image:url(../images/loader_list.gif);
background-repeat:no-repeat;
background-position: center center;
}
/*END SECTIONS GENERAL*/

/*CONTACTUS*/
#contactus{
padding-top: 77px;
}
#contactus h3{
font-size: 16px;
color: #FFF;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
margin-bottom: 7px;
}
.contactForm{
float: left;
width: 346px;
}
.contactInfo{
margin-left: 385px;
}
.contactForm .innerWrapper{
width: 342px;
}
.contactInfo .innerWrapper{
padding: 20px;
background: #FFF;
color: #231F20;
font-size: 14px;
}
.contactInfo h4{
display: block;
font-size: 14px;
color: #929497;
}
.contactInfo a{
text-decoration: none;
color: #231F20;
}
.contactInfo a:hover{color: #C9291B;}
.cInfoField{
margin:4px 0 10px 0;
}
.contactForm .field{
background: #FFF;
margin-bottom: 1px;
}
.contactForm .field input,
.contactForm .field textarea{
background: transparent;
border: none;
color: #58595B;
display: block;
font-size: 14px;
height: 30px;
line-height: 30px;
padding: 0 5px;
width: 332px;
}
.contactForm .field textarea{
height: 125px;
overflow: hidden;
}
#sendForm{
color: #FFF;
border: 1px solid #EE3424;
background: #EE3424;
text-align: center;
font-weight: bold;
font-size: 14px;
padding: 5px 0;
width: 63px;
margin-top: 1px;
cursor: pointer;
}
#sendForm:hover{
background:#D62B22;
border: 1px solid #D62B22;
}
#contactus .error{
background: #e7c4c1 !important;
}
#contactus .formResult{
position: absolute; 
background: #FFF; 
font-size: 12px; 
left: 0pt; 
top: 27px; 
height: 190px; 
width: 342px; 
text-align: center; 
vertical-align: text-top; 
padding: 14px 0pt; 
display: none;
}
.formResult .wrapper{
margin:64px 0;
}
.formResult .wrapper strong{
color: #EE3424;
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: 3px;
}
/*END CONTACTUS*/

/*SLIDESHOW*/
#slideshow_list {
background:url("../images/loader_main.png") no-repeat  230px 125px #58595B;
height: 450px;
overflow: hidden;
}
/*END SLIDESHOW*/

/*PORTFOLIO*/
#portfolio_list{
height: 450px;
}
#portfolio_list .thumb{ 
background: #58595B url(../images/loader_list_item.gif) no-repeat center center;
display: block;
height: 180px;
margin-bottom: 5px;
width: 240px;
}
#portfolio_list .thumb span{
background: #C9291B;
position: absolute;
width: 240px;
height:180px;
opacity:0;
}
#portfolio_list .thumb:hover span{
opacity:.2;
}
#portfolio_list .title{
font-size: 12px;
color: #D0D2D3;
}
#portfolio_list .title a{
font-size: 12px;
text-decoration: none;
font-weight: normal;
color:#58595B;
}
#portfolio_list .title a:hover{
color:#C9291B;
}
/*END PORTFOLIO*/

/*INFO*/
#info{
padding-top: 77px;
}
#info h3{
font-size: 16px;
color: #FFF;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
margin-bottom: 7px;
}
#info li{
background: #FFF; 
height: 53px;
margin-bottom: 1px;
padding: 11px 20px;
}
#info li:hover{
cursor: default;
}
#info li h3{
color: #EE3424;
font-size: 16px;
text-shadow: none;
margin-bottom: 0;
}
#info li p{
color: #231F20;
font-size: 14px;
}
/*END INFO*/

/*PORTFOLIO > DETAIL*/
#imageWrapper .holder{
margin: 0 ;
}
#imageWrapper .gallery.gallery-fade{
margin-bottom: 5px;
}
#prev_d.prev{
left:-35px;
} 
#next_d.next{
right: -35px;
}
#portfolio_detail{
height: 540px !important;
background: #58595B url(../images/loader_main.png) no-repeat center center;
}
.dataWrapper h2,
.dataWrapper .desc{
font-size: 14px;
display: inline;
float: left;
}
.dataWrapper h2{
color: #231F20;
font-weight: bold;
margin-right: 8px;
}
.dataWrapper .desc{
color: #9B9B9B;
text-transform: uppercase;
}
.dataWrapper .desc p{
display: inline;
}
/*END PORTFOLIO > DETAIL*/

/*LOADERS*/
/*END LOADERS*/

/*
//////////////////////////////////////////////////////////////////
ADDONS
//////////////////////////////////////////////////////////////////
*/

/*SLIDER*/
.gallery {
margin: 0 0 20px;
width: 723px;
position: relative;
}
.gallery .holder,
.mainHolder {
width: 100%;
position: relative;
overflow: hidden;
z-index: 2;
margin: 0 45px;
}
.gallery .holder ul {
margin: 0;
padding: 0;
list-style: none;
width: 30000px;
}
.item{
float:left;
display:block;
margin:10px 1px 15px 0;
}
.gallery .holder ul li {
float: left;
padding: 0 1px 1px 0;
width: 723px;
}
#portfolio_list li.sign {
background:#58595B;
color: #FFF;
font-size: 12px;
height: 230px;
padding-top: 220px;
text-align: center;
}
#portfolio_list .item,
#portfolio_list .item img{
opacity:0;
}
.next,
.prev {
position: absolute;
right: 10px;
top: 50%;
margin-top: -25px;
width: 21px;
height: 41px;
background: url(../images/sprite_main.png) no-repeat -254px -42px;
z-index: 20;
overflow: hidden;
text-indent: -9999px;
outline: none;
cursor: pointer;
}
.next{
right: -80px;
}
.next-disable { background: url(../images/sprite_main.png) no-repeat; }
.prev {
background: url(../images/sprite_main.png) no-repeat -254px 0;
right: auto;
left: 10px;
}
.prev-disable { background: url(../images/sprite_main.png) no-repeat; }
.next:hover{background-position: -275px -42px;}
.prev:hover {background-position: -275px 0;}

.control {
font-size: 18px;
line-height: 21px;
}

/* Fade gallery */
.lboxContent .gallery-fade { width: 720px; }
.lboxContent .gallery-fade .holder ul {
width: 100%;
height: 180px;
}
.lboxContent .gallery-fade .holder ul li {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 180px;
text-align: center;
height: 539px;
line-height: 539px;
}
.lboxContent .gallery-fade .holder ul li img{
vertical-align: middle;
}
/*END SLIDER*/

/*LIGHTBOX*/
.lBoxbg {
width:100%;
height:100%;
left:0;
top:0;
position:absolute;
z-index:5001;
background:#FFF;
display: block;
visibility: hidden;
}

.lboxContent{
display: block;
visibility: hidden;
opacity:0;
position:absolute;
left:50%;
top:50%;
margin-top:-300px;
margin-left:-360px;
z-index:5002;
text-align:left;
width:720px;
height:600px;
}
.lboxContent .deco{
position: absolute;
left: -100px;
top: 0;
width: 100px;
height: 223px;
display: block;
background: url(../images/bg_lbox.png) no-repeat 0 0;
}
.lboxData{
position: relative; 
}
.lboxClose{
overflow: hidden;
text-indent: -9999px;
background: url(../images/sprite_main.png) no-repeat -254px -90px;
position: absolute;
width:21px;
height:21px;
right: -30px;
top: 0;
}
.lboxClose:hover{background-position: -275px -90px;}
/*END LIGHTBOX*/