/*   
Theme Name: dibusoft mmdv | hello spring
Theme URI: http://www.dibusoft.com
Version: 1.0
Description: dibusoft mmdv first wordpress theme
Author: Mariano Rivas
*/

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

/* Neutralizamos los Estilos */
*{
margin:0;
padding:0;
border:none;
}

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

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

h1{font-size:24px;}
h2{font-size:20px;}
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;
}

/* 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;
}

.borde{
padding:4px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
}

/* Estructura */
body{
margin:0px;
padding:0px;
height:100%;
background-color:#e7fcff;
background-image:url(images/bgs/bg-body.gif);
background-position:center top;
background-repeat:repeat-x;
color:#333333;
}

#header{
margin:0px auto;
padding:0px;
width:750px;
height:57px;
}

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

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

#content{
width:750px;
margin:0px auto;
padding:0px;
}

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

#pie{
width:750px;
margin:0px auto;
padding:0px;
color:#66c3e0;
}

#footer{
margin:15px auto;
padding:0px;
width:750px;
}

#copyright{
margin:0px;
padding:0px;
text-align:center;
}

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

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

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

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

.bloque3{
float:right;
width:200px;
line-height:1.5;
margin:0px;
padding:0px;
}

.bloque4{
padding:0px 0px 0px 20px;
margin:0px;
color:#66C3E0;
float:right;
width:210px;
line-height:1.5;
}

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

span{
padding:3px;
}

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

.blog{
background-image:url(images/blog.png);
background-position:top left;
background-repeat:no-repeat;
height:124px;
}
.txtblog{
float:left;
padding:20px 0px;
width:520px;
}

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

.dattitulo{
margin:10px 0px 0px 70px;
padding:0px;
}

.datfecha{
margin:0px;
padding:5px 20px 0px 0px;
background-image:url(images/globo2.gif);
background-position:top left;
background-repeat:no-repeat;
color:#66C3E0;
text-align:center;
width:40px;
height:41px;
float:left;
font-size:11px;
font-weight:bold;
}

.bloque5 .datfecha{
padding:3px 20px 0px 0px;
background-image:url(images/globo.gif);
}

.datautor{
margin:0px 0px 0px 73px;
padding:0px;
}

.datrss{
padding:10px 0px 0px 90px;
}

.buscador{
float:right;
padding:30px 0px 20px 20px;
width:210px;
}

.celeste{color:#66C3E0;}

/* 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 */
.itemitems{
margin:0px;
padding:5px 5px 5px 15px;
background-image:url(images/send.gif);
background-position:left top;
background-repeat:no-repeat;
font-weight:bold;
color:#FFFFFF;
}

#side-categs ul{
list-style:none;
margin:0px;
padding:0px 0px 15px 0px;
}

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

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

#tag_cloud{
margin:0px;
padding:0px 0px 15px 0px;
}

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

/* Botones */
.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;
}

.separador{
border-top:1px dotted #66C3E0;
color:#66C3E0;
margin:0px auto;
padding:0px;
height:10px;
}

/* Posts */
.post {
padding: 0px;
clear: both;
overflow: hidden;
}

.post h2{
padding:0px;
margin:0px;
}

.comments{
float:right;
width:35px;
}
/* search form */
form{
padding:0px;
margin:0px;
}

#buscador{
padding:5px 0px 3px 8px;
}

#searchform {
background-image:url(images/bg-buscador.gif);
background-repeat:no-repeat;
background-position:top left;
width:200px;
padding:2px 0px 0px 10px;
height: 35px;
}

#searchform #s{
height: 19px;
width: 153px;
margin: 0px;
padding: 0px;
color: #5a5a5a;
border: none;
}
#searchform #searchsubmit { 
background-image:url(images/lupa.gif);
background-repeat:no-repeat;
background-position:top left;
background-color:transparent;
height: 18px;
width: 21px;
border: none;
text-indent: -999%;
line-height: 1px;
padding:0px;
margin:0px;
cursor:pointer;
}

/* formularios */
input, textarea{
width: auto;
margin:0px;
padding:2px;
border:1px dotted #66C3E0;
background-color:#FFFFFF;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
}

.bloque5 label{
width:70px;
float:left;
}

/* Menu */
#botonera{
position:relative;
padding:0px;
margin:0px;
height:30px;
overflow:hidden;
}

#botonera ul {
padding:0px;
margin:0px;
}

/* Dont apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
#botonera ul li {
margin:0px;
float:left;
list-style:none;
}

#botonera ul li a {
text-indent:-500em;
z-index:100;
display:block;
float:left;
height:30px;
position:relative;
overflow:hidden;
}

#menu_home a {
width:58px;
background:url(images/menu/es/inicio.gif) no-repeat center;
}

#menu_about a {
width:84px;
background:url(images/menu/es/nosotros.gif) no-repeat center;
}

#menu_services a {
width:86px;
background:url(images/menu/es/servicios.gif) no-repeat center;
}

#menu_portfolio a {
width:81px;
background:url(images/menu/es/portfolio.gif) no-repeat center;
}

#menu_contact a {
width:84px;
background:url(images/menu/es/contacto.gif) no-repeat center;
}

#menu_blog a {
width:48px;
background:url(images/menu/es/blog.gif) no-repeat center;
}

/* Seleccionados */
#botonera li.background {
background:url(images/menu/es/bg_menu_right.gif) no-repeat top right;
z-index:8;
position:absolute;
visibility:hidden;
}

#botonera .background .left {
background:url(images/menu/es/bg_menu.gif) no-repeat top left;
height:30px;
margin-right:9px; /* 7px is the width of the rounded shape */
}


/* Ingles
#menu_home a {
width:58px;
background:url(images/menu/home.gif) no-repeat center;
}

#menu_about a {
width:63px;
background:url(images/menu/about.gif) no-repeat center;
}

#menu_services a {
width:81px;
background:url(images/menu/services.gif) no-repeat center;
}

#menu_portfolio a {
width:81px;
background:url(images/menu/portfolio.gif) no-repeat center;
}

#menu_contact a {
width:74px;
background:url(images/menu/contact.gif) no-repeat center;
}

#menu_blog a {
width:51px;
background:url(images/menu/blog.gif) no-repeat center;
}

*/

/* Normal Bubble */
div.sepacomment{
clear:both;
height:20px;
}
div.gravatar{
float:left;
width:100px;
}
div.bubble {
float:left;
width:400px;
}

div.bubble blockquote a{
color:#FFFFFF;
}

div.bubble blockquote {
margin: 0px;
padding: 0px;
border: 2px solid #FFFFFF;
background-color: #ACE5F6;
font-size:11px;
}

div.bubble blockquote p {
margin: 10px;
padding: 0px;
}

div.bubble cite {
position: relative;
margin: 0px;
padding: 10px 0px 0px 15px;
top: 6px;
background-color: transparent;
background-image: url(images/tip.gif);
background-repeat: no-repeat;
background-position: 20px 0px;
font-style: normal;
font-size:10px;
}