/* 
    Document   : style
    Created on : Sep 9, 2013, 4:06:14 PM
    Author     : Fastweb
    Description:
        Main stylesheet.
*/

root { 
    display: block;
}

/*******************
----HTML5----------
*******************/
header, footer, aside, nav, section, menu{
    display: block;
}

/*******************
----GENERAL---------
*******************/
body{ 
    background-image: url('../images/pattern.jpg');
    background-repeat: repeat;
    color:#333; 
    font: 62.5% 'Times New Roman', Georgia, sans-serif;
    margin: 0;
    padding: 0;
}


h1, h2, h3, h4, h5, h6 { color:#cdcccc; font-family: 'Times New Roman', Georgia, serif; margin:0; padding: 0 0 5px 0; width: 100%; }
h1 { font-size:21px; font-weight: normal;}
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:15px; }
h5, h6 { font-size:14px; }

p {color:#cdcccc; font-family: 'Titillium Web', Arial, sans-serif;  font-size:15px; line-height:1.5em; margin-bottom:16px; }
span {color:#cdcccc; font-family: 'Titillium Web', Arial, sans-serif; font-size:14px; line-height:1.5em; }
label {color:#cdcccc; font-family: 'Times New Roman', Georgia, serif; font-size:14px; line-height:1.5em; }
a {color:#fa3333; font-family: 'Titillium Web', Arial, sans-serif;  font-size:14px; line-height:1.5em; outline:none; text-decoration:none; }
a:hover{text-decoration:underline;}
ul, ol { margin:0 0 16px 35px; }
ul li, ol li, ul li span, ol li span {font-family: 'Titillium Web', Arial, sans-serif; color:#cdcccc; font-size:14px; line-height:1.3em;}
ul li, ol li {list-style: disc}
img {border:0}
strong{font-weight:bold}
em {font-style:italic}
input[type=text], input[type=password], textarea, select { background-color: #333; color:#e1e1e1; font-family: 'Times New Roman', Georgia, serif; font-size: 12px; }
select { padding:1px; width:250px;}
select option {padding:1px;}

input[type=checkbox]:checked + label{  
    color: #499101;  
}  

blockquote:before, blockquote:after {
    content: "";	
}

blockquote {
    background:#f4f4f4  url('../images/q_left.jpg') 5% 5% no-repeat;
    quotes: "" "";
    border: 1px solid #ddd;
    display:block;
    float: right;	
    margin: 5px 0 10px 10px;
    padding: 0;
    text-align: center;
    width: 220px;
}

blockquote p{
    background: url('../images/q_right.jpg') 95% 95% no-repeat;
    font-size: 17px;
    font-style:italic;
    line-height:1.3em;
    margin:0;
    padding:25px;
}

table {
    background:#f8f8f8;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    width:100%;
}
table tr:hover { background:#fff; }
table td, th {	
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    color:#555;
    font-size:13px;
    padding:5px;
    text-align:center;
    vertical-align: middle
}
table th { background:#488E00; color:#fff; font-weight:bold; padding:8px 5px 8px 5px;}

table td a { font-size:13px; }

.clear { clear:both; height:0; overflow:hidden; }


.container { margin:0 auto;  position: relative; width:1170px; }


header { float:left; height:138px;  width:100%; }
#center { float:left; height:auto; min-height:400px; width:100%;}
footer { border-top: 1px solid #3b3c3e; float:left; height:234px; width:100%;}

/*******************
----HEADER---------
*******************/

.header_top {
    border-bottom: 2px solid #303235;
    float: left;
    height: 38px;
    width: 100%
}


menu { float: right; margin: 8px 0 0 0;}
#language {
    float: right;
    margin: 0;
    padding: 0;
}
#language li {
    float: left;    
    height: 17px;
    list-style: none;
    margin: 0 0 0 15px;
    width: 22px;
}
#language li a {
    background-repeat: no-repeat;
    display: block;
    height: 17px;
    text-indent: -9999px;
    width: 22px;
}
#language li a.romana {
    background-image: url('../images/lang_ro.png');    
}
#language li a.engleza {
    background-image: url('../images/lang_en.png');
}

.intro {
    background-image: url('../images/home_icon.png');
    background-repeat: no-repeat;    
    display: block;
    float: right;
    height: 18px;
    margin-top: 8px;
    width: 22px;
}
.intro:hover {
    -moz-box-shadow:3px 3px 0 rgba(35, 35, 35, 0.1);
    -webkit-box-shadow:3px 3px 0 rgba(35, 35, 35, 0.1);
    -o-box-shadow:3px 3px 0 rgba(35, 35, 35, 0.1);
    box-shadow:3px 3px 0 rgba(35, 35, 35, 0.1);
}

.menu {
    border-bottom: 2px solid #303235;
    float: left;
    height: 88px;
    width: 100%;
}


/* main menu */
#main-menu {
    float:right;
    position:relative;
    margin:25px 0 0 0;
}
#main-menu li {
    float:left;	
    height:30px;
    list-style:none;
    line-height:1;
    margin-right:2px;
}

#main-menu li:hover a, #main-menu li.active a{ 
    color: #fa3333;
}

#main-menu li a {	
    display:block;
    padding:7px 0 7px 24px;
    font-family: 'Times New Roman', Georgia, serif;
    font-size:13px;
    color:#cdcccc;
    text-transform: uppercase;
    text-decoration:none;
    text-shadow:0 1px 0 #222;
    vertical-align:middle;
    -webkit-transition: all 0.7s;
    -moz-transition: all  0.7s;
    -o-transition:all  0.7s;
    -ms-transition: all  0.7s;
    transition: all  0.7s;
}

