/*  
Theme Name: Soozoo WordPress
Theme URI: http://www.soozoo.es/
Description: El tema de soozoo para Wordpress.
Version: 2.0
Author: Rafael Carbayeda
Author URI: http://www.soozoo.es/

Copyright 2007 SOOZOO S.L.
Todos los derechos reservados

*/

/* Reseteo CSS */

/* El siguiente código resetea todos los estilos, para evitar que la propia hoja de estilos de los navegadores provoque errores */

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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} 
q:before,q:after {content:''; } 
abbr,acronym {border:0;} 

/*************** Contenedores ***************/

html {
background: #192124;
}

body {
margin: 0 0 15px 0;
padding: 0;
font-size: 0.75em;
font-family: Arial, Helvetica, Sans-Serif;
text-align: center;
color: #EEE;
}

#page {
text-align: center;
margin: 0 auto;
padding: 0;
width: 768px;
text-align: left;
z-index: 100;
}


/*************** Clases generales ***************/

p {margin: 12px 0 12px 0;line-height: 1.3em;}
strong {font-weight: bold;}

.br {display: block;clear: both;} 
.br10 {display: block;clear: both; height: 10px;}
.br20 {display: block;clear: both; height: 20px;}

acronym, abbr, span.caps {font-size: 0.9em;letter-spacing: .07em;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
small {font-size: 0.8em;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
blockquote cite {display: block;}
hr {display: none;}

/* Links */

a, a:link, a:visited {
color: #39C;
text-decoration: none;
}

a:hover, a:active {
color: #9CF;
text-decoration: none;
}

/*	Estilos de párrafo */

h1 {font-size: 1.8em;}  
h2 {font-size: 1.6em;}  
h3 {font-size: 1.5em;}  
h4 {font-size: 1.4em;}  
h5 {font-size: 1.3em;}  
h6 {font-size: 1.2em;}  

#header a {text-align: center;text-decoration: none;}
#header h1 {font-size: 2.8em;padding-top: 30px;}
#header .description {font-size: 1.2em;}

.post h1 {text-align: left; font: bold 1.9em Arial, Helvetica; height: 52px;}
.post h1 a:hover {text-decoration: none !important;}

.entry a:hover, .entry a:active {
text-decoration: underline;
}

.entry blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #3399CC;
display: block;
}

.entry cite {
background: url("images/iconos/quote.gif") no-repeat;
text-align: left;
font: bold 1.6em Arial;
color: #39B;
margin: 15px 30px 0 0;
padding: 0 0 0 35px;
}

.narrowcolumn .seccion {display: block; clear: both; color: #246; border-bottom: 2px solid #336699;font: bold 1.2em Arial, Helvetica; margin: 24px 0 0 0;}

.widecolumn .seccion {display: block; clear: both; color: #FFF; background: #224466; margin: 24px 0 0 0; padding: 3px 0 0 8px; border-bottom: 4px solid #369; font: bold small-caps 1.2em Arial, Helvetica;}

.pagetitle {background: url('images/skin/pagetitle.gif') no-repeat; font: bold small-caps 1.3em 'Trebuchet MS', Arial, Helvetica, Sans-Serif !important; color: #FFF !important; height: 27px; padding: 3px 0 0 20px; margin-bottom: 16px;}

.seccion_portfolio {color: #FFF; padding: 15px 0 0 15px; font: bold 1em Arial, Helvetica, Sans-Serif; text-transform: uppercase; height: 22px; background: #000 url('images/skin/gallery_top.gif') no-repeat top;}

.subrayado {margin: 18px 0 0 0; padding: 6px !important; font-size: 1em; line-height: 1.2em; color: #EEE; background: url('images/skin/subrayado.gif') no-repeat; text-align: center;}

/* Imagenes */

p img {padding: 0; max-width: 100%;}

a img {border: none;}

img.izquierda, a img.izquierda {border: 1px solid #EEE; padding: 4px; margin: 4px 10px 8px 0; float:left;}
img.izquierda_sinmarco, a img.izquierda_sinmarco {padding: 4px; margin: 4px 10px 8px 0; float:left;}

img.derecha, a img.derecha {border: 1px solid #EEE; padding: 4px; margin: 4px 0 8px 10px; float:right;}
img.derecha_sinmarco, a img.derecha_sinmarco {padding: 4px; margin: 4px 0 8px 10px; float:right;}

img.centro, a img.centro {border: 1px solid #EEE; padding: 4px; display:block;margin: 0 auto;text-align: center;}
img.centro_sinmarco, a img.centro_sinmarco {padding: 4px; display:block;margin: 0 auto;text-align: center;}

p embed {margin: 0 auto; text-align: center;}

.alignright {float: right;}
.alignleft {float: left;}

/*************** Header ***************/

#header_bg {
margin: 0;
padding: 0;
background: #192124 url("images/soozoo_textura.jpg") repeat-x top;
}

#header {
width: 728px;
padding: 0 20px 0 20px;
height: 190px;
margin: 0 auto;
}

#mainheader {height: 80px;clear: both;display: block;}

#subheader {
height: 110px;
color: #FFFFFF;
margin: 0;
padding: 0 15px 0 15px;
clear: both;
display: block;
}

#headerlogo {
float:left;
background: url("images/soozoo_logo.gif") no-repeat;
width: 290px;
height: 80px;
display: block;
}

#subheader ul {float: left; margin: 0; padding: 0; list-style: none;}

#subheader ul li {display: inline;list-style: none;padding: 0;margin: 0;}

#subheader ul li a {
display: block;
float: left;
color: #39F;
font-size: 2.2em;
margin: 6px 6px 0 0;
padding: 0;
}

/* Menu */

ul.menu {
text-align: center;
float: right;
display: block;
font: bold 1.1em Arial, Helvetica, Sans-Serif;
text-transform: uppercase;
clear: right;
margin-top: 25px;
}

.menu li {display: inline;list-style: none;padding: 0;margin: 0;}

.menu li a {
display: block;
float: left;
margin: 0 0 0 15px;
padding: 0;
overflow: hidden;
line-height: 2em !important;
}

.menu li a:link, .menu li a:visited {color: #EEE;}
.menu li a:hover, .menu li a:active {color: #FB5;}
.menu li a:hover {line-height: 2em;}
.menu li.page_item a:hover {line-height: 2em;}
.menu li.current_page_item a, .menu li.current_page_item  a:hover {}

/* Submenu */

.submenu {
font-size: 1.2em;
font-weight: bold;
display: block;
width: 702px;
height: 30px;
margin: 0 auto;
overflow: hidden;
text-align: center;
}

.submenu ul {margin:0;padding:0;}

.submenu li {display: inline;list-style: none;padding: 0;margin: 0;}

.submenu li a {
display: block;
float: left;
width: 96px;
line-height: 30px;
margin: 0 2px 0 2px;
}

.submenu li a:link, .submenu li a:visited {color: #CCC;}
.submenu li a:hover, .submenu li a:active {color: white !important; text-decoration: none !important;}

.submenu li a:hover {background: url("images/menu/submenu.gif") right no-repeat;}

.submenu li.page_item a:hover {background: url("images/menu/submenu.gif") right no-repeat;}

.submenu li.current_page_item a, .submenu li.current_page_item  a:hover {background: url("images/menu/submenu.gif") left no-repeat;color: white !important;}

/* Menu clientes */

#clientes_menu {
float: left;
width: 180px;
display: block;
}

#clientes_menu ul {
margin: 0; padding-top: 12px;
}

#clientes_menu li {
margin: 0 0 10px 0;
}

#clientes {
float:right;
width: 500px;
display: block;
}



/*************** Cuerpo ***************/

#sidebar {
float: right;
display: block;
border-width: 1px;
border-color: #666;
border-style: none solid solid solid;
background: #111;
width: 170px;
font-size: 1.2em;
padding: 10px;
}

.navigation {
font: 14px Arial, Helvetica, Sans-Serif;
margin-bottom: 14px;
}

.narrowcolumn {
float: left;
padding: 10px;
margin: 0;
width: 520px;
}

.widecolumn {
padding: 20px 24px 10px 24px;
margin: 0;
width: 720px;
}

.narrowcolumn .entry {padding: 5px 0 5px 0;}

.widecolumn .entry {margin: 0;padding: 0;}

.entry {font-size: 1.2em;}
.entry p {padding: 0 6px 0 6px;}

.widecolumn .post, .widecolumn .entry {margin: 0;padding: 0;}

.narrowcolumn .postmetadata {
  width: 520px;
  height: 40px;
  text-align: left;
  font-size: 12px;
  background: #555 url('images/skin/postmetadata.gif') no-repeat bottom;
}

.postmetadata .categorias {width: 330px; float: left; padding: 4px 0 0 15px; line-height: 16px;}

.postmetadata .comentarios {float: right; padding: 12px 10px 0 0; font-weight: bold; text-align: right;}
.postmetadata .comentarios img {float: left; padding-right: 5px;}

.comentarios a, .comentarios a:link, .comentarios a:visited {color:#FFF;text-decoration: none; float: left;}
.comentarios a, .comentarios a:hover, .comentarios a:active {color:#FFF; text-decoration: underline;}


.widecolumn .smallattachment {
text-align: center;
float: left;
width: 128px;
margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {text-align: center;margin: 5px 0px;}

.post {margin: 0; padding-bottom: 30px; text-align: justify;}

.post hr {display: block;}
.post span {font-size: 1.1em;}

.post ul {margin: 10px;}
.post ul li {list-style: square; margin: 10px 0 0 10px;}

.postmetadata {clear: left;}

#editar a {
font: bold 1.2em Arial, Helvetica, Sans-Serif;
padding: 6px;
background: #FFF;
border: 2px solid #336699;
position: fixed;
top: 20px;
right: 20px;
}

#editar a:hover {background: #3399CC; color: #FFF;}

/* CAJAS */

.caja_imagenes {
  float: left;
  position: relative;
  margin: 0 auto;
  padding: 10px 0 0 0;
  width: 300px;
  overflow: hidden;
}

.caja_texto {
  float: right;
  position: relative;
  margin: 0 auto;
  padding: 10px 0 0 0;
  width: 400px;
  overflow: hidden;
}

/* Hoja de calendario */

#calendario {
width:40px;
height:48px;
text-align: center;
float: left;
color: #fff;
background: url("images/skin/pagina_calendario.gif") no-repeat;
margin-right: 12px;
}
#calendario #mes {
color: #fff;
font: bold 12px Arial, Helvetica, Sans-Serif;
line-height: 15px;
}

#calendario #dia {
font: bold 22px Arial, Helvetica, Sans-Serif;
line-height: 22px;
color:#000000;
}

#calendario #ano {
font: 10px Arial, Helvetica, Sans-Serif;
line-height: 11px;
margin: 0;
color:#666;
}

