/*
Theme Name: DESIERTO VERDE
Theme URI: http://wordpress.org/
Description: desiertoverde Theme
Version: 1.0
Author: UNTREFMEDIA
Author URI: http://untrefmedia.com/

*/


@charset "utf-8";




/* HTML5-Hack Para IE6-8 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    display: block;
	margin:0;
    padding:0;
	vertical-align:baseline;
}



/*
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Rye', cursive;
font-family: 'Playfair Display SC', serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Playfair Display', serif;
*/

/**********************************
 ATRIBUTOS GENERALES
 **********************************/

body{
	display: block;
	background: url(imagenes/fondo_contenido.png);
} 

div#pagina{
	display: block;
	margin: auto;
	width: 972px;
}

p{
	font-family: arial;
	font-size: 12px;
	color: rgb(84,84,84);
	line-height: 17px;
	margin-bottom:17px;
}

a{
	font-family: arial;
	font-size: 12px;
	color: rgb(84,84,84);
	text-decoration: none;
}

/**********************************
 CONTENIDO
 **********************************/
 
div.contenido{
	 display:block;
}

/**********************************
 TITULOS
 **********************************/
/**********************************
 PARRAFOS
 **********************************/

 /**********************************
 SEPARADORES
 **********************************/

 div.separador-1{
 	width: 100%;
 	display: block;
 	clear: both;
 }

 div.separador-2{
 	width: 100%;
 	height: 15px;
 	display: block;
 	clear: both;
 }

 div.separador-border{
 	width: 100%;
 	clear: both;
 	border-top: 1px solid rgb(169,169,169);
 	border-bottom: 1px solid rgb(169,169,169);
 	display: block;
 	padding: 5px 0px;
 	margin-bottom: 15px;
 }

  div.separador-border2{
 	width: 100%;
 	clear: both;
 	border-top: 1px solid rgb(169,169,169);
 	border-bottom: 1px solid rgb(169,169,169);
 	display: block;
 	padding: 5px 0px;
 	margin: 15px 0px;
 }
 
  div.separador-dashed{
 	border-top: 1px dashed rgb(169,169,169);
 	width: 100%;
 	display: block;
 	clear: both;
 	min-height: 1px;
 }

 /**********************************
 TITULOS
 **********************************/

 div.titulo-principal{
 	width: 600px;
 	padding: 5px 0px;
 	margin: auto;
 	border-top: 1px solid rgb(169,169,169);
 	border-bottom: 1px solid rgb(169,169,169);
 }

 h1{
 	font-family: 'Playfair Display SC', serif;
 	font-weight: 400;
 	color: rgb(84,84,84);
 	font-size: 25px;
 	text-align: center;
 	line-height: 24px;
 }

 h2{
 	font-family: 'Roboto Condensed', sans-serif;
 	font-weight: 700;
 	font-size: 23px;
 	color: rgb(144,144,144);
 }

 h3{
 	font-family: 'Playfair Display SC', serif;
 	font-weight: 700;
 	color: rgb(184,38,44);
 	font-size: 14px;
 	padding-bottom: 10px;
 }

 /**********************************
 HEADER
 **********************************/
 header{
	 height:150px;
	 width:100%;
	 background: url(imagenes/back_header.png);
	 border-bottom: 4px solid rgb(22,152,4);
 }

 .header_master{
 	position: relative;
 	width: 975px;
 	height:150px;
 	margin: auto;
 }
 
 div#logo{
	position: absolute;
	width: 573px;
	height: 135px;
	left: 210px;
	top: 0;
 }

  div#facebook{
	 width:22px;
	 height:22px;
	 position:absolute;
	 right:6px;
	 top:12px;
 }
 
 div#twitter{
	top: 12px;
	width: 25px;
	height: 18px;
	position: absolute;
	right: 30px;
 }
 
 div#youtube{
	top: 17px;
	width: 18px;
	height: 22px;
	position: absolute;
	left: 911px;
 }

 /*
 
 div#txt-left{
	 position:absolute;
	 width:253px;
	 height:18px;
	 left:49px;
	 top:36px;
 }
 
 div#txt-right{
	position: absolute;
	width: 260px;
	height: 20px;
	left: 673px;
	top: 36px;
 }

 */
 
 /**********************************
 NAV
 **********************************/

 .menu{
 	position: relative;;
 	width: 100%;
 	height: 33px;
 }
 
 nav{
	position: absolute;
	left: 55px;
	top: 20px;
	width: 800px;
	height: 19px;
	background: url(imagenes/vinetas.png) no-repeat;
	background-position: 65px 5px;
}

 nav ul li{
	display:inline;
	padding:0px 10px 0px 10px;
}

 nav ul li:first-child{
	padding:0px 10px 0px 0px;
}

 nav ul li:last-child{
	padding:0px 0px 0px 10px;
}

 nav ul li a{
	text-decoration:none;
	font-family: 'Rye', cursive;
	font-size:14px;
	letter-spacing:1px;
	color:#666666;
}

 nav ul li a:hover{
	color:rgb(22,152,4);
	border-bottom:dotted 1px rgb(22,152,4)
}

