*
{
margin:0;
padding:0;
}
body
{
margin:0;
padding:0;
color:#000;
font-size:15px;
font-weight:normal;
font-family:"Trebuchet MS", tahoma, arial, sans-serif;
background:#232323 url('images/bg.jpg') 0 0 repeat-x;
}
a
{
text-decoration:underline;
color:#0000FF;
}
a
{
text-decoration:none;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, table
{
margin:0;
padding:0;
}
#wrap
{
width:1174px;
margin:auto;
padding:0;
}
#outer_wrap
{
width:1174px;
margin:10px auto;
padding:0;
}
#inner_wrap
{
width:974px;
margin:10px auto;
padding:0;
border:1px solid #000;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background:#fff;
}
#header
{
width:964px;
height:130px;
margin:0;
padding:0;
background:url('images/logo_icon.jpg') 70px 5px no-repeat;
}
#header #header_inner
{
width:964px;
height:130px;
margin:0;
padding:0;
background:url('images/acupuntura.gif') 820px 5px no-repeat;
}
#header h2
{
text-align:center;
margin:0;
padding:0;
color:#80a0f1;
font-size:35px;
font-weight:bold;
font-family:"Trebuchet MS", tahoma, arial, sans-serif;
}
#header h2 a
{
text-decoration:none;
color:#80a0f1;
}
#header h2 a span
{
color:#80a0f1;
font-size:48px;
font-weight:bold;
text-shadow:3px 3px 2px #777;
}
#header h3
{
text-align:center;
margin:0;
padding:0;
color:#282844;
font-size:28px;
font-weight:normal;
font-family:"Trebuchet MS", tahoma, arial, sans-serif;
}
#nav_wrap
{
width:1174px;
height:62px;
margin:0 0 0 -99px;
padding:0;
}
#p.center
{
text-align:center;
}
#div.center
{
margin-left:auto;
margin-right:auto;
}
#img.center
{
display:block;
margin-left:auto;
margin-right:auto;
}
#nav_left
{
float:left;
width:99px;
height:62px;
background:url('images/nav_left.png') 0 0 no-repeat;
}
#nav
{
float:left;
width:960px;
height:53px;
background:url('images/nav.png') 0 0 repeat-y;
}
#nav_right
{
float:left;
width:115px;
height:62px;
background:url('images/nav_right.png') 0 0 no-repeat;
}
#nav ul
{
height:35px;
margin:0;
padding:15px 0 0 0;
}
#nav ul li
{
float:left;
width:188px;
height:30px;
list-style-type:none;
margin:2px 0 0 0;
padding:0;
border-right:1px dotted #d8d8d8;
}
#nav ul li.last
{
border-right:none;
}
#nav ul li a
{
position:absolute;
display:block;
text-align:center;
width:188px;
height:30px;
color:#fff;
font-size:15px;
font-weight:bold;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
margin:0;
padding:2px 0 0 0;
text-decoration:none;
}
#nav ul li a:hover
{
margin:0;
padding:0;
color:#000;
text-decoration:none;
font-size:19px;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
font-weight:normal;
}
#nav ul li a:hover span
{
position:absolute;
width:198px;
height:45px;
left:-5px;
top:-10px;
z-index:2;
margin:0;
padding:5px 0 0 0;
overflow:hidden;
cursor:pointer;
background:#feffff;
border:1px solid #000;
-moz-box-shadow:4px 4px 7px #000;
-webkit-box-shadow:4px 4px 7px #000;
box-shadow:3px 2px 5px #000;
}
#content_wrap
{
clear:both;
width:972px;
margin:0 0 10px 0;
padding:0;
}
#content_wrap #left_column
{
float:left;
width:200px;
margin:0 5px;
padding:0;
}
#left_column h2
{
clear:both;
width:200px;
height:auto;
margin:0 auto 10px auto;
padding:2px 0 0 0;
text-align:center;
color:#fafafa;
font-size:26px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
text-shadow:2px 1px 3px #282844;
-moz-box-shadow:2px 3px 5px #282844;
-webkit-box-shadow:2px 3px 5px #282844;
box-shadow:2px 3px 5px #282844;
background:#212b35;
}
#left_column .left_images
{
clear:both;
}
#left_column .left_images ul
{
position:relative;
margin:10px 0 0 0;
padding:0;
overflow:hidden;
}
#left_column .left_images ul li
{
display:block;
list-style-type:none;
width:200px;
height:200px;
margin:0 0 5px 0;
padding:0;
color:#282844;
}
#left_column .left_images ul li a
{
display:block;
float:left;
width:200px;
height:200px;
color:#282844;
text-decoration:none; 
margin:0 5px 0 0;
padding:0;
}
#left_column .left_images ul li a img
{
float:left;
width:200px;
height:200px;
margin:0;
padding:0;
border:0;
}
#left_column .left_images ul li a span
{
display:none;
}
#left_column .left_images ul li a:hover
{
}
#left_column .left_images ul li a:hover img
{
display:none;
}
#left_column .left_images ul li a:hover span
{
display:block;
float:left;
overflow:hidden;
text-align:left;
width:200px;
height:200px;
margin:0;
padding:10px;
color:#000;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
background:#fff;
}
#left_column ul
{
width:200px;
margin:10px 0;
padding:0;
list-style-type:none;
}
#left_column ul li
{
margin:2px 0;
padding:0;
color:#000;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#left_column ul li a
{
display:block;
margin:0;
padding:2px 0 2px 10px;
color:#282844;
font-size:15px;
font-weight:bold;
font-family:arial, tahoma, sans-serif;
line-height:1.5em;
text-decoration:none;
background:#efefef;
}
#left_column ul li a:hover
{
color:#efefef;
background:#282844;
}
#left_column #menu
{
float:left;
width:200px;
margin:0px;
padding:0;
}
#menu #navigation
{
position: absolute;
top: 0px;
left: 0px;
width: 200px;
}
#menu ul
{
width:200px;
margin:10px 0;
padding:0;
list-style-type: square;
}
#menu li 
{
position: relative;
margin:2px 0;
padding:0;
color:#000;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#menu li a
{
display: block;
margin:0;
padding:2px 0 2px 10px;
color:#282844;
font-size:15px;
font-weight:bold;
font-family:arial, tahoma, sans-serif;
line-height:1.5em;
text-decoration:none;
background:#efefef;
}
#menu li a:hover
{
color:#efefef;
background:#282844;
}
#menu li ul
{
display: none;
position: absolute;
top: 0px;
border: 1px solid #000000;
padding: 1px;
list-style-type: none;
color: #282844;
background-color: #efefef !important;
}
#menu li ul li
{
border-bottom:thin #000 solid;
}
#menu li ul
{
left: 175px;
width: 200px;
z-index: 100;
}
html>body #menu li ul
{
left: 175px;
}
#menu li ul li ul
{
left: 90px;
z-index: 200;
}
html>body #menu li ul li ul
{
left: 75px;
}
#content_wrap #content
{
float:left;
width:555px;
margin:0;
padding:0;
}
#content a
{
color:#0000FF;
text-decoration:underline;
}
#content a:hover
{
color:#000;
text-decoration:none;
}
#content h1
{
margin:5px;
padding:0;
color:#282844;
font-size:28px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
letter-spacing:1px;
}
#content h1:first-letter
{
font-size:42px;
font-weight:normal;
}
#content h2
{
margin:10px 5px 5px 15px;
padding:0;
color:#282844;
font-size:24px;
font-family:"Trebuchet MS", arial, sans-serif;
font-weight:normal;
letter-spacing:1px;
}
#content h2:first-letter
{
font-size:35px;
font-weight:bold;
}
#content p
{
margin:10px 5px 10px 5px;
padding:0;
color:#000;
font-size:15px;
font-family:"Trebuchet MS", arial, sans-serif;
}
#content .img_float_left
{
float:left;
margin:5px 15px 5px 0px;
padding:0;
border:none;
box-shadow:4px 4px 3px #4d647b;
-moz-box-shadow:4px 4px 3px #4d647b;
-webkit-box-shadow:4px 4px 3px #4d647b;
}
#content .img_float_right
{
float:right;
margin:5px 5px 5px 15px;
padding:0;
border:none;
box-shadow:4px 4px 3px #4d647b;
-moz-box-shadow:4px 4px 3px #4d647b;
-webkit-box-shadow:4px 4px 3px #4d647b;
}
#content ul
{
margin:10px 5px 10px 20px;
padding:0;
}
#content ul li
{
display:block;
list-style-type:none;
margin:4px 0;
padding:0 0 0 22px;
color:#000;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, helvetica, sans-serif;
background:url('images/arrow.jpg') 0 3px no-repeat;
}
#content ul li a
{
margin:0;
padding:0;
color:#0000FF;
text-decoration:underline;
}
#content ul li a:hover
{
text-decoration:none;
}
#content table
{
width:510px;
border-collapse:collapse;
margin:10px auto;
padding:0;
}
#content table th
{
height:29px;
margin:0;
padding:5px 11px;
color:#212b35;
font-size:16px;
font-weight:bold;
font-family:arial, tahoma, sans-serif;
text-align:left;
border-bottom:2px solid #fff;
border-left:1px solid #fff;
background:#ccc;
}
#content table tr
{
height:30px;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#content table td
{
margin:0;
padding:0;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
}
#content table tr.row_a
{
background:#f6f6f6;
}
#content table tr.row_b
{
background:#e2e2e2;
}
#content table a
{
color:#0000FF;
text-decoration:underline;
}
#content table a:hover
{
color:#000;
text-decoration:none;
}
#content_wrap #right_column
{
float:right;
width:200px;
margin:0 5px 0 0;
padding:0;
}
#right_column h2
{
clear:both;
width:200px;
height:35px;
margin:0 auto 10px auto;
padding:2px 0 0 0;
text-align:center;
color:#fafafa;
font-size:26px;
font-weight:normal;
font-family:"Trebuchet MS", arial, tahoma, sans-serif;
text-shadow:2px 1px 3px #282844;
-moz-box-shadow:2px 3px 5px #282844;
-webkit-box-shadow:2px 3px 5px #282844;
box-shadow:2px 3px 5px #282844;
background:#212b35;
}
#right_column .right_images
{
clear:both;
}
#right_column .right_images ul
{
position:relative;
margin:10px 0 0 0;
padding:0;
overflow:hidden;
}
#right_column .right_images ul li
{
display:block;
list-style-type:none;
width:200px;
height:200px;
margin:0 0 5px 0;
padding:0;
color:#282844;
}
#right_column .right_images ul li a
{
display:block;
float:left;
width:200px;
height:200px;
color:#282844;
text-decoration:none; 
margin:0 5px 0 0;
padding:0;
}
#right_column .right_images ul li a img
{
float:left;
width:200px;
height:200px;
margin:0;
padding:0;
border:0;
}
#right_column .right_images ul li a span
{
display:none;
}
#right_column .right_images ul li a:hover
{
}
#right_column .right_images ul li a:hover img
{
display:none;
}
#right_column .right_images ul li a:hover span
{
display:block;
float:left;
overflow:hidden;
text-align:left;
width:200px;
height:200px;
margin:0;
padding:10px;
color:#000;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
background:#fff;
}
#right_column ul
{
width:200px;
margin:10px 0;
padding:0;
list-style-type:none;
}
#right_column ul li
{
margin:2px 0;
padding:0;
color:#000;
font-size:15px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#right_column ul li a
{
display:block;
margin:0;
padding:2px 0 2px 10px;
color:#282844;
font-size:15px;
font-weight:bold;
font-family:arial, tahoma, sans-serif;
line-height:1.5em;
text-decoration:none;
background:#efefef;
}
#right_column ul li a:hover
{
color:#efefef;
background:#282844;
}
#footer
{
clear:both;
width:900px;
margin:10px auto 5px auto;
padding:0;
}
#footer p
{
margin:10px 5px 10px 5px;
padding:0;
text-align:center;
color:#fafafa;
font-size:11px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#footer a
{
color:#fafafa;
text-decoration:underline;
}
#footer a:hover
{
text-decoration:none;
}
#footer #footer_left
{
float:left;
width:425px;
margin:5px 0 0 0;
padding:0;
}
#footer #footer_right
{
float:right;
width:425px;
margin:5px 0 0 0;
padding:0;
}
#footer #footer_left p
{
margin:10px 5px 10px 5px;
padding:0;
text-align:left;
color:#fafafa;
font-size:14px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#footer #footer_right p
{
margin:10px 5px 10px 5px;
padding:0;
text-align:right;
color:#fafafa;
font-size:14px;
font-weight:normal;
font-family:arial, tahoma, sans-serif;
}
#footer #footer_left a
{
color:#fafafa;
text-decoration:underline;
}
#footer #footer_left a:hover
{
text-decoration:none;
}
#footer #footer_right a
{
color:#fafafa;
text-decoration:none;
}
#footer #footer_right a:hover
{
text-decoration:none;
}
.clear
{
clear:both;
}