/* Icono del autor del post */

#autor_img {
width: 64px;
height: 64px;
float: right;
margin: 0 0 0 5px;
}

/*************** Sidebar ***************/

#sidebar form {margin: 0;}

#sidebar h2 {
margin: 0;
padding: 1px;
font: bold small-caps 1.2em Arial, Helvetica, Sans-Serif;
}

#sidebar p {margin-bottom: 20px; }

#sidebar ul, #sidebar ol {
margin: 0;
padding: 0 0 16px 0;
line-height: 16px;
}

#sidebar ul li {list-style: none;}

#sidebar ol li {margin: 0 0 0 20px;}

#sidebar ol {font-weight: bold;}

span {font-weight: normal;}


/*************** Footer ***************/

#footer {
width: 700px;
clear: both;
height: 30px;
text-align: center;
margin: 0 auto;
padding: 30px 10px 0 10px;
color: #FFFFFF;
}

.footer_texto {
margin: 0 auto;
text-align: center;
}

#footer a {
color: #FFFFFF;
}

.soozoo_cc {
font: 0.8em Arial, Helvetica, Sans Serif;
color: #FFF;
float: right;
display: inline;
}

/* Fin Estructura */



/* Buscar */

#searchform {float: right; margin: 0;padding: 0;}
#searchform input {display: block; float: left; font-size: 1.2em;}
#searchform #s {
width: 101px;
height: 20px;
background: #FFF url("images/buscar/searchform_s.jpg") no-repeat !important;
background: #FFF url("images/buscar/searchform_s.jpg") no-repeat fixed;
overflow: hidden;
margin: 11px 0 0 0;
padding: 4px 12px 0 12px;
}
#searchform #searchsubmit {
width: 24px;
height: 24px;
background: #333 url("images/buscar/searchform_lupa.gif") no-repeat;
color: white;
font-size: 1.1em;
margin: 11px 5px 0 -10px;
padding: 0;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select {
width: 130px;
}