/* submenu */
#main-menu li ul.sub {    
    border:1px solid #303235;
    -moz-box-shadow:3px 3px 0 rgba(35, 35, 35, 0.1);
    -webkit-box-shadow:3px 3px 0 rgba(35, 35, 35, 0.1);
    -o-box-shadow:3px 3px 0 rgba(35, 35, 35, 0.1);
    box-shadow:3px 3px 0 rgba(35, 35, 35, 0.1);
    display:none;		
    top:18px;
    left:0;
    font-weight: normal;
    padding:1px 0 2px 0;
    position:absolute;
    margin:0;
    height:auto;
    width:190px;
    z-index:5000;
}


#main-menu li ul.sub li{
    background:#fff;
    height:32px;
    width:190px;
}

#main-menu li ul.sub li a{
    background:#191b1d;
    color:#c7c5c5;
    height: 20px;
}

#main-menu li ul.sub li a:hover{	
    color:#fa3333;
}

#main-menu li > ul.sub {
    top: auto;
    left: auto;
}

#main-menu li:hover ul {
    display: block;
}

.logo {
    display: block;
    float: left;
    height: 87px;
    margin-top: 3px;
    width: auto;
}
.logo_margin { margin-top: 9px }

.title_rma {
    background-image: url('../images/titles/royal_models_title.png');
    background-repeat: no-repeat;
    float: right;
    height: 23px;
    margin:6px 330px 0 0;
    width: 219px
}
.title_rm {
    background-image: url('../images/titles/royal_media_title.png');
    background-repeat: no-repeat;
    float: right;
    height: 23px;
    margin:6px 330px 0 0;
    width: 219px
}
.title_rmanag {
    background-image: url('../images/titles/royal_management_title.png');
    background-repeat: no-repeat;
    float: right;
    height: 23px;
    margin:6px 330px 0 0;
    width: 219px
}
.title_fm {
    background-image: url('../images/titles/festivalul_de_moda_title.png');
    background-repeat: no-repeat;
    float: right;
    height: 23px;
    margin:6px 330px 0 0;
    width: 219px
}


/* center */

