/* CSS Styles for the MLMROCK STAR */

body{
    color:#464646;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif; 
}

.title-profile{ color:#292929; line-height:28px; padding:10px 0; }

.header{ background-image:url(/images_new/header-bgc.jpg); margin-bottom:50px; text-align:center; }

.header img{ display:inline; }

.photo img{ box-shadow: 0 0 10px #919090; }

.free-text{ color:#0364ae; font-size:30px; font-weight:bold; text-transform:uppercase;}


.main-content{ 
    background-color:#ededed; background-image:url(/images_new/shadow.png); background-position:top center; background-repeat:no-repeat; margin:20px 0 0; padding-bottom:30px; 
}
.main-content a{ color:#0470f5; text-decoration:none; }
.main-content a:hover{ color:#77b4ff; text-decoration:underline; }


/*-- video content --*/
.video-content{
    margin:40px 0 0; 
}

.video-player{ margin:0; }
.title-video{ color:#292929; line-height:20px; padding:10px 0; font-size:18px; font-weight:bold; text-align:center; }
.title-icon-video{ color:#292929; text-align:center;  }
.icon-video img{ display:inline; margin:10px; }


/*-- Box --*/

.box{
    background-color:#FFFFFF;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0 0 10px #919090;
    margin:50px auto 0;
    width:430px;
}

.box-header{
    -moz-border-top-right-radius:: 8px;
    -moz-border-top-left-radius:: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background-color:#323232; 
    color:#ffffff;
    padding:15px 20px;
    text-align:center;  
}

.box-header-title{ font-size:30px; font-weight:bold; line-height:34px;  }
.box-header-subtitle{ font-size:12px; }
.box-content{ padding:25px; }
.box-content input.text{ 
    background-color:#efeeee; height:46px; 
    -moz-border-radius: 8px;
    border-radius: 8px;
    border:1px solid #cacaca;
    color:#515151;
    padding-left:15px;
    font-size:18px;
    width:100%;
}

.btn-free{
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size:28px;
    font-weight:bold;
    padding:10px 0;
    cursor:pointer;
    text-align:center;
    width:80%;
    margin:0 auto;
}

.box-footer{ border-top:1px solid #cccbcb; font-size:10px; padding:10px 0; text-align:center; }


/*-- Footer --*/
.footer{ background-color:#2b2b2b; padding:10px; line-height:50px; }
.footer-menu{ text-align:right; }
.footer-menu ul{ margin:0; padding:0;}
.footer-menu ul li{ display:inline; }
.footer-menu  ul li a{ color:#ffffff; font-size:11px; }


/*-- Other Styles --*/

.text-input{ margin-bottom:15px; }
.font11{ font-size:11px; }
.font24{ font-size:24px; }



.yellow{ color:#fdc005; }

.bold{ font-weight:bold; }



.align-right{ text-align:right; }

.align-center{ text-align:center; }



.bs-callout-danger {

    background-color: #fdf7f7;

    border-color: #d9534f !important;

}



.bs-callout-warning {

    background-color: #fcf8f2;

    border-color: #f0ad4e !important;

}

.bs-callout-warning h4 {

    color: #f0ad4e;

}

.bs-callout h4 {

    margin-bottom: 5px;

    margin-top: 0;

}

.bs-callout {

    border-left: 3px solid #eee;

    margin: 20px 0;

    padding: 20px;

}



.bs-callout-danger h4 {

    color: #d9534f;

}

.bs-callout h4 {

    margin-bottom: 5px;

    margin-top: 0;

}



@media only screen and (max-width: 640px) { 

    .photo{ text-align:center;}

    .photo img{ display:inline; }

}



@media only screen and (max-width: 768px) { 



    .footer{ line-height:18px; }

    .footer-menu, .footer-logo{ text-align:center; }



    .box{ width:90%; }

    .btn-free{ font-size:14px; }

    .box-footer{ padding:10px;}

}



@media only screen and (min-width: 1024px) { 

    .container{ width:1200px; }

}