/*  PK Studios css by Fresh Pies */

/* IE7 HACKS */
*:first-child+html {
}

*{
margin:0;
padding:0;
border:none;
}

html {
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
margin:0px;
padding:0px;
}

h1{font-size:16px;color:#0096d7;margin:0px 0px 13px 0px;padding-left:20px;}
h2{font-size:14px;color:#0096d7;margin:0px 0px 13px 0px;font-weight:normal;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:10px;}

blockquote {
font-style:italic;
padding:5px 0 5px 30px;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

li, dd, blockquote {
margin-left:1em;
}

/* Links Bases */
a, a:link, a:visited {
color:#0096d7 /* was #66c3e0 */;
text-decoration:none;
font-weight:bold;
}

a:hover, a:active {
color:#0096d7 /* was #66c3e0 */;
text-decoration:underline;
}

a img {
border:none;
text-decoration:none;
}

img {
border:none;
text-decoration:none;
}

.clear {
clear:both;
}

.clear2 {
clear:both;
height:30px;
}

.clear3 {
clear:both;
height:10px;
}

.clear4 {
clear:both;
height:60px;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

.center {
text-align:center;
}

span{
padding:3px;
}


body{
margin:0px;
padding:0px;
height:100%;
background-image:url(../images/bg1.jpg);
background-repeat:repeat-x;
background-color: #d4ecf9;
color:#333333;
}

.bghome{
background-image:url(../images/bgs/bg-body.gif);
background-position:center top;
background-repeat:repeat-x;
}

#page {
margin:0px auto;
padding:10px;
position:relative;
width:760px;
background-color:#FFFFFF;
border:1px solid #7ebfe6;
}

#header{
margin:0px auto;
padding:0px;
width:750px;
height:100px;
background-color:#000000;
}

#logo{
margin:20px 10px 8px 20px;
padding:0px;
float:left;
width:200px;
}

#menu{
margin:14px 0px 0px 0px;
padding:0px;
float:right;
width:510px;
}

#content{
width:750px;
margin:0px auto;
padding:0px;
background-image:url(../images/bg-content.jpg) ;
background-position:top;
background-repeat:repeat-x;
}

#featured{
margin:0px auto;
padding:0px;
}

#footer{
width:750px;
margin:0px auto;
padding:20px 0px;
text-align:center;
font-size:11px;
background-image:url(../images/bg-footer.jpg) ;
background-position:top;
background-repeat:repeat-x;
}


.copy{
padding-left:20px;
padding-right:60px;
}

.copy p{
padding:5px 0 5px 0;
}


/* blocks */
.block1,
.block2,
.block3,
.block4{
float:left;
width:230px;
line-height:1.5;
}

.block1{
margin:0px 11px 0px 3px;
padding:0px;
}

.block2{
margin:0px 11px 0px 11px;
padding:0px;
}

.block3{
margin:0px 0px 0px 11px;
padding:0px;
}

.block4{
padding:0px 0px 0px 20px;
margin:0px;
}

.block5{
float:left;
width:480px;
line-height:1.5;
padding:0px 20px 0px 0px;
margin:0px;
}

.blockhome1 {
float:left;
width:140px;
padding:0px 0px 0px 20px;
margin:0px;
}

.blockhome2 {
float:left;
width:500px;
padding:0px 0px 0px 0px;
margin:0px;
}

.blockcontact1 {
float:left;
width:230px;
padding:0px 0px 0px 20px;
margin:0px;
}

.blockcontact2 {
float:left;
width:450px;
padding:0px;
margin:0px;
}

.blockabout1 {
float:left;
width:230px;
padding:0;
margin:0;
}

.blockabout2 {
float:left;
width:430px;
padding:0px;
margin:0px;
}



.error{
background-position:top left;
background-repeat:no-repeat;
height:239px;
}
.txterror{
padding:20px 0px;
width:370px;
}

.section{
padding-top:30px;
background-image:url(../images/bg-section.jpg) ;
background-position:bottom;
background-repeat:repeat-x;
}

