@import url( 'reset.css' );




body {
text-align: center; 
background: url(images/bg.png) repeat-y center center;
font-family: "Verdana","Arial","sans-serif";
}

.bg01 {
position: relative;
width: 100%;
height: 365px;
margin: 0 0 -365px 0;
background: url(images/bg01.png) no-repeat center center;
z-index: 100;

_background-position: center;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/Anomalia/images/bg01.png',sizingMethod='image');
}

h1 {
position: absolute;
top: 130px;
left: 50%;
margin-left: -390px;
width: 258px;
height: 55px;
background: url(ximages/anomalia.png) no-repeat;
z-index: 150;


_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='x/wp-content/themes/Anomalia/images/anomalia.png',sizingMethod='crop');
}

h1 img {
width: 258px;
height: 55px;
}

.slogan {
position: absolute;
top: 150px;
left: 50%;
margin-left: -15px;
width: 258px;
height: 55px;
background: url(ximages/summer2010.png) no-repeat;
z-index: 150;

_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='x/wp-content/themes/Anomalia/images/summer2010.png',sizingMethod='crop');
}

.menu {
position: absolute;
top: 339px;
left: 50%;
margin-left: -437px;
width: 590px;
font-size: 11px;
text-align: left;
z-index: 150;
}

.menu ul {
margin: 0;
padding: 0;
}

.menu li {
list-style-type: none;
float: left;
margin: 0 5px 0 0;
padding: 0 0 0 8px;
background: url(images/nav-l.png) no-repeat;

_background: url(images/nav-l.gif) no-repeat;
}

.menu li a {
color: #fff;
font-weight: bold;
font-style: italic;
text-decoration: none;
text-transform: uppercase;
line-height: 19px;
padding: 0 10px 0 0; 
display: block;
background: url(images/nav-r.png) no-repeat center right;

_background: url(images/nav-r.gif) no-repeat center right;
}

.menu .current_page_item{
background: url(images/nav-al.png) no-repeat;

_background: url(images/nav-al.gif) no-repeat;
}

.menu .current_page_item a {
background: url(images/nav-ar.png) no-repeat center right;

_background: url(images/nav-ar.gif) no-repeat center right;
}

.menu .current_page_item a:hover {
color: #fff;
}

.menu li a:hover {
color: #f6b111;
}

.container {
width: 960px;
margin: 0 auto;
text-align: left;
background: url(ximages/bg-vzor.png) repeat-y 490px 0px;
}

.left {
position: relative;
float: left;
width: 632px;
z-index: 50;
}

.left-in {
margin: 385px 50px 50px 25px;
font-size: 13px;
}

.left-in a {
color: #c60620;
text-decoration: none;
}

.left-in a:hover {
color: #e54d24;
text-decoration: underline;
}

span.firstWord {
color: #ffffff;
}

.left-in .text {
text-align: justify;
line-height: 140%;
font-size: 13px;
}

.left-in .text h2 {
font-weight: bold;
font-size: 32px;
font-style: italic;
text-align: left;
padding: 10px 0 0 0;
margin: 0 0 20px 0;
font-family: 'Arial Black', 'Gadget CE', sans-serif;
}

.left-in .text p {
padding: 10px 0;
}

.right {
position: relative;
float: left;
width: 328px;   
font-size: 14px;
color: #fff;
line-height: 140%;
z-index: 150;
}

.right-in {
margin: 35px 0 0 17px;
}

.right a {
color: #ffea44;
text-decoration: none;
}

.right a:hover {
text-decoration: underline;
}

.right .odpocet {
font-size: 30px;
font-weight: bold;
color: #fff;
height: 50px;
}
.right .odpocet div {
float: left;
text-align: center;
}

.right .odpocet div .dat {
font-size: 9px;
}

.right .font1 {
text-transform: uppercase;
font-size: 24px;
font-weight: bold;
color: #fff;
}

.right .font2 {
text-transform: uppercase;
font-size: 25px;
font-style: italic;
font-weight: bold;
color: #fff;
}

.right .font3 {
text-transform: uppercase;
font-size: 20px;
font-style: italic;
font-weight: bold;
color: #fff;
line-height: 200%;
}

.right .font4 {
text-transform: uppercase;
font-size: 16px;
font-style: italic;
font-weight: bold;
color: #fff;
}

.right .font5 {
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
color: #ffea44;
}

.right .font6 {
font-size: 13px;
font-weight: bold;
color: #ffd800;
}

.right .font7 {
font-size: 16px;
font-weight: bold;
color: #faea5f;
}

.right .font8 {
font-size: 12px;
font-weight: bold;
color: #fff;
}

.right .col1 {
color: #ffd800;
}

.right .col2 {
color: #f6b111;
}

.right .col5 {
color: #61d8fa;
}

.right .separ {
width: 280px;
height: 0px;
margin: 8px 0 15px 0;
border-top: 1px solid #d6d6d6;

_font-size: 0px;
}

.right input {
  font-size: 14px;
  border: 0;
  color: #ccc;
  padding: 7px;
  margin: 5px 0;
  background: #1b1b1b;
}

.right .send {
 height: 30px;
}


.footer {
width: 100%;
height: 250px;
background: url(images/bg-footer.png) repeat-y center center;
}

