/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark

STARTS RESET 

*/

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, strong, 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 {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
	font-family: 'zag_boldregular', sans-serif;
	font-size:21px;
	color:#fff;
	background:#fff;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#000;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#000;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #000;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* ................. ENDS RESET ..................  */


/* ................. STARTS GENERAL .................*/


#general_container{
	float:left;
	/*width:1600px;*/
	width:100%;
	padding:0;
	/*margin:0 auto 0 auto;*/
	position:relative;
	overflow:hidden;
	background:#000;	
}

.logo{
	float:left;
	width:263px;
	height:149px;
	padding-left:37px;
	padding-top:20px;
}
a.logomin{
	display:none;
}
#link_home a{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
#link_home a:hover{
	background:none;
}
h1 {
	font-family:'zag_boldregular';
	font-weight:normal;
	font-size:39px;
	color:#FFF;
	text-transform:none;
}
h5 {
	font-family:'zag_regularregular';
	font-weight:normal;
	font-size:14px;
	color:#adadad;
	text-transform:none;
}

.line_divider_logo{
	float:left;
	width:241px;
	height:2px;
	padding-top:18px;
	/*background:url(../img/background-bar.png) no-repeat;*/
}

.spacer { text-align:center }
/*................... STARTS MENU ...................*/


/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
	margin-top:13px;
}
/* Clearfix */

.line_divider_menu{
	float:left;
	width:241px;
	height:2px;
	margin-left:37px;
	background: url(../img/line_divider_menu.jpg) no-repeat;
}

#nav {
	float:left;
	position: fixed;
	margin-top:149px;
	width:300px;
	height:100%;
	background:url(../img/background-bar.png) repeat;
}

#nav ul{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}
#nav li {
	float:left;
	display:inline;
}

#nav a{
	float:left;
	width:263px;
	height:30px;
	padding-top:10px;
	padding-left:37px;
	font-family: 'zag_boldregular', sans-serif;
	font-size:18px;
	color:#e8ecc6;
	text-align:left;
	display:inline-block;
	text-decoration:none;
	text-transform:uppercase;

	/*TRANSISTIONS*/

	-webkit-transition: background 0.5s ease;
	   -moz-transition: background 0.5s ease;
	     -o-transition: background 0.5s ease;
	    -ms-transition: background 0.5s ease;
	        transition: background 0.5s ease;

}
#nav a:hover, #nav a:active{
	background:#272626;
	color:#23a3ba;
}
#nav a.clicked {
	color:#23a3ba;
}
#nav a#pull {
	display: none;
}

/* ................... ENDS MENU ...................*/

/* ................... STARTS CONTENIDO ............*/



#contenido{
	margin-left:300px;
	width:auto;
	height:100%;
	background:#000;
	
}
.home{
	float:left;
	width:100%;
	height:100%;
	background: url(../img/01---Home_02.jpg) no-repeat fixed center;
}

/* BIOGRAFIA */

.bio{
	float:left;
	width:100%;
	height:100%;
	background: url(../img/bg_biografia.jpg) no-repeat fixed center;
}

.biography_box_container{
	float:left;
	margin-top:136px;
	width:100%;
	height:500px;
	background: url(../img/bg_bio_box.png) repeat;
	position:relative;
}
.bio_left_handler{
	float:left;
	width:70px;
	height:100%;
	/*background:url(../img/bg_bio_box.png) repeat;*/
	position:absolute;
	left:0;
}
.bio_left_arrow{
	float:left;
	margin-top:200px;
	/*margin-left:10px;*/
	width:38px;
	height:64px;
}
.wrap_bio_box_content{
	float:left;
	width:900px;
	height:500px;
	overflow:hidden;
}
.bio_right_handler{
	float:right;
	width:70px;
	height:100%;
	/*background:url(../img/bg_bio_box.png) repeat;*/
	position:absolute;
	right:0;
}
.bio_right_arrow{
	float:right;
	margin-top:200px;
	/*margin-left:10px;*/
	width:38px;
	height:64px;
}

.wrap_bio_data_box_content{
	float:left;
	width:440px;
	height:500px;
	
}
.bio_date_box{
	float:left;
	width:100%;
	padding-top:10px;
	margin-top:30px;
	padding-left:20px;
	height:60px;
	font-family:'zag_boldregular';
	font-size:46px;
	color:#FFF;
	border-bottom: solid 2px #81b4cd;	
}