/******************** Comentarios ********************/

/* Lista de comentarios */

#commentlist {
font: 12px Arial, Helvetica, Sans-Serif;
margin: 0 auto;
padding: 10px;
width: 500px;
text-align: left;
}

.commentmetadata {float: right;}
.commentmetadata .mes {background: url("images/iconos/commentmetadata_mes.gif") no-repeat;}
.commentmetadata .hora {background: url("images/iconos/commentmetadata_hora.gif") no-repeat;}
.commentmetadata a, .commentmetadata a:hover  {float: left; text-decoration: none !important; color: #DDD !important; font: 10px Verdana; padding: 2px 16px 0 12px;}

#commentlist ol {
margin: 0 auto;
padding: 0;
text-align: left;
display: block;
clear: both;
}

#commentlist li {
list-style: none;
margin: 0;
padding-bottom: 26px;
display: block;
clear: both;
}

#commentlist .caja {
width: 455px;
display: block;
padding: 0px 30px 0px 15px;
background: #333 url("images/skin/comencaja.gif") repeat-y top;
}

#commentlist .autor {
float: left;
display: block;
width: 60px;
height: 70px;
margin: 0;
font-weight: bold;
}

#commentlist .autor .nombre {
width: 80px;
height: 30px;
overflow: hidden;
display: block;
}