.modele { height: auto; /*height: 660px; max-height: 660px;*/ }
.modele, .source {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

.modele li {
    display: list-item;
    border:1px solid #000;
    float: left;
    list-style: none;
    margin: 0 15px 15px 0;
    width: 216px;
}


.modele li.last {
    margin: 0 0 15px 0;
}

.modele li div.img {
    float: left; 
    height: 280px;
    overflow: hidden;
    /*padding: 4px 4px 0 4px;*/
    margin: 4px;
    width: 208px;
}
.modele li div.img_small {
    float: left; 
    height: 156px;
    overflow: hidden;
    padding: 4px 4px 0 4px;
    margin-bottom: 4px;
    width: 208px;
}
.modele li div.img_padding {
    float: left;
    height: auto;
    padding: 4px;
    width: 208px;
}
.modele li div.img_auto {
    float: left;
    height: auto;
    padding: 4px 4px 0 4px;
    width: 208px;
}

.modele li .nume {
    color: #fff;
    display: block;
    float: left;
    font-size: 16px;
    height: 40px;
    padding: 0 4px 4px 4px;
    width: 208px;
}
.modele li span.nume_model{
    color: #fff;
    display: block;
    float: left;
    font-size: 16px;
    height: auto;
    padding: 0 4px 4px 4px ;
    width: 208px;
}
.modele li a {
    display: block;
    height: auto;
    text-decoration: none;
    width: 216px;
}

.modele li:hover {
    border:1px solid #f2f2f2
}

.modele figure {
    margin: 0;
    position: relative;
    overflow: hidden;
}
/*.modele figure img {
    display: block;
    position: relative;
    transition: all 0.2s linear;
}
.modele figure:hover img {
    transform: scale(1.1);
}*/

.modele_height {
    float: left;
    /*max-height: 2600px;*/
}
/* model style */
.model {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

.model li {
    display: list-item;
    border:1px solid #000;
    float: left;
    list-style: none;
    margin: 0 16px 16px 0;
    width: auto;
}

.model li div.img_auto {
    float: left;
    height: 294px;
    padding: 4px 4px 0 4px;
    margin-bottom: 4px;
    overflow: hidden;
    width: 208px;
}
.model li div.img_models_landscape {
    float: left;
    height: 294px;
    padding: 4px 4px 0 4px;
    margin-bottom: 4px;
    overflow: hidden;
    width: 442px;
}
.model li:hover {
    border:1px solid #f2f2f2
}


#main {
    height: auto;
    margin: 10px 0;
    position: relative;
}

/*.modele_pics { 
    float:left;
    height: auto;
    margin: 10px 0 0 0;
    width: 1170px;
    border:0px solid red
}*/

.source li {
    cursor: pointer;
    float: left;
    list-style: none;
    margin: 0 10px 20px 0;
}
.source li a {
    color: #cdcccc
}
.source li.active a {
    color: #fa3333
}

.slider-wrapper {
    width:1166px; 
    margin: 13px auto;
}


.modele span{    
    text-align: center
}

.proprietati {
    float: left;
    margin: 9px 0 20px 0;
    padding: 0;
}
.proprietati li {
    float: left;
    font-size: 16px;
    font-weight: bold;
    font-family: "Times New Roman", Georgia, serif;
    list-style: none;
    margin-right: 20px;
}
.proprietati li span {
    color: #c2c2c2;
    font-family: "Times New Roman", Georgia, serif;
    font-size: 16px;
    font-weight: normal;
    text-transform: lowercase;
}

.photography {
    float: right;
    margin:-12px 0 0 20px;
    text-align: center;
}
.photography p, .photography p a {
    color: #cdcccc;
    font-family: 'Times New Roman', Georgia, serif;
    font-size: 16px;
    line-height: 1.2em;
    margin: 0;
}

.img_content {
    float: right;
    height: auto;
    margin: 0 0 20px 20px;
    width: auto;
}
.img_content img {
    box-shadow: 0 0 7px #999;
}
.news_title {
    color: #fa3333;
}
.noutati {
    float: left;
    height: 120px;
    margin: 11px 30px 0 0;
    width: 200px;
}
.noutati .poza_noutati {
    display: block;
    float: left;
    height: 90px;
    overflow: hidden;
    padding: 0;
    width: 60px;
}

.noutati .titlu {
    display: block;
    float: right;
    height: auto;
    width: 130px;
}

.noutati a.titlu_align {
    display: table-cell;
    height: 90px;
    vertical-align: middle;
}

.dot {
    float: left;
    margin: 6px 0 20px 0;
    padding: 0;
}
.dot li {
    float: left;
    list-style: none;
    margin: 3px 15px 0 0;
    
}
.dot li a {
    border-radius: 50px;
    -webkit-border-radius: 50px;    
    background-color: #555;
    display: block;
    height: 20px;
    width: 20px;
    
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    
    -webkit-transition: all 0.1s;
    -moz-transition: all  0.1s;
    -o-transition:all  0.1s;
    -ms-transition: all  0.1s;
    transition: all  0.1s;
}

.dot li a:hover {
    background-color: #ccc;
     -webkit-animation-duration: 750ms;
    -moz-animation-duration: 750ms;
    -o-animation-duration: 750ms;
    animation-duration: 750ms;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;  
    
    -moz-box-shadow:  inset -2px -2px 0 2px #FE3E3F;
    -webkit-box-shadow:  inset -2px -2px 0 2px #FE3E3F;
    box-shadow: inset -2px -2px 0 2px #FE3E3F;
}



.dot li ul {
    display: none;
    float: left;
    top:6px;
    left:100px;
    padding: 0;
    position:absolute;
}
.dot li ul li {
    font-family: "Times New Roman", Georgia, serif;
    font-size: 16px;
    height:32px;
    width:200px;
}
.dot li:hover ul {
    display: block;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); }
    40% { -webkit-transform: translateY(-7px); }
    60% { -webkit-transform: translateY(-3px); }
}
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); }
    40% { -moz-transform: translateY(-7px); }
    60% { -moz-transform: translateY(-3px); }
}
@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); }
    40% { -o-transform: translateY(-7px); }
    60% { -o-transform: translateY(-3px); }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-7px); }
    60% { transform: translateY(-3px); }
}


