/* Aqui los estilos genericos------------------------------ */
@import url(http://fonts.googleapis.com/css?family=Abel);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,300);
*{
    font-family: 'Abel', sans-serif;
    color:#333333;
    float:left;
    clear: both;
}
html{
    width: 100%;
    height: 100%;
    background-image: url("../index_files/background.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    display: flex;
    background-color: #030004;
}

body{
    max-width: 1200px;
    width: 100%;
    height: calc(100% - 30px);
    margin: auto;
    padding-top: 30px;
    float:none;
    vertical-align: middle;
}
#rap{
    width: 100%;
}
/* <Aqui los que definen el header ------------------------------ */
header{
    width: 100%;
}

.press{
    clear:none;
    float: right;
    margin-right: 1%;
    padding-top: 8px;
}
.press:hover{
/* illustration4: */
opacity: 0.62;
opacity: -webkit- 0.62;
opacity: -moz- 0.62;
}
.network{
    clear:none;
    float: right;
    padding: 7px;
    margin-right: 1%;
}
.network:hover{
/* illustration4: */
opacity: 0.62;
opacity: -webkit- 0.62;
opacity: -moz- 0.62;
}
#followus{
    clear:none;
    float: right;
    padding: 7px;
    margin-top: -14px;

}
#followus p{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 19px;
}

/* <Aqui los que definen el menu ------------------------------ */
aside{
    width: 100%;
max-width: 790px;
}
#aside_pledge{
   height: auto;
    width: 100%;
    text-align: justify;
     margin:auto;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines; 
}

#myframe{
    width: calc(100% - 20px);
    max-width: 790px;
    border-radius: 10px;
    border-radius: -webkit- 10px;
    border-radius: -moz- 10px;
    margin-left: 10px;
	margin-top: 4%;
    /* Rectangle 14: */
    background: rgba(0,0,0,0.80);
    box-shadow: 0px 2px 40px 0px rgba(0,0,0,0.80);
}

.rewardframe{
	clear:none;
    float:left;
    width: 365px;
    height: 600px;

    border-radius: 10px;
    border-radius: -webkit- 10px;
    border-radius: -moz- 10px;
    /* Rectangle 14: */
    background: rgba(0,0,0,0.80);
    box-shadow: 0px 2px 40px 0px rgba(0,0,0,0.80);
    margin: 5px;
    margin-top: 50px;
    vertical-align: top;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    zoom: 1
}

#myimg{
    opacity: 1;
    opacity: -webkit- 1;
    opacity: -moz- 1;
    margin: 20px;
    margin-bottom: 10px;
    background-color: white;
}
#myimg img{
    width: 100%;
    background-color: white;
}
/*#myimg img:hover{
    width: 100%;
    background-color: white;
    opacity: 0.82;
    opacity: -webkit- 0.82;
    opacity: -moz- 0.82;
}*/
#rewardimg{
	width: 100%;
    opacity: 1;
    opacity: -webkit- 1;
    opacity: -moz- 1;
    background-color: none;
}
#rewardimg img{
	position: center;
	width: 304px;
	height: 258px;
	margin: 40px;
	margin-bottom: 25px;
}

#rewardtitle{
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 17px;
color: #FFFFFF;
line-height: 18px;
margin: 20px;
margin-top: 0px;
margin-bottom: 5px; 
width: calc(100% - 40px);
}

#rewardtext{
margin: 20px;
margin-top: 0px;
margin-bottom: 0px; 
width: calc(100% - 40px);
}

#rewardtext p{
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 13px;
color: #FFFFFF;
line-height: 18px;
margin-bottom: 0px;
margin-top: 8px;
}

#whiteline{
    margin: 20px;
    margin-top: 0px;
    margin-bottom: 0px; 
    width: calc(100% - 40px);
    height: 3px;
    background-image: url(links/whiteline.png);

}

#leftcolum{
	width: 60% ;
	clear:none;
}
#rightcolum{
	width: 30%;
	clear:none;
	float: right;
	padding-right: 20px;
	margin-top: 8px;
}

#rightcolum p{
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 13px;
color: #FFFFFF;
line-height: 18px;
margin-bottom: 5px;
margin-top: 0px;
}

#destacado b{
font-family: 'Open Sans', sans-serif;
font-weight: bolder;
font-size: 13px;
color: #FFFFFF;
line-height: 18px;
}
#destacado p{
font-family: 'Open Sans', sans-serif;
font-weight: bolder;
font-style: italic;
font-size: 13px;
color: #FFFFFF;
line-height: 18px;
}

