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,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td, cellspacing, cellpadding, div {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
body {
line-height: 1;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* general */
div .hidden{visibility:hidden; display:none;}
body{background:#FFFFFF url(texture/3.gif); font-family:Verdana, Arial, Helvetica, sans-serif;}
.color_table{ height:100%; width:100%; position:fixed; z-index:-300; top:0px; left:0px;}
.color_table_left{background: url(texture/left.png) repeat-y left; width:50%;}
.color_table_right{background: url(texture/right.png) repeat-y right; width:50%;}
.header{width:900px; height:120px; margin:10px auto 0px auto; display:block; border:solid 0px #00FF00;}
.logo{width:300px; height:125px; float:left; background:url(texture/moda_mam_logo.png) no-repeat top left; position: absolute;}
.container_for_item{display:inline-block; position: relative; top:90px; float:right;}
.main_menu{
color:#3342A7;
font-size:14px;
font:Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
background: url(texture/korona_item.png) transparent bottom center no-repeat;
text-align:center;
height:20px;
display: block;
margin:5px;
float:left;
padding:5px 5px 10px 5px;
}
.main_menu:hover{
color: #ff0000;
text-decoration:underline;
}
#active_page{
color: #3342A7;
background:#FCB2E5;
font-weight:bold;
margin:0px;
}
.main_table{width:900px;background:#FCB2E5; margin-bottom:30px;}
.content{padding:20px 5px; width:550px;}
.main_image{ background:url(texture/main_image.jpg) center 100px no-repeat; height:700px;}
p{font-size:16px; color:#000000; margin:15px; text-align:justify; line-height:115%;}
.vubor1{margin:20px; text-align:center; line-height:2.4em; font-size:20px; color:#3342A7; float:left; }
.vubor2{margin:20px; text-align:center; line-height:2.4em; font-size:20px; color:#3342A7; float:right;}
.vubor1 img{ width:200px;}
.vubor2 img{ width:200px;}
a.collection{
float:left;
margin:10px;
border:solid 1px #CCCCCC;
background:#222222;
padding:3px;
width:150px;
height:250px;
text-decoration:none;
text-align:center;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
overflow:hidden;
line-height:1.1em;
}
a.collection img{width:150px; max-height:225px; clear:right;}
.novinka{width:45px; height:45px; margin:2px 0px -47px 2px; position: relative; top:0px; float:left; color:#009900; text-align:left; background:url(texture/novinka.png) no-repeat left top;}
.footer{width:400px; margin:10px auto; padding:10px; background:#FCB2E5; text-align:center; font-size:13px;}
.partner{text-align:right; font-size:14px; margin:10px;}
.partner a{color:#3342A7; font-weight:bold;}
.contact_table {width:60%; border:none;}
.contact_table p {margin:10px;}
table#shop{border:solid 2px #333333; margin:0px auto; width:85%;}
table#shop td{border:solid 2px #333333; padding:1px;}
table#shop td p{text-align:center; margin:0px; font-weight:bold;}
/* CONTACT FORM */
form.formular {
font-family: tahoma, verdana, "sans-serif";
font-size: 14px;
padding: 2px;
border: none;
display:inline-block;
}
.formular fieldset {
margin: 2px;
padding : 15px;
border: 1px solid #8595ff;
}
.formular legend {
margin-top:-5px;
padding:-5px;
font-size: 16px;
color: #3342A7;
font-weight: 900;
}
.formular label {
float: none;
text-align: inherit;
width: auto;
}
.formular label span {
color:#333333;
}
.formular input, .formular select, .formular textarea {
display : block;
margin-bottom: 5px;
}
.formular .text-input {
width: 250px;
color: #555;
padding: 4px;
border: 1px solid #B5B8C8;
font-size: 14px;
margin-top: 4px;
background: #FFF url('/img/form/text-bg.gif') repeat-x;
}
.formular textarea {
width: 250px;
height:70px;
color: #555;
padding: 4px;
border: 1px solid #B5B8C8;
font-size: 14px;
margin-top: 4px;
background: #FFF url('/img/form/text-bg.gif') repeat-x;
}
.formular .infos {
background: #FFF;
color: #333;
font-size: 12px;
padding: 10px;
margin-bottom: 10px;
}
.formular .fc-error {
width: 350px;
color: 555;
padding: 4px;
border: 1px solid #B5B8C8;
font-size: 12px;
margin-bottom: 15px;
background: #FFEAEA;
}
.formError {
position:absolute;
top:300px; left:300px;
width:150px;
padding-bottom:15px;
display:block;
z-index:5000;
}
.formError .formErrorContent {
width:100%;
background:#666666;
color:#FFFFFF;
font-family:tahoma;
font-size:10px;
box-shadow: 1px 1px 6px #000;
-moz-box-shadow: 1px 1px 6px #000;
-webkit-box-shadow: 1px 1px 6px #000;
padding:4px 10px 4px 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.formError .formErrorArrow{
position:absolute;
bottom:0;left:20px;
width:15px; height:15px;
}
.formError .formErrorArrow div{
box-shadow: 1px 4px 5px #000;
-moz-box-shadow: 1px 4px 5px #000;
-webkit-box-shadow: 1px 1px 5px #000;
font-size:0px;
}
.formError .formErrorArrow .line10{width:15px;height:1px; background:#666666;margin:0 auto; font-size:0px; display:block;}
.formError .formErrorArrow .line9{width:13px;height:1px; background:#666666;margin:0 auto;display:block;}
.formError .formErrorArrow .line8{width:11px;height:1px; background:#666666;margin:0 auto;display:block;}
.formError .formErrorArrow .line7{width:9px;height:1px; background:#666666;margin:0 auto;display:block;}
.formError .formErrorArrow .line6{width:7px;height:1px; background:#666666;margin:0 auto;display:block;}
.formError .formErrorArrow .line5{width:5px;height:1px; background:#666666;margin:0 auto;display:block;}
.formError .formErrorArrow .line4{width:3px;height:1px; background:#666666;margin:0 auto;display:block;}
.formError .formErrorArrow .line3{width:1px;height:1px; background:#666666;margin:0 auto;display:block;}