/* reset defaults */
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, 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 { border: 0 none;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline; }
ol, ul {list-style: none;}
/* body */
body { background: url(../maria_img/background_body.webp) no-repeat top center;
color: #fff;
width: 100%;
background-attachment: fixed; }
a { text-decoration: none;
color: #fff;}
p { font-size: 1.2em;
margin-bottom: 10px; }
p.pink { color: pink;
font-size: 1.4em; } /* in all pages */
p#pink { color: pink;
font-size: 1.4em;
margin: 0; } /* in all pages */
a.pink { color: pink; } /* in all pages */
h1 { text-align: center;}
h2 { text-align: center;
margin-bottom: 10px; }
h3 { text-align: center;
margin-bottom: 10px;}
h2.pink { text-align: center;
color: pink; }
span.pink { color: pink; }
header { background: rgba(163,163,163,.4) no-repeat top center;
width: 98%;
text-align: center;
height: 120px;
margin: 1% 1% 0 1%;
border-radius: 12px;
float: left; }
.box_top_left { width: 48%;
margin:1%;
float: left;
font-size: 1.2em;
font-style: italic; } /* header */
.box_top_right { width: 48%;
margin:1%;
float: left;
font-size: 1.2em;
font-style: italic;
overflow: hidden; } /* header */
.menu { background: rgba(163,163,163,.4) no-repeat top center;
width: 98%;
text-align: left;
height: 30px;
font-size: 1.1em;
margin: 1% 1% 0 1%;
border-radius: 12px;
float: left;}
.menu_768 { display: none; }
.link_first { margin-left: 10%;
margin-right: 3%;
font-size: 1.1em;} /* menu */
.link { margin: 0 3%;
font-size: 1.1em;} /* menu */
#sidebar { width: 25%;
margin: 1% 0 1% 1%;
text-align: center;
height: 100%;
float: left; }
.sidebar_box { background: rgba(163,163,163,.4) no-repeat top center;
width: 100%;
text-align: center;
height: 100%;
font-size: 1.1em;
margin-bottom: 15px;
padding: 6px 0 6px 0;
border-radius: 12px;
float: left; }
p.link { background: rgba(163,163,163,.5) no-repeat top center;
width: 94%;
text-align: center;
font-size: 1.1em;
margin: 1% 3% ;
padding-bottom: 2%;
border-radius: 6px;
float: left;} /* sidebar */
#content_left { background: rgba(163,163,163,.4) no-repeat top center;
width: 48%;
height: 100%;
font-size: 1.1em;
margin: 1% ;
padding-bottom: 4%;
border-radius: 12px;
float: left; } /* in index */
#content_right { background: rgba(163,163,163,.4) no-repeat top center;
width: 48%;
height: 100%;
font-size: 1.1em;
margin: 1% ;
padding-bottom: 4%;
border-radius: 12px;
float: left; } /* in index */
#content_page { background: rgba(163,163,163,.4) no-repeat top center;
width: 72%;
height: 100%;
font-size: 1.1em;
margin: 1% ;
padding-bottom: 4%;
border-radius: 12px;
float: left; } /* in all pages */
.woman_page { float: left;
width: 100%; } /* in all pages */
.box_page { float: left;
width: 94%;
padding: 3% 3%; } /* in all pages */
.box_small { float: left;
width: 48%;
padding: 3% 1%; } /* in all pages */
.photo_wide { float: left;
width: 94%;
padding: 3% 3%;
text-align: center; } /* in all pages */
.photo_small { float: left;
width: 48%;
padding: 3% 1%;
text-align: center; } /* in all pages */
hr.line { border: none;
border-top: 2px solid white;
width: 80%;
margin: 30px auto; } /* in all pages */
.paragraph { margin-left: 2%;
font-size: 1.2em; } /* for li and p */
li.link_look { width: 300px;
font-size: 1.1em;
background: rgba(163,163,163,.4) no-repeat top center;
border-radius: 12px;
margin-left: 2%;
margin-top: 1%;
text-align: center;}
iframe#mapa { margin: 0 auto ;}
img#logo { max-width: 350px;
height: auto;
display: block; } /* in header */
img#lady_sidebar { float:left;
width: 98%;
margin: 2% 1%; }
img#lady_main { max-width: 90%;
height: auto;
margin: 2% 1% ;} /* in index */
img#lady_page {display: none; }
img#photo { max-width: 90%;
height: auto; } /* in all pages */
img#photo_main { max-width: 60%;
height: auto;
margin: 3% 20% ;
text-align: center ; } /* in index */
img#photo_stopy { max-width: 45%;
height: auto; } /* in all pages */
img#photo_nails { max-width: 60%;
height: auto; } /* in wrastajace-paznokcie */
video { width: 55%;
height: auto;
display: block;
margin: 0 auto; }
footer { background: rgba(163,163,163,.4) no-repeat top center;
width: 98%;
text-align: center;
height: 100%;
font-size: 1.1em;
margin: 0 1% 1% 1%;
border-radius: 12px;
float: left;}
.box_footer { width: 33%;
margin: 10px 0 10px 0 ;
height: 100%;
float: left;}
.slideout-widget { position: fixed;
right: -15em;
top: 50%;
transition: right .4s;
width: 15em;
z-index: 10; }
.slideout-widget:hover { right: 0; }
.slideout-widget-handler, .slideout-widget-content { background: #eee;
border: 1px solid #ddd;
padding: 1em .5em; }
.slideout-widget-handler { border-right: none;
left: -3em;
position: absolute;
text-align: center;
width: 3em; }
.slideout-widget-content { border-width: 1px 0;
overflow: hidden;
width: 100%;
z-index: 11; }
.widget-facebook .slideout-widget-handler, .widget-facebook .slideout-widget-content { background: #3c5b9b;
border: none; }
.widget-facebook, .widget-facebook a { color: #fff; }
@media (max-width: 768px) {
.box_top_left { display: none; }
.box_top_right { width: 98%;
margin:1%; } /* header */
.menu { display: none; }
.menu_768 { background: rgba(163,163,163,.4) no-repeat top center;
width: 98%;
text-align: center;
height: 30px;
font-size: 1.1em;
margin: 1% 1% 0 1%;
border-radius: 12px;
float: left;
display: block; }
.menu_0, .menu_0 ul { display: block;
list-style: none;
margin-left: 3%; }
.menu_0 a { display: block; }
.menu_0 ul li { float: left;
margin-left: 3%; }
.menu_0 li ul { display: none; }
.menu_0 li:hover ul { position:absolute;
display: block;
width: 80px; }
.menu_0 li ul li { width: 80px;
background: rgba(163,163,163,.8) no-repeat top center;
margin: 0 2% 1% 2%;
border-radius: 12px;}
.menu_01, .menu_01 ul { display: block;
list-style: none;
margin-left: 3%; }
.menu_01 a { display: block; }
.menu_01 ul li { float: left;
margin-left: 3%;}
.menu_01 li ul { display: none; }
.menu_01 li:hover ul { position:absolute;
display: block;
width: 150px; }
.menu_01 li ul li { width: 150px;
background: rgba(163,163,163,.8) no-repeat top center;
border-radius: 12px;
margin: 0 2% 1% 2%; }
a.link_menu { margin: 1% 10% ;
font-size: 1.1em;}
a.link_menu_1 { margin: 1% 6% ;
font-size: 1.1em;}
#sidebar { display: none; }
#content_left { width: 98%;
margin: 1% ; }
#content_right { width: 98%;
margin: 1% ; }
#content_page { width: 98%;
margin: 1% ; } /* in all pages */
.box_small { width: 98%; } /* in all pages */
img#logo { display: block;
margin: 0 auto ;
width: 100%;
height: auto; } /* in header */
img#lady_page { float:left;
width: 60%;
margin: 2% 1%;
display: block; }
}