.menu-active{
}

 #miscelanea-left{
	 position:absolute;
	 width:99px;
	 height:7px;
	 left:0px;
	 top: 35px;
 }
 
 #miscelanea-right{
	 position:absolute;
	 width:99px;
	 height:7px;
	 right:0px;
	 top: 35px;
 }

 div.btn-menu{
 	width: 91px;
 	height: 22px;
 	position: absolute;
 	border-radius: 3px;
 	-webkit-border-radius:3px;
 	-moz-border-radius:3px;
 	display: block;
 	background: #626366;
 	left: 835px;
 	top: 17px;
 }

 div.btn-menu:hover{
 	background: rgb(22,152,4)
 }

 div.btn-menu li{
 	padding-top: 4px;
 	padding-left: 5px;
 }
 
 /**********************************
 HGROUP
 **********************************/
 
 hgroup{
	 width:99%;
	 display:block;
 }
 
 hgroup h3{
	 font-family: 'Playfair Display SC', serif;
	 font-size:15px;
	 font-weight:700;
	 text-align:center;
	 color:rgb(84,84,84);
	 letter-spacing:0.05;
	 padding-top:20px;
 }
 
 hgroup h4{
	 font-family: 'Open Sans Condensed', sans-serif;
	 font-weight:300;
	 text-align:center;
	 color:rgb(84,84,84);
	 font-size:15px;
 }

 /**********************************
 GRILLA
 **********************************/

 [class*="grid"] {
  margin-left: 20px; float: left; min-height: 1px;
}

[class*="offset"] {
  float: left; min-height: 1px;
}

section.row {
  margin-left: -20px;
  *zoom: 1;
}

section.row:before,
section.row:after {
  display: table;
  line-height: 0;
  content: "";
}

section.row:after {
  clear: both;
}

 #margin-clear{
 	margin-left: 0px;
 }

 #column2{
 	column-count: 2;
 	-webkit-column-count:2;
 	-moz-column-count:2;
 }
 
 section.col-full{
	 width:100%;
	 padding:20px 0 50px 0px;
 }

 section.col-parrafos{
 	float: left;
 	width: 471px;
 	padding-right: 15px;
 }
 
  section.col-parrafos:last-child{
 	padding-right: 0px;
 }

  section.grid1{
 	width: 60px;
 }

  section.grid2{
 	width: 140px;
 }

 section.grid3{
 	width: 223px;
 }

 section.grid4{
 	width: 314px;
 }

  section.grid6{
 	width: 479px;
 }

   section.grid7{
 	width: 562px;
 }

 section.grid8{
 	width: 638px;
 }

  section.grid10{
 	width: 808px;
 }

 section.grid12{
 	width: 100%;
 	margin-left: 0px;
 }

 section.offset12 {
  margin-left: 980px;
}

section.offset11 {
  margin-left: 900px;
}

section.offset10 {
  margin-left: 820px;
}

section.offset9 {
  margin-left: 740px;
}

section.offset8 {
  margin-left: 660px;
}

section.offset7 {
  margin-left: 580px;
}

section.offset6 {
  margin-left: 500px;
}

section.offset5 {
  margin-left: 420px;
}

section.offset4 {
  margin-left: 340px;
}