/* contact */
.gmap {
    box-shadow: 2px 2px 3px #333;
    float: left;
    height: 240px;
    width:100%;
}
.box_form_large{ height:auto; float:left; width:auto; }
.box_input_large{ 
    float:left; 
    height:25px;   
    width:260px;
}
.large{ margin:10px 0 0 0; }
.valid_lab { margin:0; }
.input_medium{ 
    /*background-color: #f1f1f1;*/
    border:1px solid #888888;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    height:25px; 
    padding:0 4px 0 4px; 
    width:260px; 
}
.box_textarea_large{
    float:left;
    min-height:80px;      
    margin:0; 
    width:680px;
}
.box_large {margin-top: 35px;}
.box_text_large { width: 720px;  }
.textarea_style_large{
    background-color: #333;
    border:1px solid #888888;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    height:150px; 
    min-height:150px; 
    max-width:680px; 
    font-size:13px;
    width:580px;
}
.textarea_large { padding: 6px 3px; width: 630px }

.input_small {
    /*background-color: #f1f1f1;*/
    border:1px solid #888888;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    height:25px; 
    padding:0 4px 0 4px; 
    width:100px; 
}
.box_button{ margin:5px 0 10px 0; }
.submitBtn{ 
    background-color: #460200;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 3px #520601;
    border:0;    
    color:#fff; 
    cursor:pointer; 
    font-size:13px; 
    font-weight:bold; 
    height:30px; 
    padding: 0 0 4px 0;
    text-shadow: 1px 1px 1px #111;
    text-transform: uppercase;
    width:92px;
}
.submitBtn:hover{
    background-color: #520601
}