#bio_info_box{
	float:left;
	height:100%;
	padding-top:15px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	font-family:'zag_boldregular';
	font-size:22px;
	color:#fff;
}

/* TELEVISION */

.television{
	float:left;
	width:100%;
	height:100%;
	background: url(../img/bg_television.jpg) no-repeat fixed center;
	
}

.television_box_container{
	float:left;
	margin-top:136px;
	width:100%;
	height:500px;
	background: url(../img/bg_tv_box.png) repeat;
	position:relative;
}


.tv_left_handler{
	float:left;
	width:70px;
	height:100%;
	/*background:url(../img/bg_tv_box.png) repeat;*/
	position:absolute;
	left:0;
}
.tv_right_handler{
	float:right;
	width:70px;
	height:100%;
	/*background:url(../img/bg_tv_box.png) repeat;*/
	position:absolute;
	right:0;
}

.wrap_tv_data_box_content{
	float:left;
	width:440px;
	height:auto;
	margin-right: 45px;
	/*border-right: solid 2px #9cb180;*/
}

.tv_date_box{
	float:left;
	width:100%;
	padding-top:10px;
	margin-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	height:60px;
	font-family:'zag_boldregular';
	font-size:46px;
	color:#FFF;
	border-bottom: solid 2px #9cb180;
	
}
h4.tv_subtitle_box{
	float:left;
	font-size:18px;
	text-transform:uppercase;
}
.video_youtube{
	float:left;
	width:350px;
	height:263px;
	margin-top:20px;
	margin-left:40px;
}

.tv_info_box{
	float:left;
	height:100%;
	margin-top:10px;
	padding-left:40px;
	padding-right:20px;
	font-family:'zag_boldregular';
	font-size:18px;
	color:#fff;
}

.documentales_video {

}

/* DISCOS */

.discos{
	float:left;
	width:100%;
	height:100%;
	background: url(../img/bg_discos.jpg) no-repeat fixed center;
}

.discos_box_container{
	float:left;
	margin-top:136px;
	width:100%;
	height:500px;
	background: url(../img/bg_discos_box.png) repeat;
	position:relative;
}

.discos_left_handler{
	float:left;
	width:70px;
	height:100%;
	/*background:url(../img/bg_discos_box.png) repeat;*/
	position:absolute;
	left:0;
}
.discos_right_handler{
	float:right;
	width:70px;
	height:100%;
	/*background:url(../img/bg_discos_box.png) repeat;*/
	position:absolute;
	right:0;
}
.wrap_discos_data_box_content{
	float:left;
	width:440px;
	height:auto;
	/* border-right: solid 2px #a17d5a; */
}
.discos_date_box{
	float:left;
	width:100%;
	padding-top:10px;
	margin-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	height:60px;
	font-family:'zag_boldregular';
	font-size:46px;
	color:#FFF;
	border-bottom: solid 2px #a17d5a;
	
}
.discos_container_photo_descrption{
	float:left;
	width:447px;
	height:180px;
	margin-left:40px;
	margin-top:20px;
}
.disco_1{
	float:left;
	width:150px;
	height:164px;
	background:url(../img/discos/disco_escalona1.png) no-repeat;
}
.disco_2{
	float:left;
	width:150px;
	height:164px;
	background:url(../img/discos/disco_escalona2.png) no-repeat;
}
.disco_3{
	float:left;
	width:150px;
	height:164px;
	background:url(../img/discos/disco_cafe1.png) no-repeat;
}
.disco_4{
	float:left;
	width:150px;
	height:164px;
	background:url(../img/discos/disco_cafe2.png) no-repeat;
}
.disco_5{
	float:left;
	width:150px;
	height:164px;
	background:url(../img/discos/disco_lorena1.png) no-repeat;
}
.disco_6{
	float:left;
	width:150px;
	height:164px;
	background:url(../img/discos/disco_lorena2.png) no-repeat;
}
.disco_7{
	float:left;
	width:150px;
	height:164px;
	background:url(../img/discos/disco_patricia.png) no-repeat;
}
.disco_8{
	float:left;
	width:150px;
	height:164px;
	background:url(../img/discos/disco_lamadre.png) no-repeat;
}
.disco_9{
	float:left;
	width:150px;
	height:164px;
	background:url(../img/discos/disco_sanremo.png) no-repeat;
}
.disco_10{
	float:left;
	width:150px;
	height:164px;
	background:url(../img/discos/disco_caponera1.png) no-repeat;
}
.disco_11{
	float:left;
	width:150px;
	height:164px;
	background:url(../img/discos/disco_caponera2.png) no-repeat;
}
.disco_12{
	float:left;
	width:150px;
	height:164px;
	background:url(../img/discos/disco_marilyn.png) no-repeat;
}
.disco_13{
	float:left;
	width:150px;
	height:164px;
	background:url(../img/discos/disco_hijamariachi1.png) no-repeat;
}
.disco_14{
	float:left;
	width:150px;
	height:164px;
	background:url(../img/discos/disco_hijamariachi2.png) no-repeat;
}
.disco_15{
	float:left;
	width:150px;
	height:164px;
	background:url(../img/discos/disco_cal.png) no-repeat;
}
.disco_16{
	float:left;
	width:150px;
	height:164px;
	background:url(../img/discos/disco_cosaNostra.png) no-repeat;
}

