/*  _______________________________ Scrap-Sketches Based on Scandinavia v1.0_______________________________
	
	redesign by aleKSandro | http://www.blocdeesbozos.es
	original by Michael Heilemann | http://binarybonsai.com


Una sola hoja de estilos, dividida por apartados:
     +Reseteo del CSS del navegador.
     +Estilos b�sicos del HTML.
     +Modelo de cajas (divs) y sus colores, bordes...
        -Cabecera.
        -Lateral Izquierdo.
        -Cuerpo Central.
        -Lateral Derecho.
        -Pie.
     +Formularios.
     +anexos...
*/
/*********************************/
/* Reseteo del CSS del navegador */
/*********************************/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
     border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;
     margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
body {background: white;color: black;line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before,blockquote:after,q:before, q:after {content: ""; content:none;}
blockquote, q {	quotes: "" "";}

/*************************/
/* Estilos basicos HTML */
/************************/

@font-face {
  font-family: "gotica";
  src: url(Gothic.TTF) format("truetype");
}

body{
	 background: #963 url('images/bg.jpg') repeat-y center top;
	 color: black;
	 font-family:Trebuchet MS, Helvetica, Arial, Century Gothic, Futura Ltd, Futura, "gotica",  sans-serif;
	 font-size: 12pt;
}

a{color: #990000;text-decoration: none;}
a img { border: none; }
a:visited{color: #663333;font-weight: normal;}
a:hover{color: #990000; text-decoration: none;}
a:focus{outline:none;}

acronym, abbr { border-bottom: 1px dashed #333; }
acronym, abbr, span.caps{cursor: help; font-size: 90%;letter-spacing: .07em;}

blockquote{
	 background: url('images/blockquote.gif') no-repeat top left;
	 background-color:rgb(245, 245, 245);
	 border:1px #CCC dashed;
 	 font: italic 100%/130% Georgia, 'Times New Roman', Serif;
	 margin: 5px 5px 20px;
	 padding: 10px 10px 20px 60px;
	 text-align:justify;
}
strong{font-weight:bold;}

cite, cite a { font-style:italic; font-size:95%; }

h1, h2, h3, h4, h5, h6{color:#663333;margin:5px 0px 5px 0px;}

h1{font-size:3em;}
h3{font-size:1.5em;}
h4{font-size:0.8em;}
h5{font-size:0.5em;}

h2{
	 color: #666;
	 font-size:2.3em;
	 padding: 10px 0;
	 text-align: right;
	 text-shadow: 0 1px 2px silver;
}

h3, h3 a{
	 color: #222;
	 font-size:1.5em;
	 text-decoration: none;
	 text-shadow: 0 2px 3px silver;
}

/*h6 es usado en las Entradas Relacionadas */
h6{ color:#600; font-size:1.1em; margin-top:30px; text-decoration:underline; text-shadow:0 2px 3px silver; }

ul{  list-style-type: none; }

hr{clear:right;color:#600;float:left;margin-top:5px;width:319px;}


/*************************/
/*     Clases e Ids     */
/************************/
#container {
         margin: 0 auto;
         margin-top:0px;
         width: 1024px;
}
#rap{
	 height: 87px;
	 padding: 0;
	 margin: auto;
	 width: 645px;
}

html>#content { width: 380px; }

li, .feedback, .meta { }

.credit{clear: both; display: none; text-align: center;}

.feedback{color: #aaa;text-align: left;}

.meta { font-weight: bold; }

.meta, .meta a{
	 color: #888;
	 font-size:0.7em;
	 font-weight: normal;
	 letter-spacing: 0;
	 margin: 2px 0 0;
	 padding: 0;
}

.meta ul{
	 display: inline;
	 margin: 0;
	 padding: 0;
	 list-style: none;
}

.meta li { display: inline; }
.storytitle { margin: 0; }
.storytitle a { text-decoration: none; }

.aligncenter{text-align:center !important; margin:auto !important;}
.alignleft{display:inline;float:left; margin: 10px 10px 0px 0px;}
.alignright{display:inline;float:right; margin: 10px 10px 8px 0px;}
.alignjustify{text-align:justify;}

.limpiador{clear:both;}


	/* ======== Cabecera ====== */
	#header{
		 background: transparent url('images/pagebg.png') no-repeat top center;
		 letter-spacing: 0.05em;
		 min-height:120px;	
		 height:120px;
		 padding: 10px 0 3px 10px;
		 text-align: left;
		 text-transform: lowercase;	
		 width:1000px;
	}
	#header a{
		 color: #666;
		 font-size: 1.2em;
		 text-decoration: none;
	}
	#header a:hover{text-decoration: underline; border: 0;}
	
	.description {
		 color: #CCC;
		 font-size: 0.9em;
		 font-style:italic;
	 	 font-weight:normal;
		 margin-top:55px;
		 padding: 0px 30px 0 0px;
		 text-align:right;
	}
	
	#menu{
		 color: #666;
		 margin: 0 0 0 480px;
		 padding: 0 0 10px 0;
	}
	#menu form { margin: 0 0 0 13px; }
	#menu input{
		 background: #eee;
		 border: 1px solid #999;
		 letter-spacing: -0.05em;
		 width: 80%;
	}
	#menu ul{
		 color: black;
		 font-weight: bold;
		 list-style-type: none;
		 margin: 0;
		 padding-left: 3px;
		 text-transform: lowercase;
	}
	#menu ul li{
		 color: #333;
		 font-size: 0.9em;
		 font-weight:bold;
		 letter-spacing: 0.05em;
		 margin-top: 10px;
		 padding-bottom: 5px;
	}
	#menu ul ul{
		 font-variant: normal;
		 font-weight: normal;
		 line-height: 100%;
		 list-style-type: none;
		 margin: 0;
		 padding: 5px 0 0 0; 
		 text-align: left;
	}
	#menu ul ul li{
		 border: 0;
		 font-size:0.8em;
		 letter-spacing: 0;
		 margin-top: 0;
		 padding: 0 0 3px 8px;
	}
	
	#menu ul ul li a{color: #666; text-decoration: none;}
	
	#menu ul ul li a:hover { text-decoration: underline; }
	
	ul.menu {
	      float: right;
	      display:inline;
	      list-style-type: none;
	      margin: 0 auto;
	      padding: 0 0 0 0;
	      text-align:right;
	      vertical-align:bottom
	}
	ul.menu:first-child{padding-right:30px;}
	
	ul.menu li { display:inline;vertical-align:top; }
	ul.menu li img{display:inline;float:right;}
	ul.menu li a {
	     color: #fff;
	     display: inline;
	     float: right;
	     height: 32px;
	     /*line-height: 24px;*/
	     padding: 0 0 0 0;
	}
	ul.menu li a:hover, ul.menu li a:active {
	     color: #FFFFFF;
	     font-size:1.5em;
	     text-decoration: none;
	}
	
	   .megabanner_coguan{
	        text-align:center;
		margin:auto;
		margin-bottom:10px;
	   }
		
	/* ======== Cuerpo ======= */
	
	#content{
		float: left;
		margin: 0;
		padding: 0 0 0 60px;
		width: 700px;
	       /* Que te jodan, IE! */
		voice-family: "\"}\"";
		voice-family: inherit;
        }
	
	#nav{font-size:0.7em;font-family:Georgia, serif;}
	.nav_prev{margin-right:5px;}
	.nav_next{margin-left:5px;}
	
	.post{ font-size: 13pt; line-height:1.5em;text-align:left;}
	.post p{color:#333;font-size:0.9em;font-weight:lighter; margin: 10px 0 0 0; text-align: left;}
	.post a{display:inline; }
	.post a:hover{background-color:#990000; color:#FFF;display:inline; }
	.post h2{text-align:left;font-size:1.5em;margin-bottom:0;}
	.post h2 a{
                 color:#900;
		 font-family:Georgia, serif;
		 font-size:1.3em;
		 font-variant:normal;
		 text-align:left;
		 text-decoration:none;
	}
	.post h2 a:hover{ background-color:transparent; color:#900;font-style:normal;text-decoration: none;}
	
	.post small{
	        border-bottom:1px #600 solid;
	        font-family:Georgia, serif;
		font-size:0.7em;
		margin-bottom:10px;
		text-align:left;
		 
	}
	
	#content>.post{padding-top:13px;}
	#nav + .post{padding-top:0px;}

	.post img{
		 background: white;
		 border: 2px solid #999;
		 /*margin: 5px 0 20px;*/
		 padding: 4px;
	}
	
	#content ul li{
		 list-style-image: url('images/bullet-arrow.gif');
		 padding: 0 0 5px 3px;
	}
	
	.tipogc { margin:auto; text-align:center;}
	.tipogc img{ display:inline;float:left; text-align:left;}
	
	.galeria_imgs{text-align:center;}
	.galeria_imgs a {display:inline;}
	
	.cv{margin:auto; text-align:center; width:610px;}
	.cv h3{font-family:Georgia, serif; text-align:left;}
	.cv table{font-size:0.8em; margin-bottom:80px; text-align:left; width:600px;}
	.cv td{width:300px;}
	.cv h4{background-color:#600;color:#FFF; font-family:Georgia, serif; font-size:1.2em; padding-left:5px;}
	
	.clientes{font-size:0.9em;text-align:left;}
	.clientes ul{margin-left:20px;}
	.clientes ul ul{margin-left:50px;}
        
        .ficha_web{border-bottom:1px dotted #666; clear:both; min-height:240px; margin-bottom:15px;}
	
	/*Comentarios */
	   h3.comments {border-top: 1px dotted #999; padding: 10px 10px 0 0px; margin: 40px 0px 25px 0px;}
	   h4.comments {font-size:1.3em; padding: 10px 10px 0 0px; margin: 40px 0px 25px 0px;text-shadow:0 2px 3px silver;}
	  
	   #commentlist{ text-align: justify;}
	   #commentlist li { border-top: 1px dotted #ccc; margin-bottom:15px;}
	   
	   .commentlist li cite {font-weight: bold;}
	   .commentmetadata {border-bottom:1px #600 solid; font-size:0.7em;}
	   
	   .commentlist p {font-weight: normal; line-height: 130%;text-transform: none;}
	   #commentform p {margin: 0 0 10px 0; vertical-align:top;}
	  
	   #commentform input, #commentform textarea{background: #fff; border: 1px solid #333;}	
	   #commentform input {width: 60%;}
	   #commentform textarea { margin-right: 5px; width: 60%; }
	   #commentform #submit { margin-right: 238px; float: right; width:20%;}
	   #commentform small{ color:#600; font-size:0.8em;}
	   .commenttext{
	        background-color:#FFF;
		border:1px #999 dashed;
	        /* CSS3 standard */  
	        opacity:0.6;  
		padding:15px;
	  }
	   
	   .commenttext p{
	        color:#000;
	        opacity:1.4;
	   }
	   
	
	/* ===== Men� derecho ==== */
	#sidebar {
	        border-left:1px dotted #999;
		clear:right;
		float:left;
		margin-left:10px;
		padding-right:20px;
		padding-left:15px;
		text-align:right;
		width:200px;
	}
	.sidebar1 { margin: 0px; padding-bottom:20px;   }
	.sidebar1 h2 { font-family:Georgia, serif; font-size:1.3em; color:#990000;text-decoration:underline; }
	.sidebar1 input{width:70%;}
	#searchsubmit{width:60px;}
	.hidden{display:block;font-family:Georgia, serif; font-size:1.3em; line-height:1.5em; color:#990000;text-align:right;text-decoration:underline;}
	
	#sidebar img { display: block; padding:0; margin:0; border: none; }
	/*#sidebar img a, #advert img a:link, #advert img a:hover { border:none; }*/
	
	#sidebar ul{font-size:0.8em;}
	#sidebar ul li{list-style-image: url('images/bullet-arrow.gif');margin-left:50px;text-align:left;}
	

	
	.coguan_lateral{text-align:center;margin:auto; margin-top:50px;}
	
	.alejandro{
	    /*background-image:url("http://www.blocdeesbozos.es/blog/wp-content/themes/porfolio/iconos/RSS/48x48.png");
	    background-repeat:no-repeat;*/
	    float:right;
	    height:64px;
	    width:64px;
	}
	.alejandro2{
	    /*background-image:url("http://www.blocdeesbozos.es/blog/wp-content/themes/porfolio/iconos/RSS/48x48.png");
	    background-repeat:no-repeat;*/
	    clear:left;
	    float:right;
	    height:64px;
	    width:64px;
	}
	
	.alejandro:active, .alejandro:after, .alejandro:before,
	.alejandro:focus, .alejandro:hover,
	.alejandro:link, .alejandro:visited{
	    list-style:none;
	}
	
	.redes{float:right;color:#FF00FF}
	
	
	
	
	/* ====== Pie y copy ===== */
	/*Pie*/
	#footer { height: 57px; clear: both; font-size: 85%; padding: 0px; margin: 0px; }
	#footer p { color: #666; margin-left: 10px; padding-top: 5px; text-align: center; }
	#footer a, #footer a:link { color: #5a473f; text-decoration: none; }
	#footer a:hover { color: #5a473f; }

/*********************/
/*       Tags       */
/********************/

.st-related-posts{
      font-size:0.8em;
      line-height:1em;
      margin:5px 0 0 10px;
}


div>h2+div{font-size:1.2em;text-align:center;}


/*************************/
/*      Formularios     */
/************************/
.contactform input{ width:60%;}

/*************************/
/*      Calendario      */
/************************/

#wp-calendar{empty-cells: show; font-size: 12px; margin: 0; width: 140px;}
#wp-calendar #next a{padding-right: 10px; text-align: right;}
#wp-calendar #prev a{padding-left: 10px; text-align: left;}
#wp-calendar a{display: block;	text-decoration: none;}
#wp-calendar a:hover{background: #e0e6e0; color: #333;}
#wp-calendar caption{ color: black; font: bold normal 12pt/20pt 'Lucida Grande';text-align: left;}
#wp-calendar td{color: #555; font: normal 8px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; letter-spacing: normal; padding: 2px 0; text-align: center;}
#wp-calendar td.pad:hover { background: #fff; }
#wp-calendar td:hover,
#wp-calendar #today{background: #ddd; color: black;}
#wp-calendar th{ font-style: normal; text-transform: capitalize;}

/*************************/
/*       Extra�os       */
/************************/

a[href*="mailto:"]{padding-right: 15px; background: url('images/link-mail.gif') right center no-repeat;}
#commentlist a[href*="http"], .storycontent a[href*="http"]{padding-right: 12px; background: url('images/link-out.gif') right top no-repeat;}
a[href*=".zip"]{padding-right: 13px; background: url('images/link-zip.gif') right center no-repeat;}
a[href*=".pdf"]{ padding-right: 13px; background: url('images/link-pdf.gif') right center no-repeat;}
a[href*=".doc"]{padding-right: 13px; background: url('images/link-doc.gif') right center no-repeat;}
#commentlist a[href*="http"], .storycontent a[href*="http"]{ padding-right: 12px; background: url('images/link-out.gif') right bottom no-repeat;}
#commentlist a[href*="localhost"], .storycontent a[href*="localhost"]{ padding-right: 2px; background: url(none);}
#menu a[href*="http"]{padding-left: 16px; background: url('images/link-out.gif') left top no-repeat;}
#menu a[href*="localhost"]{padding-left: 16px; background: url('images/link-in.gif') left top no-repeat;}