.block-link {
    display: block;
    height: 20px;
    margin: 0 0 20px 0;
    padding: 4px 0 4px 0;
    text-align: center;
}

.form_input_cod{width:100px; height:30px; float:left; margin:0 12px 0 0; }
.form_input_img{width:120px; height:40px; float:left; margin-left:15px;}
.form_input_link {width:20px; height:auto; float:left; margin:5px 0 0 15px; }
.link{
    background-image: url('../images/refresh.png');
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    width: 20px;
}

.contact_icons {
    background-repeat: no-repeat;
    background-position: left 3px;
    color: #848484;
    display: block;
    height: 18px;
    margin: 0;
    padding: 0 0 0 28px;
    width: auto;
}
.phone {
    background-image: url('../images/telephone.png');    
}

.mail {
    background-image: url('../images/mail_icon.png');    
}

/* become a model */
.left_side {
    float: left;
    height: auto;
    margin: 0 50px 40px 0;    
    width: 583px;
}
.side_small {
    width: 280px;
    margin-right: 50px;
    border:1px solid #fff
}
.side_medium {
    width: 480px;
}
.right_side {
    float: left;
    height: auto;
    width: 500px;
}
.side_right_medium {
    width: 560px;
}
.side_big iframe{
    box-shadow: 0 0 7px #999;
    margin-top: 20px;
}
.side_big {
    width: 560px;
}

.box_form{ float:left; height:auto; margin: 0 0 10px 0; width:530px; }
.box_label { float:left; height:auto; margin:0; width:170px; }
.box_input_large{ 
    float:left; 
    height:27px;   
    width:260px;
}
.input_large{ 
    border:1px solid #888888;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color:#e1e1e1;
    height:25px; 
    padding:0 4px 0 4px; 
    width:260px; 
}
.large_box { width: 450px; }
.large {
    margin:0;
    width: 440px;
}
.box_textarea_large{
    float:left;
    min-height:80px;      
    margin:0; 
    width:auto;
}
.textarea_style{
    background-color: #333;
    border:1px solid #e1e1e1;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color:#e1e1e1;
    height:120px; 
    min-height:120px; 
    max-width:680px; 
    font-size:13px;
    padding:0 4px 0 4px;
    width:430px;
}