.disco_17{
	float:left;
	width:150px;
	height:164px;
	background:url(../img/discos/disco_cosaNostra2.png) no-repeat;
}

.disco_text_description{
	margin-left:170px;
	padding:10px;
	width:40%;
	height:192px;
	font-family: 'zag_regularregular';
	font-size:16px;
	color:#fff;
}

.discos_container_clip_list{
	float:left;
	width:360px;
	height:230px;
	margin-left:40px;
}

.clip{
	float:left;
	width:94%;
	height:65px;
	text-decoration:none;
	text-transform:uppercase;
	margin-bottom:20px;

}

/* DOCUMENTALES */

.documentales{
	float:left;
	width:100%;
	height:100%;
	background: url(../img/bg_documentales-min.jpg) no-repeat fixed center;
	
}

.documentalescal_box_container{
	float:left;
	margin-top:136px;
	width:100%;
	height:500px;
	background: url(../img/bg_documentales_box.png) repeat;
	position:relative;
}

.cal_date_box{
	float:left;
	width:100%;
	padding-top:10px;
	margin-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	height:60px;
	font-family:'zag_boldregular';
	font-size:46px;
	color:#FFF;
	border-bottom: solid 2px #ff0072;
	
}

.wrap_cal_data_box_content{
	float:left;
	width: 360px; /*360*/
	height:auto;
	margin-right: 45px;
	/*border-right: solid 2px #9cb180;*/
}

/*.documentales{
	float:left;
	width:100%;
	/*height:100%;
	background: url(../img/bg_television.jpg) no-repeat fixed center;
}*/

iframe.documentales_video{
	float:left;
	width:100%;
	height:85%;
	background:#000;
}

.ie iframe.documentales_video{
	float:left;
	width:100%;
	height:600px;
	background:#000;
}
.documental_nombre{
	float:left;
	/*width:100%;
	height:104px;
	background:#000;*/
	padding-left:20px;
	margin-top: 50px;
margin-bottom: 25px;
}

h2.titulo_video{
	font-family: 'zag_boldregular';
	font-size:30px;
	color:#FFF;
	margin-top:-30px;
}
.fecha_documental{
	margin-left:10px;
	font-size:18px;
}
a.documental_link{
	font-family: 'zag_boldregular';
	font-size:18px;
	color:#FFF;
	text-decoration:underline;
}
a.documental_link:hover{
	color:#23a3ba;
}

/* PRENSA */ 

.prensa{
	float:left;
	width:100%;
	height:100%;
	background: url(../img/bg_prensa.jpg) no-repeat fixed center;
}
.prensa_box_container{
	float:left;
	margin-top:136px;
	width:100%;
	height:500px;
	position:relative;
}

.prensa_left_handler{
	float:left;
	width:70px;
	height:100%;
	background: url(../img/bg_prensa_arrows.png) repeat;
	position:absolute;
	left:0;
}
.prensa_right_handler{
	float:right;
	width:70px;
	height:100%;
	background: url(../img/bg_prensa_arrows.png) repeat;
	position:absolute;
	right:0;
}

.imagen_prensa{
	float:left;
	width:191px;
	height:587px;
	margin-right:27px;
}

