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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "";
}
blockquote, q {
	quotes: "" "";
}

body {
  background: #fff url('../images/bg.png');
  min-width: 960px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}

/* `Clear Floated Elements*/

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}


.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}


.clearfix {
  zoom: 1;
}


/* styles */
body{
    font-family: Arial;
}

#top{
    background: url('../images/logo.png') no-repeat;
    height: 67px;
    width: 290px;
    height: 130px;
    
    top: 20px;
    
    z-index: 1;
    
}
#top h1{display:none}

.menu-box{
    margin-bottom: 40px;
    height: 100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

    
}

.menu-box-border{
    height:385px;
   
    background-color: #26a9dd;
    z-index:101;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 20px 0px #00aeef;
    -moz-box-shadow: 0px 0px 20px 0px #00aeef;
    box-shadow: 0px 0px 20px 0px #00aeef;
    margin: 1px;
    color: #fff;
    font-size:29px;
    text-shadow: 1px 1px 3px #CCC;
    
}
#stomatologia{
   
    -webkit-border-radius: 0px 15px 15px 0px;
    -moz-border-radius: 0px 15px 15px 0px;
    border-radius: 0px 15px 15px 0px;
	color: white;
font-size: 29px;
text-shadow: 1px 1px 3px #CCC;
}
#medycyna-estetyczna{
    z-index: 100;
    -webkit-border-radius: 15px 0px 0px 15px;
    -moz-border-radius: 15px 0px 0px 15px;
    border-radius: 15px 0px 0px 15px;
    -webkit-box-shadow: 0px 0px 20px 0px #743A77;
    -moz-box-shadow: 0px 0px 20px 0px #743A77;
    box-shadow: 0px 0px 20px 0px #743A77;
	color: white;
font-size: 29px;
text-shadow: 1px 1px 3px #CCC;
    
}
.menu-box-border h1,.menu-box-border h2{
   float:left;
   text-align: center;
   padding-top: 35px;
   width: 469px;
   height: 350px;
   
}
.menu-box-border h1:hover, .menu-box-border h2:hover{
text-shadow: 1px 1px 10px #919191;

    
}

.footer{

	padding-bottom:20px;
	text-align: center;
margin: 60px;
color: #555;
}
.footer p{
	font-size:11px;
}
.menu-box-border div{
    float: left;
    width:1px;
    height: 346px;
    background-color: #2BBEF9;
    margin-top: 20px;
    -webkit-box-shadow: 0px 0px 1px 1px #2394c0;
    -moz-box-shadow: 0px 0px 1px 1px #2394c0;
    box-shadow: 0px 0px 1px 1px #2394c0;
}


.menu-box-border-page, .menu-box-border-page-menu{
     
    background-color: #26a9dd;
    z-index:101;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 10px 0px #016187;
    -moz-box-shadow: 0px 0px 10px 0px #016187;
    box-shadow: 0px 0px 10px 0px #016187;
    margin: 1px;
    color: #fff;
    font-size:12px;  
}
.menu-box-border-page{min-height:348px;}
.menu-box-border-page-menu{}
#menu {height: 100%;}
#menu-list a , 
#menu-list a:link , 

#menu-list a:active,
.menu-box-border a , 
.menu-box-border a:link , 
.menu-box-border a:hover,
.menu-box-border a:active
{
    text-decoration: none;
     
    color: #fff;
}
#menu-list a:hover{font-weight: bold;}
#menu-list{padding-bottom:15px;}
#menu-list li{
    list-style: none;
    text-align: left;
    padding:5px 5px 5px 20px;
    font-size:14px;
    color: #fff;
}

.menu-box-border-page h1{
    padding: 15px 0px 10px 20px;
    font-size:25px; 
}

.content{
    padding: 5px 20px 20px 20px;
}

.menu-page{
    margin: 20px 0px 0px 40px;
    width: 960px;
    height: 100px;
}
.menu-page h2{
    float:left;
    padding: 10px 0px 0px 0px;
    font-size: 24px;
    font-weight: bold;
}
.menu-page a , 
.menu-page a:link , 
.menu-page a:active{text-decoration: none; color:#c3c3c3;}
.menu-page h2:hover{font-weight: bold; text-shadow: 1px 1px 3px #d1d1d1;
filter: dropshadow(color=#d1d1d1, offx=1, offy=1);}

#logo-a{height:70px}
#top a{float:left;width:333px}

#roll,#roll-red{
    background: url('../images/background-blue.jpg') repeat-y;
    width: 100%;
    height: 421px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -100; 
}
#roll-red{
    background: url('../images/background-red.jpg') repeat-y;
}
.content h3{
font-weight: bold;
padding: 10px 0;
font-size: 13px;
}
.content p,.content ul{
line-height: 14px;
padding: 5px 0;
}