@font-face{
    font-family: GothamLight;
    src: url('../fonts/gotham-light.eot');
    src: url('../fonts/Gotham-Light.otf'),
    url('../fonts/gotham-light.svg#GothamLight'),     
    url('../fonts/gotham-light.ttf'), 
    url('../fonts/gotham-light.woff');
}

@font-face{
    font-family: GothamLightitalic;
    src: url('../fonts/gotham-lightitalic.eot');
    src: url('../fonts/Gotham-LightItalic.otf'),
    url('../fonts/gotham-lightitalic.svg#GothamLightItalic'),     
    url('../fonts/gotham-lightitalic.ttf'), 
    url('../fonts/gotham-lightitalic.woff');
}

@font-face{
    font-family: GothamBook;
    src: url('../fonts/gotham-book.eot');
    src: url('../fonts/Gotham-Book.otf'),
    url('../fonts/gotham-book.svg#GothamBook'),     
    url('../fonts/gotham-book.ttf'), 
    url('../fonts/gotham-book.woff');
}

@font-face{
    font-family: GothamBookitalic;
    src: url('../fonts/gotham-bookitalic.eot');
    src: url('../fonts/Gotham-BookItalic.otf'),
    url('../fonts/gotham-bookitalic.svg#GothamBookItalic'),     
    url('../fonts/gotham-bookitalic.ttf'), 
    url('../fonts/gotham-bookitalic.woff');
}

@font-face{
    font-family: GothamMedium;
    src: url('../fonts/gotham-medium.eot');
    src: url('../fonts/Gotham-Medium.otf'),
    url('../fonts/gotham-medium.svg#GothamMedium'),     
    url('../fonts/gotham-medium.ttf'), 
    url('../fonts/gotham-medium.woff');
}

@font-face{
    font-family: GothamMediumitalic;
    src: url('../fonts/gotham-mediumitalic.eot');
    src: url('../fonts/Gotham-MediumItalic.otf'),
    url('../fonts/gotham-mediumitalic.svg#GothamMediumItalic'),     
    url('../fonts/gotham-mediumitalic.ttf'), 
    url('../fonts/gotham-mediumitalic.woff');
}

@font-face{
    font-family: GothamBold;
    src: url('../fonts/gotham-bold.eot');
    src: url('../fonts/Gotham-Bold.otf'),
    url('../fonts/gotham-bold.svg#GothamBold'),     
    url('../fonts/gotham-bold.ttf'), 
    url('../fonts/gotham-bold.woff');
}

@font-face{
    font-family: GothamBolditalic;
    src: url('../fonts/gotham-bolditalic.eot');
    src: url('../fonts/Gotham-BoldItalic.otf'),
    url('../fonts/gotham-bolditalic.svg#GothamBoldItalic'),     
    url('../fonts/gotham-bolditalic.ttf'), 
    url('../fonts/gotham-bolditalic.woff');
}

@font-face{
    font-family: GothamBlack;
    src: url('../fonts/gotham-black.eot');
    src: url('../fonts/Gotham-Black.otf'),
    url('../fonts/gotham-black.svg#GothamBlack'),     
    url('../fonts/gotham-black.ttf'), 
    url('../fonts/gotham-black.woff');
}

@font-face{
    font-family: GothamBlackitalic;
    src: url('../fonts/gotham-blackitalic.eot');
    src: url('../fonts/Gotham-BlackItalic.otf'),
    url('../fonts/gotham-blackitalic.svg#GothamBlackItalic'),     
    url('../fonts/gotham-blackitalic.ttf'), 
    url('../fonts/gotham-blackitalic.woff');
}

@-ms-viewport       
{ width: device-width; }


body {
    padding-bottom: 0px;
    background-image:url('/img/fabric_of_squares_gray.png')    
}

.container_total{
    padding-top:100px;
}

.spacer{
    display:inline-block;
    vertical-align:top;    
    
}

.saibamais{
    cursor:pointer;    
}

.sair{
    width:50px;
    height:50px;
    background-repeat:no-repeat;
    background-image:url('../img/volta_livros-01.png');
    display:inline-block;
    cursor:pointer;
    float:right;
    margin-right: 30px;
}

.sair:hover{
    background-image:url('../img/volta_livros_hover-01.png');
}

.setinha_proximo{
    width:50px;
    height:50px;
    background-repeat:no-repeat;
    background-image:url('../img/proximo-01.png');
    display:inline-block;
    cursor:pointer;
    float:right;
}

.setinha_proximo:hover{
    background-image:url('../img/proximo_hover-01.png');
}