/* GALERIA */

.galeria{
	float:left;
	width:100%;
	height:100%;
	background: url(../img/bg_galeria.jpg) no-repeat fixed center;
}
.galeria_box_container{
	float:left;
	margin-top:136px;
	width:100%;
	height:500px;
	position:relative;
}
.wrap_galeria_box_content{
	float:left;
	width:90%;
	height:500px;
	margin-left:63px;
    overflow: hidden;
}
.wrap_galeria_image_box_content{
	float:left;
	width:180px;
	height:auto;
}
.imagen_galeria{
	float:left;
	width:160px;
	height:160px;
	margin-bottom:20px;
	margin-right:20px;
}

li.galeria{
	display:inline-block;
	width:180px;
}

/* ESTILOS IMAGEN GALERIA */
	/* padding-bottom and top for image */
	.mfp-no-margins img.mfp-img {
		padding:0;
    }
    /* position of shadow behind the image */
    .mfp-no-margins .mfp-figure:after {
      bottom: 0;
    }
	
	
    /* padding for main container */
    .mfp-no-margins .mfp-container {
		padding-left:30%;
    }
	
    
    .mfp-with-zoom .mfp-container,
    .mfp-with-zoom.mfp-bg {
		background:#000;
      opacity: 0;
      -webkit-backface-visibility: hidden;
      -webkit-transition: all 0.3s ease-out; 
      -moz-transition: all 0.3s ease-out; 
      -o-transition: all 0.3s ease-out; 
      transition: all 0.3s ease-out;
    }
    
    .mfp-with-zoom.mfp-ready .mfp-container {
        opacity: 1;
    }
    .mfp-with-zoom.mfp-ready.mfp-bg {
        opacity: 0.8;
    }
    
    .mfp-with-zoom.mfp-removing .mfp-container, 
    .mfp-with-zoom.mfp-removing.mfp-bg {
      opacity: 0;
    }
	
/* ESTILOS IMAGEN GALERIA */

/* COSANOSTRA */


.texto_cosanostra{
	float:left;
	width:70%;
	font-family:'zag_boldregular';
	font-size:14px;
	color:#FFF;
	padding:0;
	margin-top:10px;
}

.container_social_bts{
	float:right;
	margin-right:20px;
	/*width:108px;*/
	height:45px;
	margin-top:-95px;
	margin-bottom:30px;
}
a.bt_youtube{
	float:left;
	width:47px;
	height:47px;
	background:url(../img/bt_youtube.png) no-repeat;
}
a.bt_facebook{
	float:left;
	margin-left:10px;
	width:47px;
	height:47px;
	background:url(../img/bt_facebook.png) no-repeat;
}
/* ................... ENDS CONTENIDO .............*/

/* ................STARTS FOOTER ..................*/

#footer {
	float:left;
	position:fixed;
	bottom:0px;
	width:263px;
	height:88px;
	padding-left:37px;
	padding-top:16px;
	
}

a.soundcloud_button{
	float:left;
	width:45px;
	height:45px;
	background:url(../img/sound_cloud_button.png) no-repeat;
	background-size:contain;
	
	/*TRANSISTIONS*/

	-webkit-transition: background 0.5s ease;
	   -moz-transition: background 0.5s ease;
	     -o-transition: background 0.5s ease;
	    -ms-transition: background 0.5s ease;
	        transition: background 0.5s ease;
}

a.soundcloud_button:hover{
	background:url(../img/sound_cloud_button_over.png) no-repeat;
	background-size:contain;	
}

