body {background-image:url(/assets/templates/pansionat/images/bgr-01.jpg); background-repeat:repeat; margin:0; padding:0; text-align:center; margin-left:auto; margin-right:auto;}

div #common {text-align:center;}

div #top-page {background-image:url(/assets/templates/pansionat/images/top-sea-01.jpg); background-repeat:no-repeat; background-position:center top; margin:0 auto 0 auto; padding:0; height:249px;}

div #content-page {background-image:url(/assets/templates/pansionat/images/bgr-02.jpg); background-position:top; background-repeat:repeat-x; vertical-align:top; text-align:center; margin:0; padding:0;}

div #top-page1 {background-image:url(/assets/templates/pansionat/images/top-sea-01.jpg); background-repeat:no-repeat; background-position:center top; margin:0 auto 0 auto; padding:0; height:249px;}

div #top-page2 {background-image:url(/assets/templates/pansionat/images/top-sea-02.jpg); background-repeat:no-repeat; background-position:center top; margin:0 auto 0 auto; padding:0; height:249px;}

div #top-page3 {background-image:url(/assets/templates/pansionat/images/top-sea-03.jpg); background-repeat:no-repeat; background-position:center top; margin:0 auto 0 auto; padding:0; height:249px;}

div #top-page4 {background-image:url(/assets/templates/pansionat/images/top-sea-04.jpg); background-repeat:no-repeat; background-position:center top; margin:0 auto 0 auto; padding:0; height:249px;}



div #content-page-paper {width:923px; vertical-align:top; background-image:url(/assets/templates/pansionat/images/bgr-04.jpg); background-position:top; background-repeat:repeat-y; margin:0 auto 0 auto;}

div #content-page-paper-begin {width:923px; vertical-align:top; background-image:url(/assets/templates/pansionat/images/bgr-03.jpg); background-position:top; background-repeat:no-repeat;}

div #content-main-block {width:843px; text-align:left; padding:35px 40px 20px 40px;}

#content-table {width:843px; font-family: Arial, Helvetica, sans-serif;}

#content-table-td1 {width:225px; vertical-align:top; padding:10px;}
#content-table-td1 a, #content-table-td1 a:visited {color:#009900;}

#menu {vertical-align:top;}
/* div.menu. first level. start */
#menu ul {margin:0; padding:0; list-style-type:none; display:block; line-height:130%;}
#menu ul li {margin:0; padding:0;}
#menu ul li a, #menu ul li a:visited {background-image:url(/assets/templates/pansionat/images/left-menu-01.gif); background-position:left; background-repeat:no-repeat; padding: 0 0 0 30px; color:#009900; font-weight:bold; font-size:15px; text-decoration:none; margin:0;}
#menu ul li a:active, #menu ul li a:hover {color:#e93a2d; background-image:url(/assets/templates/pansionat/images/left-menu-01.gif); background-position:left; background-repeat:no-repeat;}
/* div.menu. first level. end */

/* div.menu. second level. start */
#menu ul li ul {margin:0 0 5px 15px; padding:0; list-style-type:none; font-size:13px; font-weight:bold; line-height:130%;}
#menu ul li ul li {margin:0; padding:0;}
#menu ul li ul li a, #menu ul li ul li a:visited {padding:0 0 0 17px; color:#009900; text-decoration:none; background-image:none; cursor:pointer; font-size:12px;}
#menu ul li ul li a:active, #menu ul li ul li a:hover {color:#e93a2d; background-image:none;}
/* div.menu. second level. end */






#content-table-td2 {width:43px; background-image:url(/assets/templates/pansionat/images/bgr-separate.gif); background-position:top left; background-repeat:no-repeat;}

#content-table-td2 {width:43px; background-image:url(/assets/templates/pansionat/images/bgr-separate.gif); background-position:top left; background-repeat:no-repeat;}

#content-table-td3 {width:575px; vertical-align:top; padding-bottom:60px;}

#content-table-td3 div.image-smallleft {float:left; width:300px; height:225px; margin:8px;}

#content-table-td3 div.image-smallright {float:right; width:300px; height:225px; margin:8px;}

#content-table-td3 h1 {margin:0; padding:20px 10px 10px 0; font-size:16px; color:#e93a2d;}
#content-table-td3 h2 {margin:0; padding:0 0 2px 0; font-size:13px; color:#e93a2d;}
#content-table-td3 h3 {margin:0; padding:0 0 2px 0; font-size:12px; color:#e93a2d;}

#content-table-td3 p {margin:0 0 12px 0; font-size:12px; line-height:17px; color:#3d494e; text-align:justify;}
#content-table-td3 ul, #content-table-td3 ol {margin:12px 0 12px 30px; padding:0; list-style-type:circle; font-size:12px; line-height:17px; color:#3d494e;}
#content-table-td3 ul li, #content-table-td3 ol li {padding:0; font-size:12px; line-height:17px; text-align:justify;}

#content-table-td3 table.price {margin:10px; font-size:12px; line-height:17px; color:#3d494e; text-align:justify; border:1px solid #FF6600; border-collapse:collapse; width:555px;}
#content-table-td3 table.price td {margin:0; font-size:12px; line-height:17px; color:#3d494e; text-align:justify; border:1px solid #FF6600; border-collapse:collapse;}

#content-table-td3 a,#content-table-td3 a:visited {padding:0; color:#009900; text-decoration:underline; cursor:pointer; font-size:12px;}
#content-table-td3 a:active, #content-table-td3 a:hover {color:#e93a2d;}


#content-table-td3 p.intro {margin:10px 0 10px 0; display:block; font-size:12px; line-height:16px; color:#3d494e; text-align:justify; font-style:italic;}
#content-table-td3 p.next_lesson {text-align:right;  margin:10px 0 10px 0; display:block; font-weight:bold;}


div#bottom-page {background-image:url(/assets/templates/pansionat/images/bgr-bottom.gif); background-position:center; background-repeat:no-repeat; height:115px; margin-top:-115px; clear:both;}



/* Contact form. start */
#reservation-form {display:block; font-size:11px; width:205px; height:320px; text-align:left; padding:10px 0 10px 0;}

#reservation-form div.common {text-align:left; float:left; width:220px;}
#reservation-form div.common a, #reservation-form div.common a:visited {color:#009900;}
#reservation-form div.common a:active, #reservation-form div.common a:hover {color: #ff0000;}

#reservation-form div.commoncenter {text-align:center; margin:8px 0 4px 0; float:left; width:220px; color: #ff0000;}

#reservation-form div.common span.left {text-align: right; margin:2px; float:left; width:88px; color:#ff0000;}
#reservation-form div.common span.right {text-align: left; margin:2px; float:left; width:112px; color:#ff0000;}

#reservation-form div.common span.right input, #reservation-form div.common span.right textarea, #reservation-form div.common span.right input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #009900; width:110px; height:13px;}

#reservation-form div.common span.right input.small, #reservation-form div.common span.right input.small {width:45px;}

#reservation-form div.common span.right2 input  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: #009900 1px solid; width:112px; height:22px;}
#reservation-form div.common span.right textarea {height:50px;}
/* Contact form. end */


div#breadcrumbs {text-align:left; margin:15px 10px 5px 0; font-size:10px;}
div#breadcrumbs a, div#breadcrumbs a:visited {color:#e93a2d; text-decoration:none; }
div#breadcrumbs a:hover, div#breadcrumbs a:active {color: #336699;}