/*   
Theme Name: CSS inicial
Author: dibusoft mmdv
Author URI: http://www.dibusoft.com/
Version: 1.0
Description: CSS básico con arreglos y selectores pre-configurados.
*/

/* Llamamos a los css complementarios */
@import url(formularios.css);
@import url(tooltips.css);
@import url(menu.css);


/* Neutralizamos los Estilos */


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

/* Algunos ajustes basicos */
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:#66c3e0;
text-decoration:none;
font-weight:bold;
}

a:hover, a:active {
color:#66c3e0;
text-decoration:underline;
}

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

img {
border:none;
text-decoration:none;
/*Si ponemos un background aparecerá como fondo de la imagen, sirve para simular imágenes de carga*/
}

/* Algunas clases útiles */
.clear {
clear:both;
}

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

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

.float-left {
float:left;
}

.float-right {
float:right;
}

.center {
text-align:center;
}

span{
padding:3px;
}

.celeste{
color:#66C3E0;
}

.chico{
font-size:11px;
}

/* Estructura */


#dibusoft{
margin:0px auto;
padding:10px;
text-align:center;
}

/* Bloques */
.bloque1,
.bloque2,
.bloque3,
.bloque4{
float:left;
width:261px;
line-height:1.5;
}

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

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

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

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

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

/* Destacados */
#destacado{
margin:0px;
padding:0px;
color:#FFFFFF;
}

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

.home{
background-image:url(../images/desta/home.png) !important;
background-image:url(../images/desta/home.gif);
background-position:top left;
background-repeat:no-repeat;
height:239px;
}
.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;
}

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

#content li{
list-style:none;
background-image:url(../images/iconos/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/iconos/bullet_white.gif);
background-position:left top;
background-repeat:no-repeat;
margin:5px;
padding:0px 0px 0px 15px;
}

/* Subir */
#total{
margin:0px auto;
padding:0px;
position:relative;
width:760px;
}

#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;
}

/* Titulos */
.ptitulo{
font-size:16px;
font-weight:bold;
color:#66C3E0;
margin:0px 0px 13px 0px;
}

/* Servicios */
.icotitulo{
font-size:16px;
font-weight:bold;
color:#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 8px 8px;
width:261px;
position:relative;
}

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

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

.casoimg{
width:261px;
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:106px;
width:261px;
padding:5px;
}