a.vimeo_button{
	float:left;
	margin-left:15px;
	width:45px;
	height:45px;
	background:url(../img/elcrimen/vimeo_button.png) no-repeat;
	background-size:contain;
	background: url()
	
	/*TRANSISTIONS*/

	-webkit-transition: background 0.5s ease;
	   -moz-transition: background 0.5s ease;
	     -o-transition: background 0.5s ease;
	    -ms-transition: background 0.5s ease;
	        transition: background 0.5s ease;
}
a.vimeo_button:hover{
	background:url(../img/elcrimen/vimeo_button_over.png) no-repeat;
	background-size:contain;	
}
a.instagram_button{
	float:left;
	margin-left:15px;
	width:45px;
	height:45px;
	background:url(../img/instagram_button.png) no-repeat;
	background-size:contain;
	
	/*TRANSISTIONS*/

	-webkit-transition: background 0.5s ease;
	   -moz-transition: background 0.5s ease;
	     -o-transition: background 0.5s ease;
	    -ms-transition: background 0.5s ease;
	        transition: background 0.5s ease;
}
a.instagram_button:hover{
	background:url(../img/instagram_button_over.png) no-repeat;
	background-size:contain;	
}
a.mail_button{
	float:left;
	margin-left:15px;
	width:45px;
	height:45px;
	background:url(../img/mail_button.png) no-repeat;
	background-size:contain;
	
	/*TRANSISTIONS*/

	-webkit-transition: background 0.5s ease;
	   -moz-transition: background 0.5s ease;
	     -o-transition: background 0.5s ease;
	    -ms-transition: background 0.5s ease;
	        transition: background 0.5s ease;
}
a.mail_button:hover{
	background:url(../img/mail_button_over.png) no-repeat;
	background-size:contain;	
}
a.youtube_button{
	float:left;
	margin-left:15px;
	width:45px;
	height:45px;
	background:url(../img/youtube_button.png) no-repeat;
	background-size:contain;
	
	/*TRANSISTIONS*/

	-webkit-transition: background 0.5s ease;
	   -moz-transition: background 0.5s ease;
	     -o-transition: background 0.5s ease;
	    -ms-transition: background 0.5s ease;
	        transition: background 0.5s ease;
}
a.youtube_button:hover{
	background:url(../img/youtube_button_over.png) no-repeat;
	background-size:contain;	
}

h5.copyright {
	float:left;
	margin-top:19px;
	font-family: 'zag_regularregular', sans-serif;
	font-size:12px;
	color:#adadad;
}

/* ................ENDS FOOTER ....................*/


/*/////////////// MEDIA QUERIES /////////////////*/
@media screen and (min-height : 300px) and (max-height: 600px){



.line_divider_logo{
	float:left;
	width:241px;
	height:2px;
	padding-top:18px;
	background:url(../img/background-bar.png) no-repeat;
}	
	
/* MENU */	
.line_divider_menu{
	float:left;
	width:100%;
	margin:0;
	background: url(../img/line_divider_menu.jpg) repeat;
}

#nav {
	float:left;
	width:200px;
	height:100%;
	background:url(../img/background-bar.png) repeat;
}


#nav a{
	height:20px;
	padding-top:8px;
	padding-left:37px;
	font-size:16px;
	color:#e8ecc6;
}

}



/* IPAD */
@media screen and (min-width : 481px) and (max-width : 768px){

#general_container {
	max-width:768px;
	min-width:481px;
}

#contenido{
	margin-left:0;
}	



/* MENU */

#nav {
	float:left;
	width:300px;
	height:100%;
	background:url(../img/background-bar.png) repeat;
}


/* biografia */
.home,
.bio,
.television,
.discos,
.prensa,
.galeria,
.documentales{
	float:none;
}

.biography_box_container,
.television_box_container,
.discos_box_container,
.prensa_box_container,
.documentalescal_box_container,
.galeria_box_container{
	width:55%;
}

#bio_info_box{
	width:240px;
}




/* television */
.wrap_tv_data_box_content,
.wrap_discos_data_box_content{
	border:none;
}
.video_youtube{
	margin-top:50px;
	width:200px;
	height:113px;
}
.tv_date_box,
.cal_date_box,
.cosanostra_date_box,
.discos_date_box,
.tv_info_box{
	width:200px;
}
h4.tv_subtitle_box{
	font-size:14px;
}

/* discos */

.discos_container_photo_descrption{
	margin-top:10px;
	width:200px;
	height:190px;
}

.disco_1,
.disco_2{
	float:left;
	width:50px;
	height:55px;
	margin-left:10px;

}
.disco_1{
	background:url(../img/discos/disco_escalona_min.png) no-repeat;
}
.disco_2{
	background:url(../img/discos/disco_cafe_min.png) no-repeat;
}

.disco_text_description{
	width:100%;
	margin-left:0;
	margin-top:55px;
	font-size:18px;
	
}

.discos_container_clip_list{
	width:190px;
}
.clip{
	width:170px;
	margin-right:10px;
}

/* DOCUMENTALES */