.setinha_anterior{
    width:50px;
    height:50px;
    background-repeat:no-repeat;
    background-image:url('../img/anterior-01.png');
    display:inline-block;
    cursor:pointer;
    float:left;
}

.setinha_anterior:hover{
    background-image:url('../img/anterior_hover-01.png');
}

.carta{
    width:401px;
    height:301px;
    background-repeat:no-repeat;
    display:inline-block;
    cursor:pointer;
    max-width:100%;    
}

.biblioteca{
    width:196px;
    height:139px;
    background-repeat:no-repeat;
    background-image:url('../img/biblioteca-01.png');
    display:inline-block;
    cursor:pointer;
}

.leitura{
    width:196px;
    height:139px;
    background-repeat:no-repeat;
    background-image:url('../img/leitura-01.png');
    display:inline-block;
    cursor:pointer;
}

.video{
    width:196px;
    height:139px;
    background-repeat:no-repeat;
    background-image:url('../img/video-01.png');
    display:inline-block;
    cursor:pointer;
}

.atencao{
    width:196px;
    height:139px;
    background-repeat:no-repeat;
    background-image:url('../img/atencao-01.png');
    display:inline-block;
    cursor:pointer;
}

.reflita{
    width:196px;
    height:139px;
    background-repeat:no-repeat;
    background-image:url('../img/refletir-01.png');
    display:inline-block;
    cursor:pointer;
}

.reflita2{
    width:100%;
    display:inline-block;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
}

.setinha_direita{
    width:50px;
    height:50px;
    background-repeat:no-repeat;
    background-image:url('../img/setinha-01.png');
    display:inline-block;
    cursor:pointer;
    float:right;
}

.setinha_esquerda{
    width:50px;
    height:50px;
    background-repeat:no-repeat;
    background-image:url('../img/setinha2-01.png');
    display:inline-block;
    cursor:pointer;
    float:left;
    
}

.setinha_esquerda_disabled{
    width:50px;
    height:50px;
    background-repeat:no-repeat;
    background-image:url('../img/setinha2-01_grey.png');
    display:inline-block;
    cursor:pointer;
    float:left;
    
}


#atividades{
    width:120px;
    height:114px;
    background-repeat:no-repeat;
    background-image:url('../img/atividades-01.png');
    display:inline-block;
    cursor:pointer;
}

#filmetes{
    width:120px;
    height:114px;
    background-repeat:no-repeat;
    background-image:url('../img/filmetes-01.png');
    display:inline-block;
    cursor:pointer;
}

#glossario{
    width:120px;
    height:114px;
    background-repeat:no-repeat;
    background-image:url('../img/glossario-01.png');
    display:inline-block;
    cursor:pointer;
}

#linhatempo{
    width:120px;
    height:114px;
    background-repeat:no-repeat;
    background-image:url('../img/linhatempo-01.png');
    display:inline-block;
    cursor:pointer;
}

#linhatempo2{
    width:120px;
    height:114px;
    background-repeat:no-repeat;
    background-image:url('../img/linhatempo-01.png');
    display:inline-block;
    cursor:pointer;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s; 
    -webkit-animation-duration: 1s;
    -moz-animation-duration:1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s; 
    
}


#forum{
    width:120px;
    height:114px;
    background-repeat:no-repeat;
    background-image:url('../img/forum-01.png');
    display:inline-block;
    cursor:pointer;
}


.saibamais_texto{
    font-family: gothamblack;
    font-size:25px;
    color:#428bca;
    position:relative;
    top:-30px;
    display:inline-block;
}

.saibamais img{
    background-repeat:no-repeat;    
}

.logo_una{
  display: block;
  height: auto;
  max-width: 100%;
  margin-left:auto;
  margin-right:auto;    
}

.popover.bottom{
    margin-top:-80px;
}

.panel-default > .panel-heading {
    background-color:#DFF0D8;
    border-color: #DFF0D8;    
}

.panel-title > a{
    color:#104371;
    font-family: GothamBold;  
}

.logos{
    text-align:center;
}

.navegacao{
    width:100%;
    height:50px;
}