.introcopy {
width:590px;
}

.txthome{
float:left;
padding:20px 0px;
width:320px;
}
.imghome{
float:right;
padding:0px;
margin:50px 0px 0px 0px;
width:380px;
}
.homeizq{
float:left;
width:40px;
text-align:center;
padding-top:30px;
}
.homeimg{
float:left;
width:236px;
padding:0px 0px 0px 24px;
}
.homeder{
float:left;
width:35px;
text-align:center;
padding-top:30px;
}
.homedesc{
padding:45px 0px 0px 80px;
color:#666666;
font-weight:bold;
}

.about{
background-image:url(../images/desta/about.png) !important;
background-image:url(../images/desta/about.gif);
background-position:top left;
background-repeat:no-repeat;
height:239px;
}
.txtabout{
padding:20px 0px;
}

.portfolio{
background-image:url(../images/desta/portfolio.png) !important;
background-image:url(../images/desta/portfolio.gif);
background-position:top left;
background-repeat:no-repeat;
height:239px;
}
.txtportfolio{
float:left;
padding:20px 0px;
width:190px;
}
.imgportfolio{
float:right;
padding:48px 0px 0px 0px;
width:503px;
position:relative;
}
.bandita2{
float:right;
position:absolute; 
top:33px; 
right:15px;
}

.contact{
background-image:url(../images/desta/contact.png) !important;	
background-image:url(../images/desta/contact.gif);
background-position:top left;
background-repeat:no-repeat;
height:239px;
}
.txtcontact{
padding:20px 0px;
width:230px;
}

/* Links */
#destacado a, #destacado a:link, #destacado a:visited,
#ser-contenedor a, #ser-contenedor a:link, #ser-contenedor a:visited,
#blanco a, #blanco a:link, #blanco a:visited{
color:#ffffff;
}

#destacado a:hover, #destacado a:active,
#ser-contenedor a:hover, #ser-contenedor a:active,
#blanco a:hover, #blanco a:active {
color:#ffffff;
}

/* Lists */

#menu ul{
padding-top:50px;
margin:0;
}

#menu li {
display:inline;
padding-right:30px;
}

#menu li.current a{
color:#FFFFFF;
}

#menu li a:hover {
color: #ffffff;
text-decoration:none;
}


#content ul{
list-style:none;
margin:0px;
padding:0px;
}

#content li{
list-style:none;
background-image:url(../images/bullet_blue.gif);
background-position:left top;
background-repeat:no-repeat;
margin:5px;
padding:0px 0px 0px 15px;
}

#ser-contenedor li{
list-style:none;
background-image:url(../images/bullet_white.gif);
background-position:left top;
background-repeat:no-repeat;
margin:5px;
padding:0px 0px 0px 15px;
}

/* Subir */


#subir{
width:30px;
height:30px;
position:absolute;
z-index:10;
}

.gototop {
background:transparent url(../images/gototop.gif) no-repeat scroll 0pt;
bottom:30px;
display:block;
height:28px;
outline-color:invert;
outline-style:none;
outline-width:medium;
overflow:hidden;
position:fixed;
right:0px;
text-indent:-9999px;
width:28px;
z-index:9999;
}

/* Botones */
.btnlnk{
margin:10px 0px 0px 0px;
padding:5px 0px 0px 25px;
border:none;
background-image:url(../images/btn.gif);
background-position:top left;
background-color:transparent;
background-repeat:no-repeat;
width:200px;
height:28px;
cursor:pointer;
display:block;
}

.btnlnk3{
margin:10px 0px 0px 0px;
padding:5px 0px 0px 25px;
border:none;
background-image:url(../images/btn3.gif);
background-position:top left;
background-color:transparent;
background-repeat:no-repeat;
width:200px;
height:28px;
cursor:pointer;
display:block;
}