.documentales_video{
	float:left;
	width:100%;
	height:50%;
	margin-top:130px;
}

.documental_nombre{
	width:50%;
}

/* GALERIA */


.wrap_galeria_box_content{
	width:400px;
	height:500px;
}




/* cosanostra */
.container_social_bts{
	margin-top:20px;
	margin-left:20px;
}
.texto_cosanostra{
	width:90%;
}

/* FOOTER */
#footer{
	background:none;
}


}


/* IPHONE */
@media (orientation: portrait) and (min-width : 320px) and (max-width : 480px) { 

#general_container,
#contenido {
	max-width:480px;
	min-width:320px;
	height:auto;
}


#contenido{
	float:left;
	margin-left:0;
	margin-bottom:50px;
}
.logo{
	display:none;
}
a.logomin{
	display:block;
}
.nombre {
	position:fixed;
	z-index:2;
	width:80%;
	height:20px;
	font-family:'zag_boldregular';
	font-weight:normal;
	font-size:22px;
	color: #FFF;
	text-transform:none;
	margin-left:27px;
	margin-top:5px;
}
.subtitulo {
	position:fixed;
	z-index:2;
	margin-top:25px;
	font-family:'zag_regularregular';
	font-weight:normal;
	font-size:14px;
	color:#adadad;
	text-transform:none;
	margin-left:27px;
}

/* .............. MENU .................*/
.line_divider_menu{
	float:left;
	width:100%;
	margin:0;
	background: url(../img/line_divider_menu.jpg) repeat;
}
#nav {
	position:fixed;
	z-index:1;
	top:0;
	width:100%;
	height:60px;
	border-bottom: 0;
	background:#000;
	margin-top:0;
}
#nav ul {
	display: none;
	height: auto;
}
#nav li {
	width:100%;
	float: left;
  	position: relative;
	background:url(../img/bg_lista_menu.png) repeat;
}

#nav a{
	width:100%;
	height:27px;
	padding-top:7px;
	padding-left:37px;
	display:block;
	font-size:16px;
	background:url(../img/background-bar.png) repeat;
}
	
#nav a#pull {
	display: block;
	width:100%;
	position: relative;
	height:50px;
}
#nav a#pull:after {
	content:"";
	background: url(../img/nav-icon.png) no-repeat;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	right: 35px;
	top: 10px;
}

/* biografia */
.home{
	background: url(../img/01---Home_02_mobile.jpg) no-repeat fixed center;
}
.bio{
	background: url(../img/bg_biografia_mobile.jpg) no-repeat fixed top center;
}
.television{
	background: url(../img/bg_television_mobile.jpg) no-repeat fixed top center;
}
.discos{
	background: url(../img/bg_discos_mobile.jpg) no-repeat fixed top center;
}
.galeria{
	background: url(../img/bg_galeria_mobile.jpg) no-repeat fixed top center;
}
.documentales{
	background: url(../img/bg_documentales_mobile-min.jpg) no-repeat fixed  center;
}
.prensa{
	background: url(../img/bg_prensa_mobile.jpg) no-repeat fixed top center;
}
.home,
.bio,
.television,
.discos,
.prensa,
.galeria,
.cosa,
.documentales{
	/*margin-top:60px;*/
	height:auto;
	max-width:480px;
	min-width:320px;
}


.biography_box_container,
.television_box_container,
.discos_box_container,
.prensa_box_container,
.documentalescal_box_container,
.galeria_box_container{
	width:100%;
	height:auto;
}

.bio_left_handler,
.bio_right_handler,
.tv_left_handler,
.tv_right_handler,
.discos_left_handler,
.discos_right_handler,
.prensa_left_handler,
.prensa_right_handler {
	display:none;
}

.wrap_bio_box_content{
	float:left;
	margin-top:30px;
	height:auto;
}
.wrap_prensa_box_content,
.wrap_galeria_box_content{
	width:50%;
	float:left;
	margin-top:30px;
	height:auto;	
}
.wrap_bio_data_box_content,
.wrap_tv_data_box_content,
.wrap_discos_data_box_content,
.wrap_prensa_data_box_content{
	float:left;
	height:auto;
	width:100%;
	border-right:none;
}
.wrap_bio_data_box_content{
	border-bottom: solid 2px #81b4cd;
}