.infoSlice {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.imagesContainer {
    width: 33.33333%;
    height: 100%;
    float: left;
}
.floatLeft {
    float: left;
}
.floatCenter {
    margin:0 auto !important;
}
.floatRight {
    float: right;
}
.imgContent {
    width: 99%;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.imgContent:hover {
    background: rgba(31, 69, 163, 0.1);
}
.imgContent img {
  width: 100%;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom: 1px solid #ddd;
}
.imgText {
    padding: 20px;
    font-family: GothamBold;
    font-size: 1.2em;
    color: #1F63A3;
    height: 100%;
    text-align: justify;
}

.sub {
  text-align: justify;
  display: none;
  position: absolute;
  bottom: 20px;
  left: 15px;
  right: 15px;
  padding: 20px;
  background: rgba(89, 166, 112, 0.8);
  color: #fff;
  font-family: GothamLight;
  font-size: 1.1em;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/** MODAIS **/

#Modal_BV .modal-dialog .modal-content{
    border-radius: 6px;
    background-color:#dea9ca;    
}

#Modal_BV .modal-dialog .modal-content .modal-header{

}

#Modal_BV .modal-dialog .modal-content .modal-footer{
    margin-top:0px;
}

#Modal_BV .modal-dialog .modal-content .modal-header .close{
    font-size:40px; 
    color:white
}

#Modal_BV .modal-dialog .modal-content .modal-body{
    background:url(../img/fabric_of_squares_pink.png);
}

#Modal_BV .modal-dialog .modal-content .modal-header .modal-title{
    font-weight:bolder; 
    color:white    
}

#modal-reflita .modal-dialog .modal-content{
    border-radius: 6px;
    background-color:#a9dec8;    
}

#modal-reflita .modal-dialog .modal-content .modal-header{

}

#modal-reflita .modal-dialog .modal-content .modal-footer{
    margin-top:0px;
}

#modal-reflita .modal-dialog .modal-content .modal-header .close{
    font-size:40px; 
    color:white
}

#modal-reflita .modal-dialog .modal-content .modal-body{
    background:url(../img/fabric_of_squares_blue.png);
}

#modal-reflita .modal-dialog .modal-content .modal-header .modal-title{
    font-weight:bolder; 
    color:white;    
}

#modal-video .modal-dialog .modal-content{
    border-radius: 6px;
    background-color:#c4c6c5;    
}

#modal-video .modal-dialog .modal-content .modal-header{

}

#modal-video .modal-dialog .modal-content .modal-footer{
    margin-top:0px;
}

#modal-video .modal-dialog .modal-content .modal-header .close{
    font-size:40px; 
    color:white
}

#modal-video .modal-dialog .modal-content .modal-body{
    background:url(../img/fabric_of_squares_gray_@2X.png);
}

#modal-video .modal-dialog .modal-content .modal-header .modal-title{
    font-weight:bolder; 
    color:white    
}

#modal-atencao .modal-dialog .modal-content{
    border-radius: 6px;
    background-color:#f0c842;    
}

#modal-atencao .modal-dialog .modal-content .modal-header{

}

#modal-atencao .modal-dialog .modal-content .modal-footer{
    margin-top:0px;
}

#modal-atencao .modal-dialog .modal-content .modal-header .close{
    font-size:40px; 
    color:white
}

#modal-atencao .modal-dialog .modal-content .modal-body{
    background:url(../img/fabric_of_squares_yellow.png);
}

#modal-atencao .modal-dialog .modal-content .modal-header .modal-title{
    font-weight:bolder; 
    color:white    
}

#modal-saibamais .modal-dialog .modal-content{
    border-radius: 6px;
    background-color:#23748e;    
}

#modal-saibamais .modal-dialog .modal-content .modal-header{

}

#modal-saibamais .modal-dialog .modal-content .modal-footer{
    margin-top:0px;
}

#modal-saibamais .modal-dialog .modal-content .modal-header .close{
    font-size:40px; 
    color:white
}

#modal-saibamais .modal-dialog .modal-content .modal-body{
    background-color:white;
}

#modal-saibamais .modal-dialog .modal-content .modal-header .modal-title{
    font-weight:bolder; 
    color:white    
}

#modal-leitura .modal-dialog .modal-content{
    border-radius: 6px;
    background-color:#888fc9;    
}

#modal-leitura .modal-dialog .modal-content .modal-header{

}

#modal-leitura .modal-dialog .modal-content .modal-footer{
    margin-top:0px;
}

#modal-leitura .modal-dialog .modal-content .modal-header .close{
    font-size:40px; 
    color:white
}

#modal-leitura .modal-dialog .modal-content .modal-body{
    background:url(../img/fabric_of_squares_blue.png);
}

#modal-leitura .modal-dialog .modal-content .modal-header .modal-title{
    font-weight:bolder; 
    color:white    
}

#Modal_1 .modal-dialog .modal-content{
    border-radius: 6px;
    background-color:#70bceb;    
}

#Modal_1 .modal-dialog .modal-content .modal-header{

}

#Modal_1 .modal-dialog .modal-content .modal-footer{
    margin-top:0px;
}

