div.view-fotoreportaje div.views_slideshow_cycle_slide{
    max-width: 980px !important;
}

div.view-fotoreportaje  div.views-slideshow-cycle-main-frame{
    max-height: 796px !important;
}
div.view-fotoreportaje  div.attachment{
	margin-bottom: 30px;
}



/*slideshow*/
div.view-fotoreportaje div.views-slideshow-cycle-main-frame  div.views_slideshow_cycle_slide img{
	border:0;
}


div.view-fotoreportaje div.skin-default{
    position: relative;
}


div.view-fotoreportaje div.views-slideshow-controls-top div.views-slideshow-controls-text{
	max-width: 980px !important;
    width: 100%;
    position: absolute;
    height: calc(100% - 105px);
    z-index: 999 !important;
    margin: 0 auto;
}


div.view-fotoreportaje div.views-slideshow-controls-top div.views-slideshow-controls-text .views-slideshow-controls-text-previous,
div.view-fotoreportaje div.views-slideshow-controls-top div.views-slideshow-controls-text .views-slideshow-controls-text-next{
    width: 50%;
   /* border: 1px solid red;*/
    height: 100%;
    background:none !important;
}


/*estilos autor*/

div.view-fotoreportaje div.attachment div.views-field-field-autor,
div.view-fotoreportaje div.attachment div.views-field-field-pie-de-foto{
    background-color: #D2D2D2;
    display: block; 
    line-height: 40px;
    padding-left: 20px;
    padding-top: 0px;
    margin-top:-8px;
    color: #000;
    font-style: italic;
    height: 40px;
    overflow: hidden;
}

/*estilos titulo y body*/
div.view-fotoreportaje h3.fotoreportaje-titulo{
    font-size: 2em;
    margin-bottom: 1em;
}

/*boton play pause*/

div.view-fotoreportaje div.views-slideshow-controls-bottom div.views-slideshow-controls-text{
    float: right;
    margin: 0 8px 0 20px;
    cursor: pointer;
    display: block;
    width: 30px;
    height: 30px;

}


div.view-fotoreportaje div.views-slideshow-controls-bottom .views-slideshow-controls-text-status-pause{
    background: url(./images/play.png) 0px 0px no-repeat;      
} 


div.view-fotoreportaje div.views-slideshow-controls-bottom .views-slideshow-controls-text-status-play{
    background: url(./images/pausa.png) 0px 0px no-repeat
} 

div.view-fotoreportaje div.views-slideshow-controls-bottom .views-slideshow-controls-text-pause,
div.view-fotoreportaje div.views-slideshow-controls-bottom .views-slideshow-controls-text-play{
    display:block;
    text-indent: -5000px;
    height: 35px;
    background-size: 30px auto;
}





div.view-fotoreportaje div.views-slideshow-controls-bottom .views-slideshow-controls-text-previous,
div.view-fotoreportaje div.views-slideshow-controls-bottom .views-slideshow-controls-text-next{
    display:none;
}

/*paginador*/
div.view-fotoreportaje .views-slideshow-controls-bottom{
    padding:0;
    text-align: center;
    margin-top: -15px;
    z-index: 1999;
    max-width: 980px !important;
}

div.view-fotoreportaje .views-slideshow-controls-bottom div.views-slideshow-pager-fields{
    display: inline-block;
}


div.view-fotoreportaje div.views-slideshow-pager-field-item{
    float:left;
	background-color: #BFBFBF;
	border-radius: 15px;
	cursor: pointer;
	display: block;
	width: 15px;
	height: 15px;
	margin: 5px 10px 10px 0;
}

div.view-fotoreportaje div.views-slideshow-pager-field-item.active{
	background-color: #7D7D7D;
}

/*grilla de fotos*/
div.imm-row-grilla-fotoreportaje  {	
	width: 33%;
	overflow: hidden;
	margin: 0 0 20px 0;
    margin-top: 0px;
	padding: 0 10px;
	margin-top: 30px;
}
/*
div.view-fotoreportaje div.views-field-field-pie-de-foto{
    font-style: italic;
}
*/

/*popup*/
#cboxOverlay{
    opacity: 0.95 !important;
    background:#000;
}

#cboxContent, #cboxWrapper{
    opacity:0.95 !important;
    background:transparent;
   
}
#cboxContent, #cboxOverlay, #colorbox, #cboxWrapper{
	overflow: visible !important;
}

#cboxCurrent, #cboxClose{
    display:none !important;
}


#cboxPrevious, #cboxNext{
    top: 50%;
    z-index: 10000;
    margin: 0 auto;
    width: 40px; 
    height: 40px;
    position: absolute;
}

#cboxPrevious,#cboxPrevious:hover{
	background: url(./images/galeria_flecha_anterior.png) 0px 5px no-repeat;
	left: -50px;
}

#cboxNext,#cboxNext:hover{
	background: url(./images/galeria_flecha_siguiente.png) 0px 5px no-repeat;
	right: calc(-100% - 30px);
	
}

#cboxTitle{
    background-color:#D2D2D2;
    padding-left:20px;
    color: #000;
    font-style: italic;
}