.footer-in {
width: 960px;
margin: 0 auto;
padding: 40px 0 0 0;
color: #fff;
font-size: 11px;
font-weight: bold;
}

.footer .fl {
float: left;
text-align: left;
width: 632px;
}

.footer .fr {
color: #777;
float:left;
text-align: left;
width: 328px;
}

.footer .fr a {
color: #777;
text-decoration: none;
}

.footer a {
color: #fff;
text-decoration: none;
}

.footer a:hover {
text-decoration: underline;
}





/* masterclasses  =  <h3 class="cls cls01"><a href="#"><span class="cls-l">Intro to Maya</span><span class="cls-c">1 class</span><span class="cls-r">2 weeks</span></a></h3>*/


.masterclasses  {
_position: relative;
_width: 575px;
_overflow: hidden;
margin: 0 0 0 -25px;
}

.masterclasses h2 {
margin-left: 25px;
}

.masterclasses ul li {
position: relative;
width: 585px;
height: 60px;
font-weight: bold;
background: url(images/cls01.png) no-repeat;
line-height: 53px;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/Anomalia/images/cls01.png',sizingMethod='crop');
}

.masterclasses ul, .masterclasses ul li, .masterclasses ul li ul, .masterclasses ul li ul li {
margin: 0;
padding: 0;
list-style-type: none;
}

.masterclasses .cls02 {
background: url(images/cls02.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/Anomalia/images/cls02.png',sizingMethod='crop');
}

.masterclasses .cls03 {
background: url(images/cls03.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/Anomalia/images/cls03.png',sizingMethod='crop');
}

.masterclasses ul li {
padding: 0 0 0 60px;
}

.masterclasses ul li ul {
position: absolute;
top: 0;
left: 410px;
}

.masterclasses ul li ul li {
padding: 0;
}

.masterclasses ul li ul li {
float: left;
width: 80px;
color: #6b675e;
background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/Anomalia/images/blank.gif',sizingMethod='crop');
}


.masterclasses ul li a {
display: block;
color: #000;
text-decoration: none;
}

.masterclasses ul li a:hover {
color: #777;
text-decoration: none;
}


.masterclasses .cls02 a, .masterclasses .cls03 a, .masterclasses .cls02 ul li, .masterclasses .cls03 ul li {
color: #fff;
}

.masterclasses .cls02 a:hover, .masterclasses .cls03 a:hover {
color: #fecf5c;
}


.masterclasses .class-top {
width: 583px;
height: 47px;
background: url(images/class-top.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/Anomalia/images/class-top.png',sizingMethod='crop');
}

.masterclasses .class-top h2 {
margin: 0;
padding: 20px 0 0 30px;
font-size: 18px;
}

.masterclasses .class-body {
width: 583px;
height: 100%;
background: url(images/class-body.png) repeat-y;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/Anomalia/images/class-body.png',sizingMethod='scale');
}

.masterclasses .class-body-in {
margin: 0 30px;
}

.masterclasses .class-body-in .align-right {
text-align: right;
}

.masterclasses .cost {
float: left;
padding: 20px 0 20px 70px;
margin: 0 40px 0 15px;
background: url(images/m-cost.png) no-repeat center left;
}

.masterclasses .lenght{
float: left;
padding: 20px 0 20px 70px;
margin: 0 40px 0 15px;
background: url(images/m-lenght.png) no-repeat center left;
}

.masterclasses .teacher{
padding: 20px 0 20px 55px;
margin: 0 50px 0 0;
background: url(images/m-tea.png) no-repeat center left;
}

.masterclasses .number{
padding: 20px 0 20px 70px;
margin: 0 50px 0 15px;
background: url(images/m-num.png) no-repeat center left;
}

.masterclasses .lenght2{
padding: 20px 0 20px 55px;
margin: 0 50px 0 0;
background: url(images/m-len.png) no-repeat center left;
}

.masterclasses .class-body .intro {
position: relative;
height: 40px;
line-height: 40px;
margin: 0 -16px 0 -21px;
padding: 0 20px;
background: #562e18;
color: #fff;
font-weight: bold;
}

.masterclasses .class-body .intro span{
position: absolute;
right: 20px;
top: 0;
}

.masterclasses .class-bott {
width: 583px;
height: 40px;
margin: 0 0 10px 0;
background: url(images/class-bott.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/Anomalia/images/class-bott.png',sizingMethod='crop');
}


/* pluginy */

.mapp-div {
border: 10px solid #323232;
}

.mapp-poweredby {
display: none;
}

/* kontakt */
.kontakt {
font-weight: bold;
font-size: 11px;
width: 250px;
}

div.wpcf7-response-output {
width: 220px;
text-align: center;
}

.star {
color: red;
}

.kontakt input {
width: 250px;
}

.kontakt .submit input {
width: 80px;
}

.kontakt textarea {
width: 250px;
height: 150px;
}

.register {
margin: 0 0 0 -35px;
}

.register label {
width: 180px;
font-weight: bold;
font-size: 11px;
display: block;
float: left;
text-align: right;
margin: 0 15px 0 0;
}

.register .submit {
display: block;
text-align: right;
}

.wpcf7-not-valid-tip-no-ajax {
display: block;
text-align: center;
}