/* Clinicaandaluciasalud.com - design by Jacques Maes, arqyestudio.com - 2004 */


/* General
----------------------------------------------- */
body {background: #c6cbcb url(images/bg.gif) top left repeat;margin:0 0 20px 0;padding:0;font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;text-align:center}
#wrapper {margin:auto;margin-left:auto;margin-top:0;margin-bottom:0;padding:0;width:706px;background: #FFFFFF url(images/content.gif) top center repeat-y;line-height:150%;font-size:12px;color:#666666}
#wrapper a, #wrapper a:visited {color:#7B899A;text-decoration:none;font-weight:bold}
#wrapper a:hover {color:#707070;text-decoration:underline}
img {border:0}

/* Header
----------------------------------------------- */
#headerglobal {height:145px;margin:0;padding:0;background-color:#707070;border-top: 1px solid #707070;border-bottom:2px solid #FFFFFF}
#headerwrapper {margin:0 auto;text-align:center;width:706px}
#header {margin:20px 0 0 0;padding:0;background: url(images/header2.gif) top center no-repeat;height:125px;text-align:left}
#header #logo {background: url(images/logo.gif) 2px 22px no-repeat;height:100%;width:330px;cursor:pointer}
#subheader {margin:0;padding:0;background: #D5D9D8 url(images/subheader.gif) top center no-repeat;height:195px;position:relative}
#subheader ul {position:absolute;top:35px;left:515px;list-style-type:none;list-style-position:outside;margin:0;padding:0;text-align:left;width:188px}
#subheader li {padding:0;margin-bottom:4px;text-transform:uppercase}
#subheader li a, #subheader li a:visited  {text-decoration:none;color:#999999;font-weight:bold;background: transparent url(images/menu.gif) top left no-repeat;display:block;font-size:11px}
#subheader li a:hover, #subheader li #currentpage {text-decoration:none;color:#FFFFFF;background: transparent url(images/menu.gif) 0 -30px no-repeat}
#subheader li.lineas_de_tratamiento {padding:0}
#subheader li.filosofia_de_trabajo {padding-left:10px}
#subheader li.quienes_somos {padding-left:18px}
#subheader li.contacto {padding-left:22px}
#subheader #photo {position:absolute;top:0;left:0;text-align:left}
#subheader #phone {position:absolute;bottom:23px;right:60px;text-align:left;color:#FFF;font-weight:bold}
#subheader #flags {position:absolute;bottom:17px;left:100px}
#subheader #flags img {margin-right:6px}

/* Main content
----------------------------------------------- */
#content {float:left;width:530px;text-align:justify}
#content #col1 {float:left;width:260px}
#content #col2 {float:right;width:260px}
#content #col1wrapper {padding: 0 0 0 20px;text-align:left}
#content #col2wrapper {padding: 0 20px 0 0;text-align:left}
#content .box {background: url("images/box_top.gif") top left no-repeat;padding-top:20px; padding-bottom:10px}
#content .box p {clear:left; padding: 0 15px 10px 15px; margin:0}
#content .box .bottomBox {height:20px;background: url("images/box_bottom.gif") bottom left no-repeat;padding:0 15px 5px 90px;margin:0}
#content .box .bottomBox a {padding-left:20px;background: url("images/arrow_list.gif") center left no-repeat;height:20px}
#content .box .centerBox {background: url("images/box_center.gif") top left repeat-y}
#content .box h2 {text-transform:uppercase;font-size:11px;font-weight:bold;color:#7B899A;padding: 0 10px 0 10px;margin-top:20px;line-height:170%;clear:none}
/*  IE 5.0 PC Hack */
#content .box h2 {margin-top/**/:0}
/* end hack */ 
#content #col1 .box ul {padding:0;margin:0;list-style-type:none}
#content #col2 .box ul {clear:left;padding:0 0 10px 30px;margin:0;list-style-type:square;list-style-position:outside}
#content #col1 .box img {float:left;margin-right:10px}
#content #col2 .box img {float:left;margin:0 10px 0 15px}
#content #col1 .box li {padding: 0 8px 12px 12px;margin:0;list-style-type:none;background-image:none}
#content #col2 .box li {padding: 5px 10px 0 0;margin:0;background-image:none}
html>body #content .box li a {height: auto}  
#content .box li a {display:block;border:1px solid #FBFAF7;padding:5px 0 13px 5px;
height: 1em} /* Fix for IE's whitespace bug*/
#content .box li a:hover {border:1px solid #CCCCCC;background:#FFFFFF;text-decoration:none}
.box span {text-transform:uppercase;font-size:11px;font-weight:bold;color:#AB6666;display:block;letter-spacing:0.1em;padding:0 20px 0 0;margin:0}
#content h6 {margin:0;padding:0 20px 20px 20px;font-size:11px;font-weight:bold;color:#7B899A}
#content h1 {text-transform:uppercase;font-size:12px;font-weight:bold;color:#AB6666;padding:0 0 10px 22px;margin:0}
html.hasFlash #content h1 {visibility: hidden}
#content h2 {font-weight:bold;color:#a9b5bc;padding:20px 0 0 20px;margin:0;font-size:13px;clear:both}
#content p {padding: 10px 20px 0 20px;margin:0;line-height:170%}
	#content p.quiet {font-size:11px;line-height:150%;color:#999}
#content p img {margin-right:10px;float:left;padding:5px;border:1px solid #CCC}
.clear {clear:both}
#content ul {padding: 5px 20px 5px 20px;margin: 0;text-align:left}
#content li {margin: 10px 0 10px 0;padding: 0 0 0 17px;line-height: 16px;list-style-type: none;background: url('../images/bullet.gif') no-repeat 0px 2px}		
#content ul.links {margin:20px;padding:0;list-style-type:none}
#content ul.links li {padding:2px 0 2px 20px;margin:0;background: url("images/arrow_list.gif") center left no-repeat}
#content dl {margin:10px 0 0 0;padding:20px 40px 0 30px;background: url("images/dl_background.png") top center no-repeat}
#content dt {font-weight:bold;padding:7px 0 7px 17px;margin:0;background: url("images/dt_bullet.gif") 0 10px no-repeat;color: #a9b5bc}
#content dd {margin:0;padding: 0 0 10px 18px}
#content .dl_background {background: url("images/dl_background.png") bottom center no-repeat;height:20px}
dl#box {margin-left:auto;margin-right:auto;margin-top:25px;margin-bottom:25px;padding:0 0 0 10px;background-image:none;width:250px;border-left:3px solid #DDD}
dl#box dt {background-image:none;padding:0}
dl#box dd {padding:0;line-height:150%}
dl#box a { display: block; padding-left: 20px;background: url("images/arrow_list.gif") left center no-repeat;height:18px;margin-top:10px}

form {padding:0 0 10px 0;margin:20px 10px 20px 20px;width:485px;background: url("images/form.gif") left top repeat}
fieldset {border:none;padding:0;margin:0}
label {display:block;padding:0;margin-top:15px}
input, textarea, label {font: 11px verdana, arial, sans-serif;font-weight:bold;color:#777}
input, select {width:200px;border:1px solid #7D8B9C}
form div {float:left;width:45%;padding-left:18px}
textarea {display:block;width:440px;border:1px solid #7D8B9C}
input#button {width:80px;height:20px;border:none;margin-top:10px}
input#button2 {width:80px;height:20px;border:none;margin:25px 0 0 125px}

/* Nav
----------------------------------------------- */
#nav h2 {text-transform:uppercase;font-size:11px;font-weight:bold;color:#AB6666;letter-spacing:0.1em;padding:15px 20px 15px 20px;margin:0}
#nav {text-align:left;float:right;width:176px}
#nav h3 {text-transform:uppercase;font-size:11px;font-weight:bold;color:#FFFFFF;letter-spacing:0.1em;padding:0 20px 5px 20px;margin:0}
#nav p {padding: 0 20px 15px 20px;margin:0}
#nav ul  {padding: 0;margin: 0;width: 173px}
#nav ul li {list-style: none;margin: 0 0 2px 0;padding: 0;border-top: 1px solid #E2E7E6;border-bottom:1px solid #E2E7E6}
#nav ul li a {display: block;padding: 0.1em 0.5em 0.1em 0.5em;border-right: 5px solid #7B899A;background-color: #c6cbcb}
#nav ul li a:hover, #nav ul li a#current {border-color: #AB6666;color: #FFF;background-color: #7B899A;text-decoration:none}
#nav .listTopmargin {margin-top:15px}
#nav img {margin-top:15px;display:block;text-align:center;margin-left:auto;margin-right:auto;margin-top:15px}

/* Footer
----------------------------------------------- */
#footer {background: transparent url(images/footer.gif) 0 50% no-repeat;height:124px;padding:0;clear:both;position:relative}
#footer .subir {position:absolute;top:55px;right:200px}
#footer .inicio {position:absolute;top:55px;right:260px}
#footer div {padding-top:92px;text-align:center;color:#FFFFFF;font-size:11px;font-weight:bold}
#footer a {color:#E8EFF5}


/* Tabs
----------------------------------------------- */
.tabcontent {margin:0 20px 15px 20px;padding-bottom:15px;clear:both;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
#mainnavtabbed {clear:both;list-style-type:none}
#mainnavtabbed li{margin:0;padding:0;float:left;line-height:14px;width:98px}
#mainnavtabbed li a{padding:5px;background:#ddd;display:block;height:55px;text-align:left;border:1px solid #ccc}
#mainnavtabbed li a.tabon,#mainnavtabbed li a.tabon:hover{border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fff}
#mainnavtabbed li a.tabon {border-bottom:1px solid #FFF;color:#666}