section.offset3 {
  margin-left: 260px;
}

section.offset2 {
  margin-left: 180px;
}

section.offset1 {
  margin-left: 100px;
}

  /**********************************
 FOOTER
 **********************************/
 
 footer{
	 position:relative;
	 width:100%;
	 height:65px;
	 border-top:1px solid rgb(84,84,84);
 }
 
 div#untref-logo{
	width: 111px;
	height: 26px;
	position: absolute;
	left: 411px;
	top: 25px;
 }
 
 div#untrefmedia-logo{
	width: 96px;
	height: 12px;
	position: absolute;
	left: 280px;
	top: 28px;
 }
 
 div#polosur-logo{
	width: 73px;
	height: 22px;
	position: absolute;
	left: 174px;
	top: 27px;
 }

 div#incaa-logo{
	position: absolute;
	left: 570px;
	top: 10px;
 }

 div#cine-argentino{
	position: absolute;
	left: 665px;
	top: 20px;
 }

 div#argentina-logo{
	position: absolute;
	left: 755px;
	top: 15px;
 }
   /**********************************
  ASIDE
 **********************************/
 
 aside{
	 position:relative;
	 width:100%;
	 height:42px;
	 border-top:solid 1px rgb(84,84,84);
 }

 /*
 aside h4{
 	 font-family: 'Open Sans Condensed', sans-serif;
	 font-weight:300;
	 text-align:center;
	 color:rgb(84,84,84);
	 font-size:15px;
	 padding-top: 10px;
 }
 */
 
  /**********************************
 	HOME
 **********************************/
 
 div#pasafotos{
	 width:972px;
	 padding:0;
	 margin-bottom:8px;
 }
 
 h3.bajada-peli{
	 font-family: 'Source Sans Pro', sans-serif;
	 font-size:14px;
	 font-weight:600;
	 text-align:center;
	 color:rgb(84,84,84);
	 padding-top: 12px;
 }


#clear-bottom{
 	padding-bottom: 10px;
 }

 /**********************************
 DIRECTOR
 **********************************/

 div#social-comunity{
 	display: block;
 	width: 100%;
 	padding: 5px 0px;
 	border-top: dashed 1px rgb(169,169,169);
 	border-bottom: dashed 1px rgb(169,169,169);
 	float: left;
 	margin-top: 15px;
 }

 div#social-comunity img{
 	float: left;
 	display: block;
 	padding-right: 5px;
 }

 /**********************************
 GALERIA DE FOTOS
 **********************************/

 div#links_pasafotos{
 	padding-left: 655px;
 }

  div#links_pasafotos a{
 	padding-left: 10px;
 	font-family: arial;
 	font-size: 12px;
 }

  div#links_pasafotos a:hover{
 	color: white;
 	text-decoration: underline;;
 }

 div#links_pasafotos a.activelink{
 	color: white;
 }

 /**********************************
 VIDEO
 **********************************/

 div#video{
 	padding-left: 82px;
 }

 span.tittle{
 	max-width: 140px;
 	max-height: 2.4em;
 	overflow: hidden;
 	font-weight: bold;
 	margin: 2px 0px;
 	line-height: 1.2;
 }

 span.tittle:hover{
 	color: rgb(0, 164, 171);
 }
 
  /**********************************
  DESCARGAS
 **********************************/

 .grid-alter{
 	margin-left: 0px;
 	width: 247px;
 	height: 226px;
 	border-right: 1px dashed rgb(169,169,169);
 }

 .grid-alter:last-child{
 	border-right: none;
 }

 div.content-item{
 	padding: 70px 0 0 60px;
 }

 div.view{
 	max-width: 128px;
 }

 div.view .tittle{
 	text-align: center;
 	font-size: 18px;
 	font-family: 'Roboto Condensed', sans-serif;
 	color: rgb(84,84,84);
 	margin-top: 10px;

 }

 /**** JQUERY DESCARGAS ****/

