﻿.carousel .item img {
  max-height: 400px;
  min-width: auto;
}

.imgNew {
  position: relative ;
  top: 60px;
  left: 10px;
  z-index:10;
}
.ie .imgNew {
  position: relative ;
  top: 10px;
  left: 10px;
  z-index:10;
}


@media screen and (max-width: 480px) and (min-width: 0px) {
.capa
{
    width: 82px;
    height: 117px;
    margin: 0px;
    border: 1px solid #efefef;
    position: relative;
}

.capafilme
{
    width: 200px;
    height: 300px;
    margin: 0px;
    border: 1px solid #efefef;
}

.logo
{
    width: 100px;
    height: 90px;
    /*max-width:150px;
    max-height:135px;
    width: auto;
    height: auto;*/
    background: url(/img/logop.png) no-repeat;
}
}

@media screen and (max-width: 767px) and (min-width: 481px) {
.capa
{
    width: 150px;
    height: 213px;
    margin: 1px;
    border: 1px solid #efefef;
    position: relative;
}

.capafilme
{
    width: 200px;
    height: 300px;
    margin: 0px;
    border: 1px solid #efefef;
}

.logo
{
    width: 100px;
    height: 90px;
    /*max-width:150px;
    max-height:135px;
    width: auto;
    height: auto;*/
    background: url(/img/logop.png) no-repeat;
}

}

@media screen and (min-width: 768px) {
.capa
{
    width: 200px;
    height: 284px;
    margin: 2px;
    border: 1px solid #efefef;
    position: relative;
}

.logo
{
    width: 150px;
    height: 135px;
    /*max-width:150px;
    max-height:135px;
    width: auto;
    height: auto;*/
    background: url(/img/logom.png) no-repeat;
}

}

.carousel-inner img {
    min-height: 100px;
    min-width: 100%;
    top: 0;
    left: 0;
    height: 200px;
}

a[href="#top"]{
    padding:10px;
    position:fixed;
    top: 90%;
    right:40px;
    display:none;
    font-size: 30px;
    z-index:1000;
}
a[href="#top"]:hover{
    text-decoration:none;
}

.modal-content {
    width: 110%;
    margin-left:-5%;
}

body
{
 background-color:#cccccc;
  padding-top: 5px;   
}

.topo
{
 background-color:#ffffff;
 padding-top: 0px;   
}

.menuNav a:hover
{
    color:Blue;
}

.menuNav
{
    padding-top: 30px;
    font-size:18px;
    font-weight:bold;
}

.footertext 
{
    color: black;
    }

#bannergoogle
{
    padding-top: 20px;
    padding-bottom: 0px;
}

@media screen and (max-width: 700px) {
  #bannergoogle {
    height:60px;
  }
  #div-ca-pub-5848544437537527 {
    float:none;margin-left:auto;margin-right:auto;
  }
}

.caparetaguarda{ 
        width:210px; 
        height:300px;  
        position:absolute; 
        z-index:100; 
        margin-left:600px; 
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('/img/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

.blocogrupo
{
    width: 98%;
    margin: 10px auto;
}

.menuRet
{
    width: 150px;
}

.tblRet
{
    width: 100%;
    background-color:#ffffff;
}

.linhaBaixo
{
    border-bottom: 1px solid black;
}

.linhaD
{
    border-right: 1px solid black;
}

.thumb
{
    width: 200px;
    margin: 2px;
    border: 1px solid #efefef;
}

.cena
{
    width: 100%;
    margin: 0px;
    border: 1px solid #efefef;
}

.bs-callout
{
    padding: 10px;
    border: 1px solid #777;
    border-left-width: 5px;
    border-radius: 3px;
    background-color:#ffffff;
}
.bs-callout h4
{
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child
{
    margin-bottom: 0;
}
.bs-callout code
{
    border-radius: 3px;
}
.bs-callout + .bs-callout
{
    margin-top: -5px;
}
.bs-callout-default
{
    border-left-color: #777;
}
.bs-callout-default h4
{
    color: #777;
}
.bs-callout-primary
{
    border-left-color: #428bca;
}
.bs-callout-primary h4
{
    color: #428bca;
}
.bs-callout-success
{
    border-left-color: #5cb85c;
}
.bs-callout-success h4
{
    color: #5cb85c;
}
.bs-callout-danger
{
    border-left-color: #d9534f;
}
.bs-callout-danger h4
{
    color: #d9534f;
}
.bs-callout-warning
{
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4
{
    color: #f0ad4e;
}
.bs-callout-info
{
    border-left-color: #5bc0de;
}
.bs-callout-info h4
{
    color: #5bc0de;
}

#menu {
  min-height: 60px;
  top: 0;
  right: 0;
  left: 0;
  border-bottom: 1px solid #ccc;
  background: #ECECEC;
  z-index: 2;
}

#menu ul {
  padding: 15px 10px 0 0;
  display: inline;
}

#menu li {
  border-left: 1px solid #ccc;
  display: inline;
}

#menu li:first-child {
  border: none;
}