#mytext {
padding-right: 20px;
padding-left: 20px;
width: calc(100% - 40px);
}

#mytext p{
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 13px;
color: #FFFFFF;
line-height: 18px;
}

main{
    width: 100%;
    clear: none;
}
main:after {
    content: '';
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}
#seemore{
    float:left;
    margin-left: 20px;
    margin-bottom: 20px;
}
#seemore:hover{
    opacity: 0.62;
    opacity: -webkit- 0.62;
    opacity: -moz- 0.62;
}
#late_pledge{
    float:left;
    margin-bottom: 20px;
    margin-top: 5px;
}
#late_pledge:hover{
    opacity: 0.62;
    opacity: -webkit- 0.62;
    opacity: -moz- 0.62;
}
#paypal{
    float:right;
    margin-bottom: 0px;
    margin-top: 5px;
    margin-right: 20px;
}
#paypal:hover{
    opacity: 0.62;
    opacity: -webkit- 0.62;
    opacity: -moz- 0.62;
}
/* <Aqui los que definen el contenido ------------------------------ */



/* <Aqui los que definen el footer ------------------------------ */
  @media (max-width: 600px) {
  	#leftcolum{
  	width: calc(100% - 40px);
	width: 100% ;
	clear:none;
}
#rightcolum{
	width: calc(100% - 40px);
	clear:none;
	float: right;
	padding-right: 20px;
	margin-top: 8px;
}

}
 @media (max-width: 400px) {
#aside_pledge{
    padding-left: 5px; 
}
 }

content{
    width:100%;
    max-width: 1200px;
    height: auto;
    margin:auto;
    overflow:hidden;
}

#cartelera {
    height: auto;
    width: 98%;
    text-align: justify;
    margin:auto;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines; 
}

#cartelera > .pelicula {
    width: 365px;
    height: 500px;
    margin-top: 50px;
    border-radius: 10px;
    border-radius: -webkit- 10px;
    border-radius: -moz- 10px;
    background: rgba(0,0,0,0.80);
    box-shadow: 0px 2px 40px 0px rgba(0,0,0,0.80);
    vertical-align: top;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    zoom: 1
}

.mesapixel{
    width: 100%;
    clear: none;
    padding: 40px;
    color:red;
}
.mesapixel img{
    margin: 40px;
    width: 304px;
    height: 258px;
}
#rewardtitle{
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 17px;
text-align: left;
color: #FFFFFF;
line-height: 18px;
margin: 20px;
margin-top: 0px;
margin-bottom: 5px; 
width: calc(100% - 40px);
}

#rewardtext{
margin: 20px;
margin-top: 0px;
margin-bottom: 0px; 
width: calc(100% - 40px);
}

#rewardtext p{
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 13px;
color: #FFFFFF;
line-height: 18px;
margin-bottom: 0px;
margin-top: 8px;
}

#whiteline{
    margin: 20px;
    margin-top: 0px;
    margin-bottom: 0px; 
    width: calc(100% - 40px);
    height: 3px;
    background-image: url(links/whiteline.png);

}
#paypal{
    float:right;
    margin-bottom: 0px;
    margin-top: 15px;
    margin-right: 20px;
}
#paypal:hover{
    opacity: 0.62;
    opacity: -webkit- 0.62;
    opacity: -moz- 0.62;
}
#cartelera:after {
    content: '';
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}



#container {
    width:100%;
    height: auto;
    margin: 5px;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    
}

#container > div {
    width: 45%;
    max-width: 211px;
    min-height: 170px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    margin-top: 20px;
    background-color: #ffffff;
    zoom: 1
}
#container:after {
    content: '';
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  z-index: -1;
}

#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

#topheader {
  float: right;
overflow: visible;
position: relative;
z-index: 1;
height: 177px;
width: 100%;
background: url("../index_files/topheader.png") no-repeat;
}

#topline{
position: relative;
z-index: 1;
bottom:2px;
left: 140px;
}

#logo{
position: relative;
z-index: 1;
left:8px;
top:2px;
}

#logo a{
     clear: none;
}

#logo:hover{
    opacity: 0.82;
    opacity: -webkit- 0.82;
    opacity: -moz- 0.82;
}

#socialnetworks{
position: relative;
z-index: 1;
    width: 91%;
	bottom: 50px;
  
    
    
	
}