/* CSS Document */
body {
	background-image:url(../img/Portafolio_background1px.jpg);	
}


.homeHead {overflow:hidden; background-image:url(../img/Portafolio_background.jpg); height:auto; }

.homeHead li { height:auto; overflow:hidden; text-align:left;}
.portafolio_iniTexts{width:280px; margin:0 0 0 40px; float:left}

.portafolio_iniTexts_container {float:left; width:88%; margin:10px 0 0 0; background-image:url(../img/portafolio_container_middle.png); background-repeat:repeat-y; background-position:center; padding:0 6%; color:#818181}
.portafolio_iniTexts_container h5{font-size:100%; margin:15px 0 10px 0; padding:0; color:#363636}
.portafolio_iniTexts_container p {margin:20px 0 0 0;  padding:0; float:left; width:100%;  font-size:86%; line-height:1.4em;}
.portafolio_iniTexts p {margin:0;  padding:0; float:auto; width:auto;  font-size:86%; line-height:1.4em;}


.portafolio_iniTexts h3 {margin:0 0 30px 0;  padding:0; float:left; width:100%; color:#faee86; display:none}
.portafolio_iniTexts h4 {margin:70px 0 0 0;  padding:0 0 5px 0; float:left; width:100%; color:#6b6c6d; font-size:76%; border-bottom:#666666 1px dotted; display:none}
.portafolio_iniTexts h4 a{ color:#6b6c6d; text-decoration:none }
.portafolio_iniTexts h4 a:hover{ color:#FF6600; text-decoration:underline }




.homeHead li h2 { position:static; float:left;  z-index:10; margin:60px 0 0 0; font-size:110%}

.portafolio_texts {width:627px; float:right; position:relative; overflow:hidden; margin:0 20px 15px 0 }

.portafolio_texts_top{position:absolute; top:0; left:0; width:452px; height:10px; }


.portafolio_light_background {background-image:url(../img/backgroundHomeContents.png); background-repeat:repeat-x; background-color:#e0e0e0; background-position:0 147px}


.homeHead li ul li{  width:auto; }

#cloud, #listcloud { padding: 2px; line-height: 1.9em; text-align: left; }
#cloud a, #listcloud a { padding: 0px; letter-spacing:-0.02em; text-decoration:none; color:#4f4f4f}
#cloud a:hover, #listcloud a:hover {  color:#ff7800}

#cloud a.tag1, #listcloud a.tag1 { font-size: 0.7em; font-weight: 100; }
#cloud a.tag2, #listcloud a.tag2 { font-size: 0.8em; font-weight: 200; }
#cloud a.tag3, #listcloud a.tag3 { font-size: 0.9em; font-weight: 300; }
#cloud a.tag4, #listcloud a.tag4 { font-size: 1.0em; font-weight: 400; }
#cloud a.tag5, #listcloud a.tag5 { font-size: 1.2em; font-weight: 500; }
#cloud a.tag6, #listcloud a.tag6 { font-size: 1.4em; font-weight: 600; }
#cloud a.tag7, #listcloud a.tag7 { font-size: 1.6em; font-weight: 700; }
#cloud a.tag8, #listcloud a.tag8 { font-size: 1.8em; font-weight: 800; }
#cloud a.tag9, #listcloud a.tag9 { font-size: 2.2em; font-weight: 900; }
#cloud a.tag10, #listcloud a.tag10 { font-size: 2.5em; font-weight: 900; }
#listcloud { margin: 0; width:100%; float:left }
#listcloud li { display: inline; }
#list { margin-top: 500px; }

.casosSidebar{width:100%; float:left; display:none}

.casosSidebar li {border-bottom:#666666 1px dotted; padding: 10px 0 5px 0; width:100% !important; float:left; overflow:hidden}
.casosSidebar li h5 {margin:0; padding:0; color:#222222; font-size:1.3em; font-family:"Century Gothic", Tahoma, Arial}
.casosSidebar li h5 a {  color:#222222; text-decoration:none}
.casosSidebar li h5 a:hover {  color:#555555}

.homeHead li ul li p {margin:10px 0 0 0; padding:0; font-size:80%; line-height:1.4em; color:#666666; display:none}


.caso_thumb{ width:62px; height:62px; background-color:#666666; position:relative; float:left; margin:0 10px 5px 0}

.lt { position:absolute; left:0; top:0; z-index:10}
.lb {position:absolute; left:0; bottom:0; z-index:10}
.rt {position:absolute; right:0; top:0; z-index:10}
.rb {position:absolute; right:0; bottom:0; z-index:10}

.casos_leermas {background-image:url(../img/Portafolio_casosButton.jpg); background-position:top left; background-repeat:no-repeat; font-size:76%; display:block; width:63px; text-align:center; height:18px; padding:3px 0 0 0; margin:10px 0 0 0; float:right; color:#000; text-decoration:none}
.casos_leermas:hover { text-decoration:underline; color:#666666}


.portafolioContainer{margin:10px 0 0 0; overflow:hidden; float:left}

.portafolioContainer_topTitle{background-image:url(../img/Portafolio_containerTop.png); background-position:top left; background-repeat:no-repeat; width:587px; padding:0 20px; float:left; height:45px}
.portafolioContainer_topTitle h4{ margin:0; padding:15px 0 0 0; color:#FFFFFF; float:left; font-family:"Century Gothic", Tahoma, Arial; font-size:1.2em}
.portafolioContainer_topTitle h4 a{  color:#FFFFFF; text-decoration:none}
.portafolioContainer_topTitle h4 a:hover{  color:#CCCCCC; text-decoration:underline}


.homeHead li ul{ padding:0; margin:14px 0 0 0; list-style:none}



.portafolioContainer_topTitle ul { float:right;}
.portafolioContainer_topTitle ul li{ float:left; background-image:url(../img/Portafolio_container_tagBackground.jpg); background-repeat:no-repeat; background-position:top left; font-size:70%; margin:0 0 0 5px; letter-spacing:-0.02em}
/*.portafolioContainer_topTitle ul li:hover{ background-position:bottom left}*/

.portafolioContainer_topTitle ul li a{ display:block; height:17px; padding:4px 5px 0 5px; background-image:url(../img/Portafolio_tagRight.jpg); background-position:top right; background-repeat:no-repeat; color:#FFFFFF; text-decoration:none; cursor:default} 
/*.portafolioContainer_topTitle ul li a:hover{ background-position:bottom right}*/


.portafolioContainer_middle{width:97%; float:left; padding:0 3% 0 0 ; background-image:url(../img/Portafolio_containerMiddle.png); background-repeat:repeat-y}
.portafolioContainer_middle p{ font-size:86%; line-height:1.4em}

.portafolioContainer_middle p,  .portafolioContainer_middle ul .portafolioContainer_middle ol,  .portafolioContainer_middle h3 ,  .portafolioContainer_middle h4  ,  .portafolioContainer_middle h5 { padding:0 25px}


.thumbList_portafolio { }
.thumbList_portafolio li { float:left; padding:3px 7px 7px 3px; background-image:url(../img/Portafolio_miniThumbback.jpg); background-position:top left; background-repeat:no-repeat }



.portafolioContainer_bottom{width:100%; float:left}

.portafolio_thumbListed{float:left; position:relative; width:308px; height:180px; background-image:url(../img/Portafolio_thumbBack.jpg); background-repeat:no-repeat; background-position:top left; margin:10px 10px 0 15px}
.portafolio_thumbListed a{ position:absolute; top:5px; left:5px}


.portafolio_thumbWide{float:left; position:relative; width:595px; height:339px; background-image:url(../img/Portafolio_wideBack.jpg); background-repeat:no-repeat; background-position:top left; margin:10px 10px 0 20px}
.portafolio_thumbWide a{ position:absolute; top:5px; left:5px}
.portafolio_thumbWide img{padding-top:5px; padding-left:5px;}



.launchSite{color:#2e93d4; text-decoration:none; font-size:86%; font-weight:bold; width:260px; float:left; background-color:#ddebed; display:block; padding:5px; margin:0 0 0 3px}
.launchSite:hover{text-decoration:underline; }

.launchSite_inside{color:#2e93d4; text-decoration:none; font-weight:bold; margin:15px 0 0 25px;background-color:#ddebed;  font-size:1.2em; text-align:center; padding:5px; font-family:"Century Gothic", Tahoma, Arial; display:block}
.launchSite_inside:hover{text-decoration:underline; }

#tags{

position:absolute;
width:280px;
bottom:50px;
display:none;
}

div.portafolioContainer_topTitle h2{ margin:0; padding:15px 0 0 0; color:#FFFFFF; float:left; font-family:"Century Gothic", Tahoma, Arial}
div.portafolioContainer_topTitle h2 a{  color:#FFFFFF; text-decoration:none}
div.portafolioContainer_topTitle h2 a:hover{  color:#CCCCCC; text-decoration:none}


.footerContents a{ color:#CCCCCC; text-align:none}
.footerContents a:hover { color:#fff; text-align:underline}