.portfolioGallery{
width:100%;
height:auto;
margin-left:auto;
margin-right:auto;
}
.portfolioGallery .portfolioGalleryArea{
width:90%;
height:auto;
margin-left:auto;
margin-right:auto;
}
.portfolioGallery .portfolioGalleryAreaHeader{
height:10px;
}
.portfolioGallery .portfolioGalleryAreaContent{}
.portfolioGallery .portfolioGalleryAreaFooter{
height:10px;
}

.portfolioGallery .portfolioElementBox{
width:259px;
height:220px;
margin-left:auto;
margin-right:auto;
float:left;
}

.portfolioGallery .portfolioElementBoxWrapper{
width:259px;
height:auto;
background-color:#999999;
margin-left:auto;
margin-right:auto;
}


.portfolioGallery .portfolioElementBoxShadow{
width:259px;
height:14px;
background-image:url(../layoutpics/portfolioBox/portfolioBoxBgDegrade.png);
background-position:top;
background-repeat:repeat-x;
}

.portfolioGallery .portfolioElementBoxArea{
width:255px;
height:auto;
border:#FFFFFF 1px solid;
margin-left:auto;
margin-right:auto;
margin-top:1px;
background-color:#202020;
cursor:pointer;
}

.portfolioGallery .portfolioElementBoxThumbnail{
width:228px;
height:146px;
overflow:hidden;
text-align:center;
border:#999 1px solid;
margin-left:auto;
margin-right:auto;
margin-top:14px;
}
.portfolioGallery .portfolioElementBoxInfo{
width:100%;
height:24px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
text-align:center;
font-weight:normal;
text-transform:capitalize;
}
.portfolioGallery .portfolioElementBoxShowDetails{
height:16px;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
text-align:center;
font-weight:normal;
font-style:italic;
}

.portfolioGallery .portfolioElementBoxSpacer{
width:50px;
height:10px;
float:left;
}

/* --------------------- detail -----------------------------*/

.portfolioDetail{
width:800px;
margin-left:auto;
margin-right:auto;
height:auto;
}
.portfolioDetail .portfolioDetailArea{
width:100%
}

.portfolioDetail .portfolioDetailBox{
float:left;
width:289px;
height:auto;
background-color:#CCCCCC;
margin-left:auto;
margin-right:auto;
}
.portfolioDetail .portfolioDetailBoxArea{
width:285px;
height:auto;
border:#666666 1px solid;
margin-left:auto;
margin-right:auto;
margin-top:1px;
background-color:#FFFFFF;
}
.portfolioDetail .portfolioDetailBoxShadow{
width:289px;
height:14px;
background-image:url(../layoutpics/portfolioBox/portfolioBoxBgDegradeLight.png);
background-position:top;
background-repeat:repeat-x;
}

.portfolioDetail .portfolioDetailBoxClient{
width:95%;
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#006699;
text-align:left;
border-bottom:dashed #006699 1px;
margin-top:5px;
text-transform:capitalize;
}
.portfolioDetail .portfolioDetailBoxURL{
width:93%;
margin-left:auto;
margin-right:auto;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
color:#5899BC;
font-weight:bold;
text-align:left;
cursor:pointer;
}
.portfolioDetail .portfolioDetailBoxWork{
width:95%;
height:20px;
margin-left:auto;
margin-right:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:bold;
text-align:left;
text-transform:capitalize;
}
.portfolioDetail .portfolioDetailBoxDetails{
width:93%;
margin-left:auto;
margin-right:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:normal;
text-align:left;
}
.portfolioDetail .portfolioDetailBoxBack{
width:98%;
height:20px;
margin-top:15px;
margin-left:auto;
margin-right:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
font-weight:normal;
text-align:right;
cursor:pointer;
}

.portfolioDetail .portfolioDetailPictureBox{
float:right;
width:500px;
height:auto;
background-color:#CCCCCC;
margin-left:auto;
margin-right:auto;
}

.portfolioDetail .portfolioDetailPictureBoxShadow{
width:500px;
height:14px;
background-image:url(../layoutpics/portfolioBox/portfolioBoxBgDegradeLight.png);
background-position:top;
background-repeat:repeat-x;
}

.portfolioDetail .portfolioDetailPictureBoxArea{
width:496px;
height:auto;
border:#666666 1px solid;
margin-left:auto;
margin-right:auto;
margin-top:1px;
background-color:#FFFFFF;
background-image:url(../layoutpics/portfolioBox/portfolioBoxBgDegradeLightPhoto.png);
background-position:bottom;
background-repeat:repeat-x;
position:relative;
}
.portfolioDetail .portfolioDetailPictureBoxPages{
margin-left:10px;
margin-right:auto;
height:22px;
margin-top:5px;
width:200px;
}

.portfolioDetail .portfolioDetailPictureBoxVisit{
position:absolute;
top:5px;
left:auto;
right:5px;
text-align:right;
height:25px;
width:200px;
color:#006699;
font-weight:bold;
font-size:14px;
cursor:pointer;
display:none;
}
.portfolioDetail .portfolioDetailPictureBoxVisit a{
text-decoration:none;
color:#006699;
}

.portfolioDetail .portfolioDetailPictureBoxPages a { 
height:15px;
width:15px;
display:block;
text-decoration:none;
margin-right:5px;
border:#999999 1px solid;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:bold;
text-align:center;
float:left;
cursor:pointer;
}

.portfolioDetail .portfolioDetailPictureBoxPages a.activeSlide{
background-color:#C6DCE8;
}

.portfolioDetail .portfolioDetailPictureBoxThumbnail{
width:460px;
height:345px;
margin-left:auto;
margin-right:auto;
border:#333333 1px solid;
background-color:#333333;
text-align:center;
overflow:hidden;
cursor:pointer;
}

.portfolioDetail .portfolioDetailPictureBoxInfo{
height:25px;
width:auto;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-weight:bold;
text-align:center;
text-transform:uppercase;
}



/* customizations ... */

#portfolioTeleYSistemas.portfolioGallery{}
#portfolioTeleYSistemas.portfolioGallery .portfolioGalleryArea{
width:75%;
}
#portfolioTeleYSistemas.portfolioGallery .portfolioElementBoxArea{
background-color:#002040;
}

#portfolioWebYDesign.portfolioGallery .portfolioGalleryArea{
}