/*
Theme Name: Obesidad
Theme URI: http://www.obesidadylaparoscopia.com/
Description: Diseño para el sitio web del Dr. Héctor René Hazbón
Author: Felipe Silva Herrán
Version: 1.0
Tags: blue, white, two-columns, fixed-width, threaded-comments
*/

/* RESET */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: '';content: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a img { border: none; }

/* PRINCIPALES */

body {font-size:13px; line-height:18px;background:url(images/fondo.jpg) repeat-x;font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;}
a {color:#133688;}
a:hover, a:active {color:#000000;text-decoration:none;}

/* CONTENEDORES*/

#contenedor {margin:0 auto;width:1000px; padding:10px 0 0 0;}

/* Cabezote*/

#cabezote {width:1000px; height:100px;}
.logo {float:left;width:260px; height:100px;}
.logo a { display:block;width:260px; height:100px; background:url(images/logo.jpg) no-repeat;}
.logo a span{ display:none;}
.home .navegacion {float:left;background:url(images/home_nav.jpg) no-repeat; width:750px; height:28px;padding:12px 0 0 250px;}
.navegacion {float:left;background:url(images/int_nav.jpg) no-repeat; width:710px; height:28px;padding:12px 0 0 30px;}
.navegacion li{float:left; padding:0 14px 4px 10px; text-transform:uppercase; font-size:0.8em; background:url(images/menu-separador.gif) no-repeat right;}
.navegacion li.ultimo{padding:0 0 4px 10px;background:none;}
.navegacion li a{ text-decoration:none; color:#133587;}
.navegacion li a:hover{ text-decoration: underline; color:#000;}
.banner{width:740px; height:100px; float:left;}
.menu7 a{ display:block; width:14px; height:14px; background:url(images/ico-rss.gif) no-repeat;}
.menu7 span{ display:none;}

/* Títulos*/

#cabezote .titulo{height:55px; width:740px;vertical-align:bottom; float:left;}
#cabezote .titulo p{padding:16px 0 0 15px; height:20px;font-size:0.7em;text-transform:uppercase;}
#cabezote .titulo h1{font-size:1.6em; line-height:0.2em;margin:0 0 0 15px;padding:0;font-weight:normal; text-transform:uppercase;}
#cabezote .titulo a{text-decoration:none;}
#cabezote .titulo a:hover{text-decoration: underline;}

#navegacion_unidad {background:url(images/tit_unidad.jpg) no-repeat;}
#navegacion_servicios {background:url(images/tit_servicios.jpg) no-repeat;}
#navegacion_servicios_laparoscopia {background:url(images/tit_servicios_laparoscopia.jpg) no-repeat;}
#navegacion_servicios_obesidad {background:url(images/tit_servicios_obesidad.jpg) no-repeat;}
#navegacion_servicios_adherencias {background:url(images/tit_servicios_adherencias.jpg) no-repeat;}
#navegacion_servicios_apendicectomia {background:url(images/tit_servicios_apendicectomia.jpg) no-repeat;}
#navegacion_servicios_sudoracion {background:url(images/tit_servicios_sudoracion.jpg) no-repeat;}
#navegacion_servicios_reflujo {background:url(images/tit_servicios_reflujo.jpg) no-repeat;}
#navegacion_servicios_reseccion {background:url(images/tit_servicios_reseccion.jpg) no-repeat;}
#navegacion_servicios_hernia {background:url(images/tit_servicios_hernia.jpg) no-repeat;}
#navegacion_servicios_colecistectomia {background:url(images/tit_servicios_colecistectomia.jpg) no-repeat;}
#navegacion_servicios_pelvis {background:url(images/tit_servicios_pelvis.jpg) no-repeat;}
#navegacion_contactenos {background:url(images/tit_contactenos.jpg) no-repeat;}
#navegacion_faq {background:url(images/tit_faq.jpg) no-repeat;}

/* Cuerpo*/

#cuerpo {margin:20px 0 0 0;}

.lateral {float:left;font-size:0.9em; }
.lateral h3{ text-transform:uppercase; border-bottom:1px solid #BBC8E5; padding:5px 0; margin:10px 0 5px 0; font-size:0.9em;}
.lateral img{border:1px solid #BBC8E5; padding:2px;}
.lateral .widget{padding:10px 0 0 10px;}
#lateral1 li, #lateral3 li{padding:7px 0;}
#lateral1 .foto{padding:10px 0 0 10px; text-align:center;}
.lateral-pie {float:left;width:160px; height:8px;background:url(images/lateral-pie2.gif) no-repeat;}
.lateral-pie2 {float:left;width:120px; height:8px;background:url(images/lateral-pie2.gif) no-repeat;}
#lateral1, #lateral3 {width:240px;background:#E8EEF6 url(images/lateral-cabezote.jpg) no-repeat;}
#lateral2, #lateral4 {width:160px;background:#E8EEF6 url(images/lateral-cabezote2.jpg) no-repeat;}
.lateral .widget#text-3, 
.lateral .widget#text-4{background:#BDDBBD url(images/widget-destacado.jpg) no-repeat; font-weight:bold; padding-bottom:5px;}
#text-5 a, #text-8 a{ display:block; height:48px;background:url(images/logo-unal.gif) no-repeat; padding:0 0 0 40px;}
#text-3 .textwidget, #text-4 .textwidget{ text-align:center;}
.widget_links li{ margin:5px 0;}
.widget_links img{ width:70px;}
.menu-testimonios{padding:10px 0; font-weight:bold; font-size:14px;background:#BDDBBD; list-style:none; display:block; text-align:center;}
.menu-testimonios a{ text-decoration:none; padding:5px;}

#contenido {float:left;padding:0 20px;}
#contenido {width:530px;}
#contenido p{padding:0 0 10px 0;}
#contenido h1{padding:15px 0 10px 0; font-size:1.1em;}
#contenido h2{padding:15px 0 10px 0;}
#contenido h3{ text-transform:uppercase; color:#133688; border-bottom:1px solid #BBC8E5; padding:5px 0; margin:10px 0 5px 0; font-size:1em;}
#contenido ul, #contenido ol{padding:10px 0 10px 20px;}
#contenido li{padding:5px 0; list-style:square;}
#contenido .servicios-listado li{padding:5px; list-style: none; float:left; height:25px; width:200px;}

/* Pie*/

#pie {width:750px;float:left;border-top:2px solid #D9E3FA;font-size:0.8em;padding:10px 0 0 250px;color:#133688;margin:10px 0 0 0;}
#pie li{float:left;display:block;padding-right:15px;}
#pie li.pie_direccion{float:left;display:block;}
/*#pie li.logo-lado{padding-right:7px;}*/


/* Gallery listing
-------------------------------------------------------------- */

.category-gallery {margin-bottom: 48px;}
.category-gallery h2 {margin-top: 10px;}
.category-gallery .size-thumbnail img {border: 10px solid #f1f1f1;margin-bottom: 0;}
.category-gallery .gallery-thumb {float: left;margin-right:20px;margin-top: -4px;}
.category-gallery .entry-content p {display: inline;}
.category-gallery .entry-utility {padding-top:4px;}

/* Images
-------------------------------------------------------------- */

img {margin: 0;max-width: 640px;}
.attachment img {max-width: 900px;}
.alignleft,
img.alignleft {display: inline;float: left;margin-right: 24px;margin-top: 4px;}
.alignright,
img.alignright {display: inline;float: right;margin-left: 24px;margin-top: 4px;}
.aligncenter,
img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
img.alignleft, 
img.alignright, 
img.aligncenter {margin-bottom: 12px;}
.wp-caption {background: #f1f1f1;line-height: 18px;text-align: center;margin-bottom: 20px;padding: 4px;}
.wp-caption img {margin: 5px 5px 0;}
.wp-caption p.wp-caption-text {margin: 5px;color: #888;font-size: 12px;}
.wp-smiley {margin:0;}
.gallery {margin: auto;}
.gallery .gallery-item {float: left;margin-top: 0;text-align: center;width: 33%;}
.gallery img {border: 2px solid #cfcfcf;}
.gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;}
.gallery dl {margin: 0;}
.gallery img {border: 10px solid #f1f1f1;}
.gallery br+br {display: none;}

/* =Navigation
-------------------------------------------------------------- */

.navigation {font-size:  12px;line-height: 18px;overflow: hidden;color: #888;}
.navigation a:link,
.navigation a:visited {color: #888;text-decoration: none;}
.navigation a:active,
.navigation a:hover {color: #FF4B33;}
.nav-previous {float: left;width: 50%;}
.nav-next {float: right;width: 50%;text-align:right;}

/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
#contenido .commentlist li{
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}


/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}