/*
THEME NAME: Contra el Dolor
THEME URI: http://www.contraeldolor.com
DESCRIPTION: Diseño de Contra El Dolor.
VERSION: 1.0
AUTHOR: Antonio Bustamante
AUTHOR URI: http://www.antoniobustamante.es/  
*/

* { padding: 0; margin: 0; }

a img { border:0pt; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url(images/bg.png);
 background-repeat: repeat-y;
 background-position: center;
 background-color: #e2e2e2;

}
#wrapper {
 margin: 0px auto;
 background-color:#FFFFFF;
 width: 990px;
}
#header {
 width: 990px;
 float: left;
 height: 150px;
 margin: 0px 0px 0px 0px;
 background-image: url(images/header.jpg);
 background-repeat:no-repeat;
 position:relative;

}
#linkinicio { left:35px; bottom:44px; width:360px; height:60px;  }
#header a {
  display: block;
  height: 60px;
  width: 360px;
  position:absolute;
  bottom: 44px;
  left:35px;
  text-decoration:none;
  
}
#header a span {
  visibility: hidden; }
#navegacion {
 float: left;
 width: 990px;
 margin: 0px 0px 5px 0px;
}
#leftcolumn { 
 color: #333;
 margin: 0px 5px 5px 0px;
 width: 188px;
 float: left;
}
#leftcolumn2 { 
 color: #333;
 margin: 0px 5px 5px 0px;
 width: 188px;
 float: right;
}
#content { 
 float: left;
 margin: 0px 5px 5px 0px;
 width: 597px;
 display: inline;
}
#content2 { 
 float: left;
 margin: 0px 5px 5px 0px;
 width: 597px;
 display: inline;
}
.link{
 clear:both;	
 width: 150px;
 margin-bottom:2px;
 height:60px;
}
.link2{
 clear:both;	
 width: 150px;
 margin-bottom:2px;
 height:25px;
}
.iconolink{
 width: 50px;
 float:left;
}
.textolink{
 width: 95px;
 float:right;
 position:relative;
}
.textolink2{
 position:relative;
}
.textolink2 p{  }
.textolinkinterior {
position:absolute; top:50%;
}
.welcome {
 margin: 0 auto;	
 background-color: #FFF;
 border: solid;
 border-color: #999;
 width:560px;
 height:100px;
 margin-top:15px;
}
#rightcolumn { 
 border-left: 1px solid #e0dfe0;
 margin: 0px 0px 5px 0px;
 width: 194px;
 float: right;
}
#footer { 
 width: 990px;
 height: 80px;
 clear: both;
 background-image: url(images/footer.jpg);
 background-repeat: repeat-y;
 background-position: center;
 position:relative;
}

#footer p { bottom:10px; left:10px; color: #e9edf1; font-size: 9px; position:absolute;}
#footer p a { text-decoration:underline; color: #e9edf1; }
#footer p a:hover {text-decoration:none; color: #e9edf1; }

#busqueda {
 width:300px;
 height:35px;
 background-image:url(img/busqueda.png);
 position:absolute;
 bottom:0px;
 right:30px;

}

/* ARTICULO ESTANDAR */

.post {
width: 585px;
margin-top:10px;
margin-left:5px;
}
.post2 {
width: 585px;
margin-top:10px;
margin-left:5px;
}

.posthead {
 width: 585px;
 height:auto;
 }

.posthead h1 {
	font: 20px "Arial", Verdana, sans-serif;
	color: #14708e;
        font-weight: bold; 
	letter-spacing: 0px;
	margin-top:0;}