#Modal_1 .modal-dialog .modal-content .modal-header .close{
    font-size:40px; 
    color:white
}

#Modal_1 .modal-dialog .modal-content .modal-body{
    background:url(../img/fabric_of_squares_green.png);
}

#Modal_1 .modal-dialog .modal-content .modal-header .modal-title{
    font-weight:bolder; 
    color:white    
}

#Modal_2 .modal-dialog .modal-content{
    border-radius: 6px;
    background-color:#70bceb;    
}

#Modal_2 .modal-dialog .modal-content .modal-header{

}

#Modal_2 .modal-dialog .modal-content .modal-footer{
    margin-top:0px;
}

#Modal_2 .modal-dialog .modal-content .modal-header .close{
    font-size:40px; 
    color:white
}

#Modal_2 .modal-dialog .modal-content .modal-body{
    background:url(../img/fabric_of_squares_green.png);
}

#Modal_2 .modal-dialog .modal-content .modal-header .modal-title{
    font-weight:bolder; 
    color:white    
}

#Modal_3 .modal-dialog .modal-content{
    border-radius: 6px;
    background-color:#70bceb;    
}

#Modal_3 .modal-dialog .modal-content .modal-header{

}

#Modal_3 .modal-dialog .modal-content .modal-footer{
    margin-top:0px;
}

#Modal_3 .modal-dialog .modal-content .modal-header .close{
    font-size:40px; 
    color:white
}

#Modal_3 .modal-dialog .modal-content .modal-body{
    background:url(../img/fabric_of_squares_green.png);
}

#Modal_3 .modal-dialog .modal-content .modal-header .modal-title{
    font-weight:bolder; 
    color:white    
}

/** fim dos MODAIS **/

.progress{
    width:55%; 
    background-color:white;
    margin:auto;
    position:relative;
    top:14px;    
}

.status{
    text-align:center;
    font-family: gothambookitalic;
    color:#3c763d; 
    font-size:15px; 
    margin-bottom:0px;
    margin-top:-10px;    
}

.thumbnail{
    border-radius: 6px;
}

.thumbnail img{
    border-radius: 6px;
}

.jumbotron{
    background-color:white;
}
.panel-body{
    margin-left:20px;
    margin-right:20px;
    margin-top:20px;    
}
.page-header{
    font-family: gothambold;
}

.page-header h1{
    color:#459c5e;
}

.page-header h1 small{
    color:#adc8db;
}

#tablet{
    text-align:center;
}

#tablet img{
    max-width:100%;
}

#licao01{
    max-width:100%
}

.texto1{
    color:#575757;
}

.itens {
    height: 70px;
    background: rgba(60, 145, 32, 0.6);
    text-align: center;
    font-family: GothamMedium;
    font-size: 1.4em;
    color: #fff;
    line-height: 70px;
    border-radius: 10px;
    cursor: default;
}
#post_it{
    max-width:100%;
    -webkit-animation-duration: 1s;
    -moz-animation-duration:1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
}

#whiteboard{
    max-width:100%;
    -webkit-animation-duration: 1s;
    -moz-animation-duration:1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
}

#whiteboard2{
    max-width:100%;
    -webkit-animation-duration: 1s;
    -moz-animation-duration:1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
}

#polaroid{
    max-width:100%;
    -webkit-animation-duration: 1s;
    -moz-animation-duration:1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
}

.texto2{
    -webkit-animation-duration: 1s;
    -moz-animation-duration:1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    font-family: gothambook;
    font-size:15px;
    line-height:30px;
    color:#575757;    
}

.texto3{
    -webkit-animation-duration: 1s;
    -moz-animation-duration:1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
    font-family: gothambook;
    font-size:15px;
    line-height:30px;
    color:#575757;    
}

#hom_mul{
    -webkit-animation-duration: 1s;
    -moz-animation-duration:1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
}

.a {
    max-width:100%;
    width:800px; 
    height:276px;
    overflow:hidden;
    background-image:url(../img/hq_conceito_generos.png);
    background-size:100%;
    margin:auto;
    top:300px;
    bottom:0;
    left:0;
    right:0;

    background-repeat:no-repeat;
}		
.b {
    max-width:100%;
    width:0; 
    height:276px;
    overflow:hidden;
    margin-left:0px;
    transition:width .5s ease;
}		
.a:hover .b {
    max-width:100%;
    width:800px;
}
.c {
    max-width:100%;
    width:800px; 
    height:276px;
    margin:auto;
    background-image:url(../img/hq_conceito_genero-02.png);
    background-size:100%;
    background-position:0px 0;
    background-repeat:no-repeat;
}