.wrap_tv_data_box_content {
	border-bottom: solid 2px #9cb180;
}
	
.wrap_cal_data_box_content {
	border-bottom: solid 2px #ff0072;
}
	
.wrap_cosanostra_data_box_content {
	border-bottom: solid 2px #ffd800;
}

.wrap_discos_data_box_content{
	/*border-bottom: solid 2px #a17d5a;border:2px solid red;*/
}



.wrap_prensa_data_box_content,
.wrap_galeria_data_box_content{
	float:left;
	width:25%;
	border:none;
	overflow:visible;
	height:auto;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:30px;
}

.bio_date_box,
.tv_date_box,
.cal_date_box,
.cosanostra_date_box,
.discos_date_box{
	height:50px;
	font-size:36px;
	margin-top:0;
	
}

.video_youtube{
	width:80%;
	
}


#bio_info_box {
	width:90%;
	font-size:24px;
	height:auto;
	padding-bottom:30px;
}


/* television */
.tv_info_box{
	width:100%;
	height:auto;
	padding-bottom:20px;
}

/* DISCOS */
.wrap_tv_data_box_content,
.wrap_discos_data_box_content{
	padding-bottom:50px;
}

.discos_container_clip_list{
	margin-top:20px;
	width:48%;
}
.clip{
	width:90%;
}
.disco_1,
.disco_2{
	float:left;
	width:50px;
	height:55px;
}
.disco_1{
	background:url(../img/discos/disco_escalona_min.png) no-repeat;
}
.disco_2{
	background:url(../img/discos/disco_cafe_min.png) no-repeat;
}
.disco_text_description{
	margin-left:70px;
}


/* GALERIA */
.wrap_galeria_box_content{
	width:100%;
	margin-left:0;
}
.galeria_box_container{
	margin-top:0;
}
.imagen_galeria{
	margin-left:40px;
	width:80%;
	height:auto;
}

/* DOCUMENTALES */

.documentales_video{
	width:100%;
	height:auto;
	margin-top:8%;
}
.documental_nombre{
	float:left;
	/*margin-top:50px;*/
	margin-left:20px;
	width:100%;
	background:#000;
}
h2.titulo_video{
	background:#000;
}


/* COSANOSTRA */
.container_social_bts{
	margin-top:20px;
	margin-left:40px;
}
.texto_cosanostra{
	width:80%;
}

/* ............ FOOTER ...........*/
#footer {
	position:fixed;
	bottom:0;
	width:100%;	
	height:50px;
	padding-left:15px;
	background:#fff;
}
a.soundcloud_button{
	margin-left:17px;
}
a.soundcloud_button,
a.vimeo_button,
a.instagram_button,
a.mail_button,
a.youtube_button{
	width:25px;
	height:25px;
}
a.vimeo_button,
a.instagram_button,
a.mail_button,
a.youtube_button {
	margin-left:10px;
}

h5.copyright{
	margin-left:15px;
	margin-top:5px;
}

}
/* android 
@media all and (orientation:landscape) {
	
	#general_container{
		float:left;
		width:500px;
		height:300px;
		background:url(../img/bg_landscape.jpg) no-repeat fixed center;
		background-size:100% 100%;
	}
	
	#nav,
	#contenido,
	.home,
	.logo,
	.bio,
	#footer{
		display:none;
	}
	
	 
}*/


@media only screen 
and (min-height : 100px) and (max-height : 200px) {
.logo_min{
	padding-left:-15px;
}
 
.nombre {
	font-size:14px;
}
.subtitulo {
	font-size:10px;
}


/* MENU */
#nav {
	height:40px;
}



#nav a{
	width:100%;
	height:12px;
	padding-top:5px;
	font-size:10px;
	padding-left:15px;
}
	

#nav a#pull:after {
	width: 30x;
	height: 30px;
	right: 20px;
	top: 5px;
}

/* ............ FOOTER ...........*/
#footer {
	height:30px;
}
a.soundcloud_button,
a.vimeo_button,
a.instagram_button,
a.mail_button,
a.youtube_button {
	width:15px;
	height:15px;
}
a.vimeo_button,
a.instagram_button,
a.mail_button,
a.youtube_button {
	margin-left:10px;
}

h5.copyright{
	font-size:9px;
	margin-left:15px;
	margin-top:5px;
}


}