div.target{
 	position: absolute;
 	width: 972px;
 	height: 246px;
 	background:url(img/backround-download.png);
 	z-index: 670;
 }

 span.header-tittle{
 	width: 100%;
 	height: 45px;
 }

 span.header-tittle h3{
 	font-size: 17px;
 	font-family: 'Roboto Condensed', sans-serif;
 	color: white;
 	font-weight: 700px;
 	padding-top: 10px;
 	padding-left: 20px;
 }

 span.header-tittle a{
 	margin-top: 15px;
 	margin-right: 20px;
 	float: right;
 }
 
  /**********************************
 	QUE HACER?
 **********************************/

 ul.links-amigos{
 	column-count: 2;
 	-webkit-column-count:2;
 	-moz-column-count:2;
 }

 ul.links-amigos li{
 	font-family: arial;
	font-size: 12px;
	color: rgb(84,84,84);
	padding-bottom: 8px;
 }
 
  ul.links-amigos li a{
 	font-family: arial;
	font-size: 12px;
	color: rgb(84,84,84);
	text-decoration:none;
 }
 
   ul.links-amigos li a:hover{
	   text-decoration:underline
 }
 
 /**********************************
 	FORM - QUE HACER
 **********************************/

#contactform{
	width: 390px;
	padding: 15px 10px;
	background: #aaaaaa;
	border-radius: 3px;
	margin-top: 2px
}

#contactform p{
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	color: rgb(84,84,84);
}

#contactform input{
	width: 383px;
	margin-top:3px;
	margin-bottom:3px;
	border: 1px solid #909090
}

#contactform textarea{
	width: 383px;
	height:80px;
	border: 1px solid #909090
}

#contactform button{
	margin: 10px 0 0 300px;
	padding: 5px 8px;			
	width: 84px;
	cursor: pointer;
	border: 1px solid #333333;
	overflow: visible;
	display: inline-block;
	color: #fff;
	font-family: 'Rye', cursive;
	font-size: 12px;
	letter-spacing:2px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.4);		  
	background-color: #179905;
	transition: background-color .2s ease-out;
	border-radius: 3px;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .5) inset;		  						  
}

#contactform select{
	margin:10px 0;
	padding:8px 15px 8px 5px;
	width: 295px;
	*width: 518px; /* IE7 and below */
	box-sizing: border-box;
	border: 1px solid #666666;
	border-radius: 6px;	
	-moz-border-radius: 6px;
	cursor:pointer;
}

#contactform input:focus{
        outline: 0;
        border-color: #aaa;
		box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
		-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
}

#contactform select:focus{
        outline: 0;
        border-color: #aaa;
		box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
		-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
}

#contactform textarea:focus{
        outline: 0;
        border-color: #aaa;
	box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
	-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
}

 /**********************************
 DIAS Y HORARIOS
 **********************************/

.cineshs{
	position:fixed;
	z-index:500;
	top:33%;
	left:0;
	background:#093;
	padding:10px 6px 10px 16px;
}

.cineshs h3{
	float:left;
	font-size:13px;
	color:#FFFFFF;
}

.cineshs ul{
	list-style:none;
	font-size:12px;
	color:#FFFFFF;
}

.cineshs ul li{
	margin-bottom:10px;
}

.cineshs ul li a{
	text-decoration:none;
	color:#FFF;
}





 /**********************************
 TITILA
 **********************************/

h3.tittle-poster{
	 text-align:center;
	 color:#FFF;
	 padding:4px;
	animation:myfirst 1.5s infinite ease-in-out;
	-moz-animation:myfirst 1.5s infinite ease-in-out; 
	-webkit-animation:myfirst 1.5s infinite ease-in-out; 
	-o-animation:myfirst 1.5s infinite ease-in-out; 
}

@keyframes myfirst
{
0%   {background:#169804;}
25%  {background:#333;}
50%  {background:#333;}
100% {background:#169804;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%   {background:#169804;}
25%  {background:#333;}
50%  {background:#333;}
100% {background:#169804;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {background:#169804;}
25%  {background:#333;}
50%  {background:#333;}
100% {background:#169804;}
}

@-o-keyframes myfirst /* Opera */
{
0%   {background:#169804;}
25%  {background:#333;}
50%  {background:#333;}
100% {background:#169804;}
}



 
 /**********************************
 GRILLA
 **********************************/
 
  /**********************************
  NOSOTROS
 **********************************/
 
 /**********************************
 TALLERES
 **********************************/