/* site messages */
.box_error{
    background:#FBE3E4; 
    border:1px solid #FBC2C4;  
    -moz-border-radius:3px;
    -webkit-border-radius:3px; 
    border-radius:3px; 
    height:auto; 
    float:left; 
    margin: 0 0 12px 0; 
    padding:10px 15px 10px 15px;  
    width:96%; 
}
.box_error p, .err {color:#860006; line-height:1.3em; margin:0}
.box_success{background:#CCFFCC; border:1px solid #66CC66; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; height:auto; float:left; margin:0 0 12px 0; padding:10px 15px 10px 15px; width:96%;}
.box_success p, .succ {color:#006600; line-height:1.3em; margin:0}
.box_warning{background:#FFF6BF; border:1px solid #FFD324; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; height:auto; float:left; margin:0 0 12px 0; padding:10px 15px 10px 15px; width:96%;}
.box_warning p {color:#333; line-height:1.3em; margin:0}
.warning {color:#c5a00c; line-height:1.3em; margin:0}
.box_notice{background:#8FBDE0; border:1px solid #6CACDE; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; height:auto; float:left; margin:0 0 12px 0; padding:10px 15px 10px 15px; width:96%;}
.box_notice p {color:#003863; line-height:1.3em; margin:0}


.concurent {
    float: left;
    height: auto;
    margin:0 25px 40px 0;
    width: 200px;
}

.imagine_concurenta {
    float: left;
    height: 160px;
    overflow: hidden;
    width: 200px;
}

.detalii_concurenta {
    float: left;
    height: auto;
    width: 260px;
}


/* paginare */
.pagination_results {
	float:left;
	height:auto;
	margin:4px 0 10px 0;
	width:100%;
}
.pagination_results_bottom {
	float:left;
	height:auto;
	width:100%;
}
.results {
	float:right;
	height:auto;
	width:auto;
}
.pager {
	float:left;
	height:auto;
	width:385px;
}
div.pagination {
	width:400px;
	height:auto;
	float:left;
	padding:3px;	
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}
div.pagination a {
	padding: 5px 7px 5px 7px;
	margin-right: 2px;	
	text-decoration: none; 
	color: #777;
	font-size:14px;
}
div.pagination a:hover, div.pagination a:active, div.pagination span.current  {
	padding: 5px 7px 5px 7px;
	margin-right: 2px;
	background-color: #787877;
	color: #fff;
	font-size:14px;
}
div.pagination span.disabled {
	padding: 5px 7px 5px 7px;
	margin-right: 2px;
	color: #777;
	font-size:14px;
}
/*end paginare */


/*******************
----footer---------
*******************/

.footer_top {
    background-image: url('../images/footer_bg.jpg');
    background-repeat: repeat;
    float: left;
    height: 187px;
    width: 100%;
}

.footer_details {
    float: left;
    height: auto;
    margin: 18px 55px 0 0;
}
.footer_about {    
    width: 480px;
}


.footer_about p { margin: 2px 0 0 0; }
.footer_about a { color: #cdcccc }



.footer_menu {
    width: 368px;
}

.follow_us {
    float: right;
    margin: 18px 0 0 0;
    width: 170px;
}

.footer_details h3, .footer_details p, .footer_details a {
    font-family: 'Titillium Web', sans-serif;
    
}

.footer_details h3 { font-size: 18px }

.footer_details ul {
    border-top: 1px solid #3b3c3e;
    border-bottom: 1px solid #000;
    float: left;
    margin: 10px 35px 0 0;
    padding: 0;
    width: 162px;
}

.footer_details ul.last {
    margin: 10px 0 0 0;
}

.footer_details ul li {
    border-top: 1px solid #000;
    border-bottom: 1px solid #3b3c3e;
    list-style: none;
    width: 162px;
}

.footer_details ul li a {
    color: #9a9a9a;
    display: block;
    font-size: 13px;
    padding: 3px 0;
    text-decoration: none;
}
.footer_details ul li a:hover {
    color: #fff;
}

.footer_details ul li.fb {
    background-image: url('../images/social_plugins.png');
    background-position: 0 1px;
    background-repeat: no-repeat;
    padding: 0 0 0 28px;
    width: 134px;
}
.footer_details ul li.yt {
    background-image: url('../images/social_plugins.png');
    background-position: 0 -29px;
    background-repeat: no-repeat;
    padding: 0 0 0 28px;
    width: 134px;
}

/*.footer_about ul {
    border:0;
    margin-left: 17px;
    width: 100%;
}
.footer_about ul li {
    border:0;
    list-style: circle;
    width: 100%;
}
.footer_about ul li a { display: inline; width: auto; }
*/
.footer_copy {
    background-color: #0f1114;
    border-top: 1px solid #000;
    float: left;
    height: 45px;
    width: 100%
}

.copy {
    float:left;
    height: auto;
    margin: 14px 0 0 0;
    width: 300px;
}
.policy {
    float:left;
    height: auto;
    margin: 14px 0 0 50px;
    width: 300px;
}
.policy a, a:hover {
	color: #fff;
}
.powered {
    float:right;
    height: auto;
    margin: 12px 0 0 0;
    text-align: right;
    width: 200px;
}
.copy p { font-size: 13px; margin: 0}
.powered span { display: block; float: right; margin: 0 6px 0 0; }
.powered .img { float: right; }