.posthead h1 a { text-decoration: none; color: #53a0c0; }
.posthead h1 a:hover { color: #ff8c00; }

.storytitle h3 {
	font: 24px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #14708e;
	letter-spacing: 0px;
	margin-top:0;}



.storytitle a { text-decoration: none; color: #53a0c0; }
.storytitle h1 a:hover { color: #ff8c00; }
.postcattimex {
	font: 9px "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #868686;
	line-height: 9px;
	margin-left:3px;
}

.postcattimex a { text-decoration: none; color: #636161; }
.postcattimex a:hover { color: #3b77f0; }

.postcontent { font-size: 12px; line-height: 17px;}
.postcontent p { font-size: 12px; line-height: 17px; padding-top: 0.5em;}
.postcontent p strong {}
.postcontent img { border: none; max-width: 510px; width: expression(this.width > 510 ? 510: true); }
.postcontent ul { padding: 10px 0px; margin: 0px; }
.postcontent li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/postcontentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }
.postcontent blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.postcontent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.postcontent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/postcontentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }
.postcontent blockquote a { color:#0080ca; }
.postcontent blockquote a:visited { color:#0080ca; }
.postcontent blockquote a:hover { color:#003399; }
.postcontent blockquote pre { overflow: auto; }
.postcontent blockquote pre code { overflow: auto; }
.postcontent a { text-decoration: underline; color: #225088;}
.postcontent a:hover { color: #e1990f; }
.postcontent h2 { font: 14px "Trebuchet MS", Verdana, Arial, sans-serif; font-weight: bold; color: #167300; padding-top:0.5em; }




.postbottom {
 font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
 height: 26px;
 margin-top: 5px;
 margin-bottom: 20px;
 padding-left: 3px;
 background: #e8ebec;
 clear:both;
 }

.postnextprevious {
 font: 9px "Trebuchet MS", Verdana, Arial, sans-serif;
 min-height: 17px;
 margin-top: 0.5em;
 width: 590px;
 padding-top: 1px;
 padding-left: 1px;
 background: #e8ebec;
 }
  
.postnextprevious ul { padding: 0px; margin: 0px; float: left;}
.postnextprevious li { padding: 1px 1px 2px 1px; margin: 0px 0px 0px 0px; list-style-type: none; display: inline; font-size: 11px; font-weight: bold; }
.previous { float: left; }
.next { float: right; }
.postnextprevious li a { text-decoration: underline; color:#404040 } 
.postnextprevious li a:hover { text-decoration: underline; color:#000000 } 
.postbottom ul { padding: 0px; margin: 0px;}
.postbottom li { padding: 6px 2px 5px 18px; margin: 0px 10px 0px 0px; list-style-type: none; float: left; display: inline; font-size: 11px; font-weight: bold; } 
.postbottom li a { text-decoration: underline; color:#404040 } 
.postbottom li a:hover { text-decoration: underline; color:#000000 } 
.posttime { background-image: url(images/icons/date.png); background-repeat: no-repeat; background-position: left center; padding-top}
.postcomments { background-image: url(images/icons/comments.png); background-repeat: no-repeat; background-position: left center; }
.postcategory { background-image: url(images/icons/folder.png); background-repeat: no-repeat; background-position: left center; }
.postmasinfo { background-image: url(images/icons/book_open.png); background-repeat: no-repeat; background-position: left center; }

.postrelacionados {
 font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
 width: 671px;
 border-top: 3px solid #ff6600;
 padding-top: 3px;
 padding-left: 4px;
 background: #e8ebec;
 background-image: url(images/articulosrelacionados.gif);
 background-position: top right;
 background-repeat: no-repeat;
 min-height: 68px;
 }
.postrelacionados a { text-decoration: none; color:#4c4c4c }

.postrelacionados a:hover { text-decoration: underline; color:#4c80be }

.postrelacionados h3 {
 font: bold 11px "Trebuchet MS", Verdana, Arial, sans-serif;
 font-color: #717171 ;
 }
.postrelacionados ul { padding: 0px; margin: 0px;}
.articulosrelacionados { padding: 2px 2px 2px 4px; list-style-type: none; font-size: 11px; line-height: 15px; color:#4c4c4c; }

/* LINKS */

 
        h2 {
            margin: 0;
        }
 
        .drawers-wrapper {
            margin-bottom:20px;
            width: 188px;
			position:relative;
            
        }
 
        .drawer {
            background:transparent url(images/sideboxlight_bg20070611.gif) repeat-y scroll 0pt;
            color:#FFF;
            font-size:11px;
            line-height:1.3em;
        }
 
        .boxcap {
            height:5px;
            left:0pt;
            position:absolute;
            width:100%;
            z-index:100;
            margin-top:-5px;
        }
 
        .captop {
            bottom:auto;
            top:0pt;
            margin-top:0;
        }
 
        .drawers {
            color:#76797C;
            font-size:11px;
            line-height: 18px;
        }
 
        .drawers A {
            color:#666666;
            text-decoration:none;
            font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
            font-size-adjust:none;
            font-style:normal;
            font-variant:normal;
            font-weight:normal;
        }

         .drawers A:hover {
            color:#000000;
            text-decoration:none;
        }

        .drawer li {
            border-bottom:1px solid #E5E5E5;
            line-height:16px;
            padding:6px 0pt;
        }
 
        UL {
            list-style: none;
            padding: 0;
        }
 
        UL.drawers {
            margin: 0;
        }
 
        .drawer-handle {
            background:#000 url(images/slider_handlebg188.png) no-repeat scroll 0pt;
            color:#333333;
            cursor:default;
            font-size:12px;
            font-weight:normal;
            height:30px;
            line-height:25px;
            margin-bottom:0pt;
            text-indent:15px;
            width:100%;
        }

        .drawer-handle2 {
            background:#000 url(images/slider_handlebg1889.png) no-repeat scroll 0pt;
            color:#333333;
            cursor:default;
            font-size:12px;
            font-weight:normal;
            height:30px;
            line-height:25px;
            margin-bottom:0pt;
            text-indent:15px;
            width:100%;
        }
        .drawer-handle2.open {
            background-color:#72839D;
            background-position: -188px 0pt;
            color:#FFFFFF;
        }
        .drawer-handle3 {
            background:#000 url(images/tiposdetratamiento.png) no-repeat scroll 0pt;
            color:#333333;
            cursor:default;
            font-size:12px;
            font-weight:normal;
            height:30px;
            line-height:25px;
            margin-bottom:0pt;
            text-indent:15px;
            width:100%;
        }
        .drawer-handle3.open {
            background-color:#72839D;
            background-position: -188px 0pt;
            color:#FFFFFF;
        }
        .drawer-handle4 {
            background:#000 url(images/enlacesdeinteres.png) no-repeat scroll 0pt;
            color:#333333;
            cursor:default;
            font-size:12px;
            font-weight:normal;
            height:30px;
            line-height:25px;
            margin-bottom:0pt;
            text-indent:15px;
            width:100%;
        }
        .drawer-handle4.open {
            background-color:#72839D;
            background-position: -188px 0pt;
            color:#FFFFFF;
        }
        .drawer-handle.open {
            background-color:#72839D;
            background-position: -188px 0pt;
            color:#FFFFFF;
        }
 
        .drawer UL {
            padding-left:12px;
        }
 
        .drawer-content UL {
            padding-top: 7px;
        }
 
        .drawer-content LI A {
            display:block;
            overflow:hidden;
        }
 
        .alldownloads li {
            border:0pt none;
            line-height:18px;
            margin-bottom:10px;
			padding:0pt;
        }


/* ----------- NAVIGATION----------- */
#top-navigation{
	background:url(img/topnav-bg.gif) repeat-x;
	width:auto;
	height:48px;
	margin:0 auto;
}
#navigation{
	background:url(img/nav-bg.gif) repeat-x; 
	height:32px; 
	margin:0 auto;
	width:auto; 
	}
	#navigation .right_link{
		float:right;
		font-size:11px;
		line-height:32px;
		margin:0 10px;
	}
	#navigation .right_link2{
		float:right;
		line-height:32px;
		margin:0 10px;
	}
	#navigation ul{
	 height:32px;
	 line-height:32px;	
	}
	#navigation ul li{
		display:inline;
	}
	#navigation ul li a,
	#navigation ul li a:visited {
		background:url(img/line-a.gif) right no-repeat;
		padding:0 20px;
		display:block;
		text-decoration:none;
		float:left;
		color:#000000;
		font-weight:bold;
	}
	#navigation ul li a:hover{
		color:#FFFFFF;
		background:#A5A5A5;
	}	
/* ----------- SUBLINKS ----------- */
#sublinks{
	width:auto;
	margin:0 auto;
	background:#6390aa url(/img/sublink.gif);
	height:30px;
	font-size:11px;
}	
	#sublinks ul{
	 height:32px;
	 line-height:31px;	
	}
	#sublinks ul li{
		display:inline;
	}
	#sublinks ul li a,
	#sublinks ul li a:visited {
		padding:0 20px;
		display:block;
		text-decoration:none;
		float:left;
		color:#FFFFFF;
	}
	#sublinks ul li a:hover{
		text-decoration:underline;
	}	


/* ----------- SIDEBAR ----------- */
.mensaje { width:188px; margin-bottom:15px; text-align:center; margin-top:-15px; }
#quienesquien { width:100%;  background-image: url(images/quienesquien.gif);
 background-repeat: no-repeat;
 background-position: top; padding-top: 30px;}
.fotoquien { height: 150px; margin-left:auto; margin-right:auto; }
.textoquien { margin-top: 3px; width:90%; margin-left:auto; margin-right:auto; margin-bottom:5px;}
.textoquien p { 
	font: 10px "Arial", Verdana, sans-serif;
        font-style: italic; 
	letter-spacing: 0px; }

.ultimosarticulos { width:100%;  background-image: url(images/ultimosarticulos.gif);
 background-repeat: no-repeat;
 background-position: top; padding-top: 30px; margin-top: 7px; clear:both;}
.ultimoscomentarios { width:100%;  background-image: url(images/ultimoscomentarios.gif);
 background-repeat: no-repeat;
 background-position: top; padding-top: 30px;}

.ultimosarticulos li { display: block; padding-left: 4px; list-style-type: none; font: 11px "Trebuchet MS", Verdana, Arial, sans-serif; }
.ultimosarticulos li a { font-weight: normal; text-decoration: none; color: #404040 ; }
.ultimosarticulos li a:hover { color: #000000; }

img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered {
text-align:center;
margin:0 auto;
}

/* COMENTARIOS */

.comentariosdelpost {
 margin-left: 8px; 
 margin-right: 8px;
 margin-top: 0.5em;
 padding-top: 3px;
 padding-left: 3px;
}

.comentariosdelpost h3 { font: bold 14px "Trebuchet MS", Verdana, Arial, sans-serif; color: #929292}

.comentariosdelpost h3 a { text-decoration: underline; color: #929292; }
.comentariosdelpost h3 a:hover { color: #095a75;}


.cuadroavatar { width: 80px; height: 80px; border: 2px solid #898c8d; float: left;}
.barravatar { width: 52px; height: 80px; background-image: url(images/bocata.gif); background-repeat: no-repeat; float: left; }
.barradmin { width: 52px; height: 80px; background-image: url(images/bocata_admin.gif); background-repeat: no-repeat; float: left; }
.comentarioavatar { width: 584px; float: right; background-color: #e8ebec; }
.comentario { width: 575px; margin-top: 10px; margin-left: 8px; margin-right: 8px; margin-bottom: 10px; min-height: 40px; }
.comentario p a { overflow: auto; }
.autoriadecomentario { float: right; padding-bottom: 5px; font: italic 10px "Arial", sans-serif; }

.autoriadecomentario a { text-decoration: underline; color:#6ab0f4; font-style: normal; }
 
.quienwrapper{ width:80%; margin-left:auto; margin-right: auto; clear:both; margin-top:5px;}
.quienfotobis{ float:left; width:50px; }
.quientextobis { float:right;  display: inline; width: 100px; margin-top:auto; margin-bottom:auto;}
.quientextobis p { 
	font: 10px "Arial", Verdana, sans-serif;
        font-style: italic; 
	letter-spacing: 0px;
        margin-top:20px;}
.quientextobis a { color:#000000; text-decoration: none; }
.quientextobis a:hover { text-decoration: underline; }

.quienfotobis img {
	max-width: 50px;
	/* Alterar tamano de imagen para IE6 */
	width: expression(this.width > 50 ? 50: true);
}


.quienmas { float:right; clear:both; font: 10px "Arial", Verdana, sans-serif;
	letter-spacing: 0px;
        margin-top: 10px; margin-bottom: 10px; margin-right:5px;}

.quienmas a { text-decoration: none; color:#000000; font-style: normal; }
.quienmas a:hover { text-decoration: underline; }

fieldset.search {
	border: none;
	width: 287px;
	margin: 0 auto;
        margin-top:6px;
	background: #edf6ff;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #000;
	font-size: 1em;
        line-height:26px;
	width: 204px;
	height: 22px;
	padding: 0px 5px 0;
        padding-top:4px;
	background: #616161 url(search_bg.gif) no-repeat left top;
	margin-right: 5px;
}
.search input.box:focus {
	background: #616161 url(search_bg.gif) no-repeat left -26px;
	outline: none;
}
.search button.btn {
	width: 68px;
	height: 26px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fbc900 url(search_bg.gif) no-repeat top right;	
}
.search button.btn:hover {
	background: #fbc900 url(search_bg.gif) no-repeat bottom right;	
}