/*
Theme Name: NetSofom WebSite
Thanks To: Simple Parallax Scrolling Effect
Author: Samuel Dalusung
Editor: Carlos Peralta
*/

/*= GENERAL STYLING
--------------------------------------------------------*/

body
{
    margin: 0;
    padding: 0;
    width: 100%;
    color: #EDEDED;    
    font-family: "TypographPro" ,Tahoma,Arial,sans-serif;
}


h1
{
    font-weight: normal;
    font-size: 55px;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 0;
}

h2
{
    font-weight: normal;
    font-size: 40px;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 0;
}

h3
{
    font-weight: normal;
    font-size: 30px;
    text-align: center;
    margin: 5px 0;
    padding: 0;
    z-index: 1;
    position: relative;
}

h4
{
    font-weight: normal;
    font-size: 24px;
    text-align: justify;
    margin: 5px 0;
    padding: 0;
    z-index: 1;
    position: relative;
}

h5
{
    font-weight: normal;
    font-size: 20px;
    text-align: justify;
    margin: 5px 0;
    padding: 0;
    z-index: 1;
    position: relative;
}

label
{
    font-size: 16px;
    font-weight:bold;
    color: #FFD900;
}
.center
{
    margin: 0 auto;
}

.clear
{
    clear: both;
}
a.lpanel
{
    float: left;
    color: #ffffff;
    font-size: 12px;    
    text-decoration: none;
    margin: 7px 11px;
}
a.rpanel
{
    float: right;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    margin: 7px 11px;
}

a.lpanel:hover
{
    color: #FFD900;
}
a.rpanel:hover
{
    color: #FFD900;
}

ul li
{
    padding-right:0px;
}




/*= QUOTES AND SOME ELEMENTS
--------------------------------------------------------*/
.quotes
{
    font-weight: normal;
    text-align: justify;
    margin: 40px auto;    
    padding: 0px 30px   0px 30px;
}
.quotes_container
{
    width: 980px;
    margin: 0 auto;
    padding:0px 0px 50px 0px;
    margin-top:140px;
}

.quotes_container_Image
{
    width: 960px;
    margin: 10px 0px 0px 0px;
    padding:5px 50px 50px 0px;
    background: url('../img/container-bg.png');    
    background-repeat:repeat-y;
}

.quotes_Image
{
    font-weight: normal;
    text-align: justify;
    margin: 40px auto;    
    padding: 0px 30px   0px 30px;
}

.quotes_logos
{
    white-space: nowrap;
    text-align:center;
    padding: 0px 30px 0px 30px;
}
.Title_white
{
    font-size: 30px;
    margin: 30px 0px 0px 0px;
    padding: 20px 0px  0px 20px;
    color: #fff;
}


#christmas_tree
{
    background: url('../img/christmas-tree.png')no-repeat;
    width: 48px;
    height: 77px;
    margin: 0 auto;
    position: relative;
    bottom: -35px;
}
#divider
{
    background: url('../img/divider.png')no-repeat;
    width: 300px;
    height: 35px;
    margin: 0px auto 27px auto;
}
#ribbon
{
    background: url('../img/ribbon.png')no-repeat;
    width: 251px;
    height: 48px;
    margin: 0 auto;
    display: block;
    position: relative;
    top: -38px;
}
#snowflakes1
{
    background: url('../img/snowflakes.png')no-repeat;
    width: 24px;
    height: 21px;
    margin: 0 auto;
    display: block;
    position: relative;
    bottom: -54px;
    left: -102px;
}
#snowflakes2
{
    background: url('../img/snowflakes.png')no-repeat;
    width: 24px;
    height: 21px;
    margin: 0 auto;
    display: block;
    position: relative;
    bottom: -33px;
    right: -100px;
}



/*= BUTTONS
--------------------------------------------------------*/

button.btn-know
{
    padding: 15px 47px;
    margin: 40px 68.8%;
    text-align: center;
    border: 4px solid #fff;
    color: #fff;
    background: transparent;
    font-size: 19px;
    cursor: pointer;
    text-shadow: -1px 2px 0px rgba(90, 90, 90, 0.56);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.btn-know:hover
{
    background: #fff;
    color: transparent;
}
ul.built
{
    list-style: none;
    margin: 0 auto;
    width: 730px;
}
.built li img
{
    float: left;
    padding-right: 0px;
}



/*= SLIDES STYLING
--------------------------------------------------------*/

#slide1, #slide2
{
    width: 100%;
}
#slide1
{
    background: url() 50% 0 no-repeat fixed;    
    height: 400px;
    margin: 0 auto;
    padding: 100px 0px 0px 0px;
    background-size: cover;
}

#slide2
{    
    background: url() 50% 0 no-repeat fixed; 
    height: 1000px;
    margin: 0 auto;    
    padding: 0px 0px 0px 0px;
    overflow: cover;
}

#slide3
{
    background: url() 50% 0 no-repeat ;
    height: 500px;
    margin: 0 auto;
    padding: 140px 0px 0px 0px;
    background-size: cover;
}

#slide4
{
    background: url() 50% 0 no-repeat fixed; 
    height: 500px;
    margin: 0 auto;    
    padding: 140px 0px 0px 0px;
    overflow: cover;
}

#slide5
{
    background: url() 50% 0 no-repeat fixed;    
    height: 600px;
    margin: 0 auto;
    padding: 140px 0px 0px 0px;
    background-size: cover;
}

#slide6
{
    background: url() 50% 0 no-repeat fixed; 
    height: 900px;
    margin: 0 auto;
    padding: 140px 0px 0px 0px;
    background-size: cover;
    clear:both;
}

#slide7
{
    background: url() 50% 0 no-repeat fixed;    
    height: 700px;
    margin: 0 auto;
    padding: 140px 0px 0px 0px;
    background-size: cover;
    clear:both;
}

#slide8
{
    background: url() 50% 0 no-repeat fixed; 
    height: 1000px;
    margin: 0 auto;
    padding: 140px 0px 0px 0px;
    background-size: cover;
    clear:both;
}

#slide9
{
    background: url() 50% 0 no-repeat fixed;    
    /*height: 900px;*/
    margin: 0 auto;
    padding: 140px 0px 0px 0px;
    background-size: cover;
    clear:both;
}

#slide10
{
    background: url(../Img/slide10.jpg) 50% 0 no-repeat fixed;
    height: 600px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    background-size: cover;
}
#slide11 {
    background: url() 50% 0 no-repeat fixed;
    height: 700px;
    margin: 0 auto;
    padding: 100px 0px 0px 0px;
    background-size: cover;
    clear: both;
}

#slide_valuadora {
    background: url() 50% 0 no-repeat fixed;
    /*height: 1300px;*/
    margin: 0 auto;
    padding: 140px 0px 0px 0px;
    background-size: cover;
    clear: both;
}
#slide_riesgos {
    background: url() 50% 0 no-repeat fixed;
    /*height: 800px;*/
    margin: 0 auto;
    padding: 140px 0px 0px 0px;
    background-size: cover;
    clear: both;
}

/*= FOOTER 
--------------------------------------------------------*/



#copyright
{
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
}
#copyright a
{
    text-decoration: none;
    color: #fff;
}