/* general */
/*html, body {height: 100%;color: #1C1C1C;font-size: 10pt;}*/
a {text-decoration: none;color: #1C1C1C;}
a:hover { text-decoration: underline; }
.clear {clear: both; height: 1px; line-height: 0; font-size: 0;}
.la {text-align: left;}
.ra {text-align: right;}
.ca {text-align: center;}
.rf {float: right;}
.lf {float: left;}
.white {color: #FFF;}
/* /general */

body {
    background-color: #ececec;
}

#page {font-family: titilliumtext;
       display: block;
       width: 210mm;       
       margin: 0;
       font-size: 10pt;
       line-height: 1.3;
       margin: 0 auto;
       background: #FFF;
       padding-top: 100px;
       padding-bottom: 10px;
	    text-align: left;
}

img {padding: 0;margin: 0;border: 0;}

.top {width: 100%;height: 90mm;background: url(../img/top_bg.png) top left repeat-x;}
.top .left {float:left;width: 62mm;padding: 10mm 0 0 10mm;}
.top .left .img-container {background: url(../img/photo_container.png) top left no-repeat;padding: 16px 0 0 0;text-align: center;width: 210px;height: 269px;}

.top .right {float:left;width: 100mm;}
.top .right {float: left;width: 130mm;}
.top .right h1 {font-size: 50pt;line-height: 43pt;letter-spacing: -3px;padding: 11mm 0 1mm 0;font-family: titilliumtextthin;color: #B8B8B8;}
.top .right p.profession {font-size: 24pt;padding: 0 0 1mm 2mm;font-family: titilliumtextmedium;}
.top .right .in {padding: 2mm 0 0 2mm;}
.top .right .right-side {float: left;width: 90mm;font-size: 10pt;line-height: 14pt;color: #DF1679;padding: 1mm 0}
.top .right .contact {padding: 9mm 0 0 2mm;}
.top .right .contact .white {color: #FFF;}
.top .right .home {background: url(../img/icon_home.png) 0mm 1mm no-repeat;float: left;padding: 1mm 0 1mm 7mm;width: 30mm;font-size: 10pt;line-height: 14pt;font-weight: bold;}
.top .right .nationality {background: url(../img/icon_nationality.png) 0mm 1mm no-repeat;float: left;padding: 1mm 0 1mm 7mm;width: 30mm;font-size: 10pt;line-height: 14pt;font-weight: bold;}
.top .right .phone {background: url(../img/icon_phone.png) 0mm 1mm no-repeat;float: left;padding: 1mm 0 1mm 7mm;width: 30mm;font-size: 10pt;line-height: 14pt;color: #FFF;font-weight: bold;}
.top .right .mail {background: url(../img/icon_mail.png) 0mm 1mm no-repeat;float: left;padding: 1mm 0 1mm 7mm;width: 30mm;font-size: 10pt;line-height: 14pt;color: #FFF;font-weight: bold;}
.top .right .date {background: url(http://www.resumesimo.com/_public/upload/templates/cosmic/web/img/icon_date_birth.png) 0mm 1mm no-repeat;float: left;padding: 1mm 0 1mm 7mm;width: 30mm;font-size: 10pt;line-height: 14pt;font-weight: bold;}

.content {padding: 0 12mm;}
.content h2 {padding: 1mm 0 1mm 0;font-size: 20pt;font-weight: normal;font-family: titilliumtextthin;border-bottom: 0.4pt solid #DF1679;margin: 2mm 0 4mm 0;color: #000;}
.content h3 {padding: 1mm 0 1mm 0;font-size: 14pt;line-height: 10pt;font-weight: normal;font-family: titilliumtextmedium;margin: 0mm 0 0mm 0;color: #000;padding: 0;}
.content h3.middle {padding: 2mm 0 4mm 0;}
.content h4 {padding: 1mm 0 1mm 0;font-size: 11pt;line-height: 10pt;font-weight: bold;margin: 2mm 0 3mm 0;color: #DF1679;padding: 0;}
.content h5 {padding: 2mm 0 3mm 0;font-size: 11pt;line-height: 10pt;font-weight: normal;font-family: titilliumtextmedium;margin: 0mm 0 0mm 0;color: #000;}


.block {padding: 0 0mm 2mm 0mm;}
.block .left {float: left;width: 48mm;font-size: 13pt;padding: 1mm 0 1mm 4mm;color: #FFF;background: #DF1679;font-weight: bold;}
.block .right {float: left;width: 122mm;font-size: 10pt;padding: 0 0 0 10mm;line-height: 12pt;}
.block p {font-size: 10pt;padding: 0 0 1mm 0;}
.block .ul-li {background: url(../img/bullet.png) 3mm 1mm no-repeat;padding: 0 0 0 8mm;line-height: 12pt;font-size: 10pt;}
.block .hr {border-bottom: 0.5pt solid #C1C1C1;height: 3mm;margin: 0 0 0 62mm;clear: both;}

.block-mini-left {width: 58mm;float: left;}
.block-mini-right {width: 58mm;float: right;}

.hr-left {width: 58mm;float: left;border-bottom: 0.5pt solid #C1C1C1;height: 3mm;}
.hr-right {width: 58mm;float: right;border-bottom: 0.5pt solid #C1C1C1;height: 3mm;}

.block-mini-right p, .block-mini-left p {padding: 0 0 2mm 0;font-weight: bold;font-size: 10pt;line-height: 14pt;}
.block p.star1 {background: url(../img/stars1.png) right top no-repeat;}
.block p.star2 {background: url(../img/stars2.png) right top no-repeat;}
.block p.star3 {background: url(../img/stars3.png) right top no-repeat;}
.block p.star4 {background: url(../img/stars4.png) right top no-repeat;}
.block p.star5 {background: url(http://www.resumesimo.com/_public/upload/templates/cosmic/web/img/stars5.png) right top no-repeat;}

#footer {text-align: center;}
#footer .block {margin: 7mm 0;border-top: 0.5pt solid #C1C1C1;padding-top: 7mm;}
#footer .block .left {background: #B8B8B8;text-align: left;}
#footer .third {width: 37mm;float: left;margin: 1.5mm 3mm 0 0;font-size: 8pt;text-align: left;}
#footer .third span {color: #B8B8B8;}