.d {
    max-width:100%;
    width:220px; 
    height:530px;
    overflow:hidden;
    background-image:url(../img/hq_conceito_genero-01-02.png);
    background-size:100%;
    margin:auto;
    top:300px;
    bottom:0;
    left:0;
    right:0;

    background-repeat:no-repeat;
}       
.e {
    max-width:100%;
    width:0; 
    height:530px;
    overflow:hidden;
    margin-left:0px;
    transition:width .5s ease;
}       
.d:hover .e {
    max-width:100%;
    width:260px;
}
.f {
    max-width:100%;
    width:800px; 
    height:530px;
    margin:auto;
    background-image:url(../img/hq_conceito_genero-02-02.png);
    background-size:100%;
    background-position:0px 0;
    background-repeat:no-repeat;
}

.reflita{
   -webkit-animation-iteration-count: infinite;
   -ms-animation-iteration-count: infinite; 
   -moz-animation-iteration-count: infinite; 
   -o-animation-iteration-count: infinite;        
}

.seta{
   -webkit-animation-iteration-count: infinite;
   -ms-animation-iteration-count: infinite; 
   -moz-animation-iteration-count: infinite; 
   -o-animation-iteration-count: infinite;        
}


.menu_peq{
   font-size:12px;
   padding-left:20%;
   font-style:italic;    
}

#wrapper_btn{
    text-align:center;
    width:100%;    
    max-width:100%; 
    margin-left:auto;
    margin-right:auto;
    -webkit-animation-duration: 1s;
    -moz-animation-duration:1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;    
}

#wrapper_btn button{
    margin:10px;
    width:250px;
    height:100px;  
    max-width:100%; 
    resize:both;    
}

.btn-custom {
  background-color: #59A670 !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9dd53a", endColorstr="#437c53");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#9dd53a), to(#437c53));
  background-image: -moz-linear-gradient(top, #9dd53a, #437c53);
  background-image: -ms-linear-gradient(top, #9dd53a, #437c53);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9dd53a), color-stop(100%, #437c53));
  background-image: -webkit-linear-gradient(top, #9dd53a, #437c53);
  background-image: -o-linear-gradient(top, #9dd53a, #437c53);
  background-image: linear-gradient(#9dd53a, #437c53);
  border-color: #23748e #23748e hsl(195, 60%, 32.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
  -webkit-font-smoothing: antialiased;
}

#ttip_wrapper{
    max-width:100%;
    width:100%; 
    -webkit-animation-duration: 2s;
    -moz-animation-duration:2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;    
    
}

#ttip_wrapper a img{
    max-width:100%;
}

#newspaper_ttip{
    width:100%; 
    height:10px;
    margin-left:auto;
    margin-right:auto;  
    position:relative;    
}

#notepad{
    max-width:100%;
}

#foucault{
    max-width:100%;
}

#quadro_travesti{
    max-width:100%;
}

#post_fita{
    max-width:100%;
    -webkit-animation-duration: 2s;
    -moz-animation-duration:2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;    
}

#violencia{
    max-width:100%;
}

.btn_topo{
    width:100px;
    height:100px;    
}

.seta_topo{
    margin-top:20px;    
    text-align:center;
}


.seta_topo img:hover{
    cursor:pointer;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

#carousel-example-generic{
    -webkit-animation-duration: 2s;
    -moz-animation-duration:2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
}

.carousel-inner > .item > img{
    margin: auto;
}

#tablet2 {
   max-width:100%;   
}

#MainMenu {
    
}

header { 
  height: 135px; 
  background-image: url(../img/bg-header.jpg);
  background-repeat: repeat-x;
  width: 100%;
}




.embed-container {
    position: relative;
    padding-bottom: 40%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.box h4{
    text-align:left;
    position:relative;
    left: 15px;
    right: 25px;
    padding-right: 10px;
    font-weight: 900;
    line-height:30px;

}

.box img{
  margin-top: 5px;
  display: inline;
  margin-bottom: 30px;

}
.box {

    width:100%;
    height:50%;
    background-color: #FFFFFF; 
    border-width: 3px; 
    border-style: dotted; 
    border-color: #E8E8E8; 
    border-radius: 15px; 
    box-shadow: 0px 1px 4px 0px #99A3AD, 0px 0px 40px #EEEEEE;
    margin:40px auto;
    padding: 10px;
    padding-top: 10px;
    padding-right: 20px;
    color: #59A670;
}

/*==================================================
 * Effect 2
 * ===============================================*/
 .effect2
 {
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