#menu li a {
  display: inline;
  padding: 0 10px;
  color: #999;
  font-size: 16px;
  line-height: 30px;
  text-decoration: none;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

#menu li a:hover {
  color: #333;
}

  #menu ul.list-auto {
    padding: 0;
  }

  #menu ul.list-auto li {
    width: 100%;
    border: solid #ccc;
    border-width: 0 0 1px;
  }

 #menu li a {
    padding: 15px 10px;
  }

  #menu li a:hover {
    background-color: #ccc;
  }

/*
 lists 
.list-full, .list-full li,
.list-auto, .list-auto li { width: 100%; float: left; display: block; position: relative; }
.list-auto, .list-auto li { width: auto; }

/* floats 
.float-l { float: left; }
.float-r { float: right; }

header {
  min-height: 60px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  border-bottom: 1px solid #ccc;
  background: #ECECEC;
  z-index: 2;
}

header h1 {
  padding: 10px 0 0 10px;
}

header h1 a {
  color: #333;
}

header ul {
  padding: 15px 10px 0 0;
}

header li {
  border-left: 1px solid #ccc;
}

header li:first-child {
  border: none;
}

header li a {
  display: block;
  padding: 0 10px;
  color: #999;
  font-size: 16px;
  line-height: 30px;
  text-decoration: none;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

header li a:hover {
  color: #333;
}

input#control-nav {
  visibility: hidden;
  position: absolute;
  left: -9999px;
  opacity: 0;
}

@media screen and (max-width: 767px) {
  header nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 250px;
    border-left: 1px solid #ccc;
    background: #fff;
    overflow-x: auto;
    z-index: 2;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }

  header ul.list-auto {
    padding: 0;
  }

  header ul.list-auto li {
    width: 100%;
    border: solid #ccc;
    border-width: 0 0 1px;
  }

  header li a {
    padding: 15px 10px;
  }

  header li a:hover {
    background-color: #ccc;
  }

  .control-nav { /* label icon 
    position: absolute;
    right: 200px;
    top: 20px;
    display: block;
    width: 30px;
    padding: 5px 0;
    border: solid #333;
    border-width: 3px 0;
    z-index: 2;
    cursor: pointer;
  }

  .control-nav:before {
    content: "";
    display: block;
    height: 3px;
    background: #333;
  }

  .control-nav-close {
    position: fixed; /* label layer 
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 1;
    background: rgba(0,0,0,0.4);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }

  /* checked nav 
  input#control-nav {
    visibility: visible;
  }

  input#control-nav:focus ~ .control-nav {
    border-color: #000;
    box-shadow: 0px 0px 9px rgba(0,0,0,0.3);
  }

  input#control-nav:focus ~ .control-nav:before {
    background: #000;
  }

  input#control-nav:checked ~ nav,
  input#control-nav:checked ~ .control-nav-close {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }

}

@media screen and (max-width: 480px) {
  header h1 {
    font-size: 20px;
    line-height: 40px;
  }
}



#footer {
  
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here 
  height: 280px;
  background: 
  /* color overlay 
    linear-gradient(
      rgba(240, 212, 0, 0.45), 
      rgba(0, 0, 0, 0.45)
    ),
    /* image to overlay 
    url(http://3.bp.blogspot.com/-uCD2VTM3BJE/UkxfpZjpxRI/AAAAAAAA0uI/4JaavEI1VEY/s1600/IMG_8897+2.jpg);
}*/