.btnlnk2 a{
margin:0px;
padding:5px 0px 0px 0px;
border:none;
background-image:url(../images/send.gif);
background-position:top left;
background-color:transparent;
background-repeat:no-repeat;
width:200px;
height:28px;
cursor:pointer;
display:block;
}

/* Titles */
.title{
font-size:16px;
font-weight:bold;
color:#0096d7 /* was #66c3e0 */;
margin:0px 0px 13px 0px;
}

.firstindent {
padding-left:20px;
}

.line {
border-bottom:1px dotted #66c3e0;;
margin-bottom:20px;
}

/* Servicios */
.icotitulo{
font-size:16px;
font-weight:bold;
color:#0096d7 /* was #66c3e0 */;
margin:7px 0px 12px 40px;
}

.ico-dweb{
background-image:url(../images/ico-dweb.gif);
background-position:top left;
background-color:transparent;
background-repeat:no-repeat;
}

.ico-comunidades{
background-image:url(../images/ico-comunidades.gif);
background-position:top left;
background-color:transparent;
background-repeat:no-repeat;
}

.ico-presenta{
background-image:url(../images/ico-presenta.gif);
background-position:top left;
background-color:transparent;
background-repeat:no-repeat;
}

.ico-ecommerce{
background-image:url(../images/ico-ecommerce.gif);
background-position:top left;
background-color:transparent;
background-repeat:no-repeat;
}

.ico-aplicaciones{
background-image:url(../images/ico-aplicaciones.gif);
background-position:top left;
background-color:transparent;
background-repeat:no-repeat;
}

.ico-hosting{
background-image:url(../images/ico-hosting.gif);
background-position:top left;
background-color:transparent;
background-repeat:no-repeat;
}

.ico-perfil{
background-image:url(../images/ico-perfil.gif);
background-position:top left;
background-color:transparent;
background-repeat:no-repeat;
}

.ico-habilidades{
background-image:url(../images/ico-habilidades.gif);
background-position:top left;
background-color:transparent;
background-repeat:no-repeat;
}

.separador{
background-image:url(../images/bgs/bg-separador.gif);
background-position:top left;
background-repeat:no-repeat;
height:10px;
}

/* Metodologia */
#metodo{
margin:0px;
padding:0px;
width:750px;
height:239px;
background-image:url(../images/metodo.gif);
background-position:top left;
background-repeat:no-repeat;
}
.txtmetodo{
padding:0px;
width:370px;
}


/* Home */
.bg-blog{
background-image:url(../images/bg-blog.gif);
background-position:top left;
background-color:transparent;
background-repeat:no-repeat;
}

#blog ul{
list-style:none;
margin:0px;
padding:0px;
}

#blog li{
list-style:none;
background-image:url(../images/iconos/comment.gif);
background-position:left top;
background-repeat:no-repeat;
margin:0px;
padding:0px 0px 4px 22px;
}

#blog lia a, #blog li a:link, #blog li a:visited{
color:#333333;
font-weight:normal;
}

#blog li a:hover, #blog li a:active {
color:#333333;
}

/* Portfolio */
#cportfolio p{
padding:0px;
margin:0px 0px 5px 0px;
}

#cportfolio a, #cportfolio a:link, #cportfolio a:visited{
color:#ffffff;
}

#cportfolio a:hover, #cportfolio a:active {
color:#ffffff;
}

.caso{
background-image:url(../images/bgmuestras.gif);
background-repeat:no-repeat;
background-position:top left;
padding:8px 0px 15px 8px;
width:225px;
position:relative;
}

.caso a:hover{
text-decoration:none;
}

.bandita{
float:right;
position:absolute; 
top:0px; 
right:8px;
}

.casoimg{
width:207px;
height:106px;
overflow:hidden;
position:relative;
cursor:pointer;
}

.desc_caso{
background-color:#000000;
color:#FFFFFF;
/* opacity:0.9; */
position: absolute;
top:106px;
left:0px;
height:210px;
width:197px;
padding:5px;
}
.freshpies {
font-weight:normal;
color:#333333}