#commentlist .autor img {
border: 1px solid #666;
display: block;
width: 48px;
height: 48px;
margin-bottom: 2px;
}

#commentlist .texto {
float: right;
display: block;
width: 355px;
}

#commentlist .texto p {margin: 0; padding: 10px 0 10px 0; width: 350px; overflow: hidden;}

#commentlist .texto blockquote p {color: #999; border-left: 3px solid #999; display: block; padding-left: 12px; width: 320px;}

#commentlist .caja_arriba, #commentlist .caja_abajo {
font-size: 1px;
float: right;
width: 500px;
display: block;
}

#commentlist .caja_arriba {background: #333 url("images/skin/comencaja_esquinas.gif") no-repeat top; height: 28px;}
#commentlist .caja_abajo {background: #333 url("images/skin/comencaja_esquinas.gif") no-repeat bottom; height: 28px;}

/* Formulario de comentarios */

#commentform {width: 475px; border: 1px solid #999; padding: 10px; margin: 0 auto; margin-top: 15px;}
#commentform p {margin: 6px 0; padding: 0; font: 12px Arial, Helvetica, Sans-Serif; color: #FFF;}
#commentform input {margin-right: 6px; font: 12px Arial, Helvetica, Sans-Serif !important; border: 1px solid #666; padding: 2px;}
#commentform textarea {font: 12px Arial, Helvetica, Sans-Serif !important; width: 360px; padding: 5px;}
#commentform #submit {margin-top: 5px; background: #111; color: #FFF; font-weight: bold; padding: 2px;}

/* Formulario de contacto */

.wpcf7-form {width: 400px; height: 240px;}
.wpcf7-form p {font: 14px Arial, Helvetica, Sans-Serif; color: #FFF;  text-align: left; padding: 0;}
.wpcf7-form select {width: 300px; border: 1px solid #999;}
.wpcf7-form input {margin-right: 6px; border: 1px solid #BBB; padding: 2px;}
.wpcf7-form textarea {font: 14px Arial, Helvetica, Sans-Serif; border: 1px solid #BBB; width: 300px; height: 100px; padding: 5px;}

/* PAGINATION */
/*Digg*/
div.pagination {
text-align:center;
padding: 5px 0 10px 0;
}
div.pagination a {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #A00000;
text-decoration: none; /* no underline */
color: #336699;
}
div.pagination a:hover, div.pagination a:active {
border: 1px solid #336699;
color: #FFF;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #336699;
font-weight: bold;
background-color: #336699;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;
color: #DDD;
}