﻿body{
	overflow:hidden;
	background-color:#fcfcfc;
	margin:0;
	padding:0;
	font-size: 100%;	
	background: #454545;
	/*overflow-y: auto;*/
}
img {
    border: none;
}



/*NATALIA: Añadido el 24-06-2014 para solucionar un problema que había al convertir (dentro del editor de textos) un texto en una lista o
al crear una lista, ya que los navegadores al elemento <ul> y <ol> les añade un margen superior pero el editor no lo cuenta como que ocupa más 
espacio y entonces el texto aparecía cortado en elo bloque.*/
/*.hoja ul,ol
{
    margin-top:0;
}*/
/****************/

/**NATALIA 02-07-2014**/
.previous_button_mobile {
	width:60px !important;
	background-color:Gray;
	height:250px !important;
	left:-72px !important;	
	border-radius: 85px 0 0 85px !important;
	background-image:none !important;
	top:10% !important;
	/*background-image:url(../images/prev_page.png);
	background-repeat:no-repeat;
	background-position:center;*/
}
.next_button_mobile {
	width:60px !important;
	background-color:Gray;
	height:250px !important;
	right:-72px !important;	
	border-radius: 0 85px 85px 0 !important;
	background-image:none !important;
	top:10% !important;
	/*background-image:url(../images/next_page.png);
	background-repeat:no-repeat;
	background-position:center;*/
}


/*******************************************
Del editor
********************************************/

.bloques {
    font-family: Times New Roman;
    font-size: 16px;
    overflow: hidden;
    line-height:1.15;
}
.bloques ul
{
    font-size:10px;
}

.bloques p:first-child {
    margin-top: 0;
}
.bloques p
{
    /*margin-top:10px;*/
    margin-bottom:10px;
}
.bloques span {    
    /*line-height: 1.33;*/
   /* width:100%;
    display:block;*/
}

/*Solicitado por Editafacil 20-4-16 para que los enlaces no se pinten subrayados y tengan otro color, de normal y en el hover*/
.bloques a 
{
    text-decoration:none;
    cursor:pointer;
    color:#0073aa !important;
}

.bloques a span
{
    text-decoration:none;
    cursor:pointer;
    color:#0073aa !important;
}

.bloques a:hover
{
    text-decoration:none;
    cursor:pointer;
    color:#0096dd !important;
}

.bloques a span:hover
{
    text-decoration:none;
    cursor:pointer;
    color:#0096dd !important;
}


/*******************************************
Visor
********************************************/
.magazine-viewport 
{
    /*border-bottom: 1px solid blue;    */
}

.magazine-viewport .container{
	position:absolute;
	top:50%;
	left:50%;
	width:1098px;
	height:776px;
	margin:auto;
	/*border-bottom: 1px solid green;    */
}

.magazine-viewport .magazine{
	width:1098px;
	height:776px;
	left:-425px;
	top:-300px;
}

.magazine-viewport .page{
	width:553px;
	height:776px;
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.magazine-viewport .zoomer .region{
	display:none;
}

.magazine-viewport .zoom-in .region{
	display:none;
}

.magazine .region{
	position:absolute;
	overflow:hidden;
	background:#0066FF;
	opacity:0.2;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.magazine .region:hover{
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.magazine .region.zoom{
	opacity:0.01;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
}

.magazine .region.zoom:hover{
	opacity:0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.magazine .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.magazine-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.magazine .even .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
	background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}

.magazine .odd .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
	background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}

.magazine-viewport .zoom-in .even .gradient,
.magazine-viewport .zoom-in .odd .gradient{
	display:none;
}

.magazine-viewport .loader{
	background-image:url(../images/loader.gif);
	width:22px;
	height:22px;
	position:absolute;
	top:280px;
	left:219px;
}

.magazine-viewport .shadow {
    
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #000;
	-moz-box-shadow:0 0 20px #000;
	-o-box-shadow:0 0 20px #000;
	-ms-box-shadow:0 0 20px #000;
	box-shadow:0 0 20px #000;
}

.magazine-viewport .next-button,
.magazine-viewport .previous-button{
	width:80px;
	height:601px;
	position:absolute;
	top:75%;
	z-index:1500;
}

.magazine-viewport .news-button
{
    width:67px;
	height:601px;
	position:absolute;
	top:0;
	right:-80px;
	/*background-image:url(../images/btn_novedades.png);*/
}
.magazine-viewport .news-button a
{
    width:67px;
    height:33px;
}

.magazine-viewport .warning-button
{
    width:67px;
	height:601px;
	position:absolute;
	top:0;
	right:-80px;
	/*background-image:url(../images/btn_novedades.png);*/
}
.magazine-viewport .warning-button a
{
    width:67px;
    height:33px;
}
.magazine-viewport .publica-button
{
    width:166px;
	height:601px;
	position:absolute;
	top:93%;
	right:-190px;
	/*background-image:url(../images/btn_publica.png);*/
	z-index:1500;
}
.magazine-viewport .publica-button a
{
    width:166px;
	height:53px;
	z-index:1500;
}


.magazine-viewport .next-button{
	right:-95px;
	-webkit-border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	-ms-border-radius:0 15px 15px 0;
	-o-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
	background-image:url(../images/next_btn.png);
	/*background-position:-38px 10px;*/
	background-repeat:no-repeat;
}

.magazine-viewport .previous-button{
	left:-95px;
	-webkit-border-radius:15px 0 0 15px;
	-moz-border-radius:15px 0 0 15px;
	-ms-border-radius:15px 0 0 15px;
	-o-border-radius:15px 0 0 15px;
	border-radius:15px 0 0 15px;
	background-image:url(../images/previous_btn.png);
	/*background-position:-4px 10px;*/
	background-repeat:no-repeat;
}

.magazine-viewport .previous-button-hover,
.magazine-viewport .next-button-hover{
	/*background-color:rgba(0,0,0, 0.2);*/
	cursor:pointer;
}

.magazine-viewport .previous-button-hover,
.magazine-viewport .previous-button-down{
	background-image:url(../images/previous_btn.png);
	background-repeat:no-repeat;
}

.magazine-viewport .previous-button-down,
.magazine-viewport .next-button-down{
	/*background-color:rgba(0,0,0, 0.4);*/
}

.magazine-viewport .next-button-hover,
.magazine-viewport .next-button-down{
	background-image:url(../images/next_btn.png);
	background-repeat:no-repeat;
}

.magazine-viewport .zoom-in .next-button,
.magazine-viewport .zoom-in .previous-button,
.magazine-viewport .zoom-in .news-button,
.magazine-viewport .zoom-in .warning-button,
.magazine-viewport .zoom-in .publica-button{
	display:none;
}

.animated{
	-webkit-transition:margin-left 0.5s;
	-moz-transition:margin-left 0.5s;
	-ms-transition:margin-left 0.5s;
	-o-transition:margin-left 0.5s;
	transition:margin-left 0.5s;	
}


.barra{
	position:absolute;
	bottom:0;
	/*left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;*/
	width:470px;
	right:366px;
/*	height:140px; 30/10/2014 se corta la botonera */
	z-index:1000;
/*	background: #454545 url(../images/logovisor.png) no-repeat right bottom;
	background: transparent url(../images/logovisor.png) no-repeat right bottom;*/	
}

.thumbnails {
	/*width:1050px;*/
	width: 100%;
	/*height:100px;*/
	height: auto;	
	margin:5px 0;
	/*border: 1px solid green;*/
	z-index: 2;
}

.thumbnails > div{
	width:1050px;
	height:100px;
	margin:20px auto;
}

.thumbnails ul{
	margin:0;
	padding:0;
	text-align:center;
	/*
	-webkit-transform:scale3d(0.5, 0.5, 1);
	-moz-transform:scale3d(0.5, 0.5, 1);
	-o-transform:scale3d(0.5, 0.5, 1);
	-ms-transform:scale3d(0.5, 0.5, 1);
	transform:scale3d(0.5, 0.5, 1);
*/
	-webkit-transition:-webkit-transform ease-in-out 100ms;
	-moz-transition:-moz-transform ease-in-out 100ms;
	-ms-transition:-ms-transform ease-in-out 100ms;
	-o-transition:-o-transform ease-in-out 100ms;
	transition:transform ease-in-out 100ms;
}

.thumbanils-touch ul{
	-webkit-transform:none;
	-moz-transform:none;
	-o-transform:none;
	-ms-transform:none;
	transform:none;
}

.thumbnails-hover ul {
    /*
	-webkit-transform:scale3d(0.6, 0.6, 1);
	-moz-transform:scale3d(0.6, 0.6, 1);
	-o-transform:scale3d(0.6, 0.6, 1);
	-ms-transform:scale3d(0.6, 0.6, 1);
	transform:scale3d(0.6, 0.6, 1);
*/
}

.thumbnails li{
	list-style:none;
	display:inline-block;
	margin:0 5px;
	-webkit-box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	-ms-box-shadow:0 0 10px #000;
	-o-box-shadow:0 0 10px #000;
	box-shadow:0 0 10px  #000;
	-webkit-transition:-webkit-transform 60ms;
	-moz-transition:-webkit-transform 60ms;
	-o-transition:-webkit-transform 60ms;
	-ms-transition:-webkit-transform 60ms;
	transition:-webkit-transform 60ms;
}

.thumbnails li span{
	display:none;
}

.thumbnails .current{
	-webkit-box-shadow:0 0 10px red;
	-moz-box-shadow:0 0 10px red;
	-ms-box-shadow:0 0 10px red;
	-o-box-shadow:0 0 10px red;
	box-shadow:0 0 10px red;
}

.thumbnails .thumb-hover{
	-webkit-transform:scale3d(1.3, 1.3, 1);
	-moz-transform:scale3d(1.3, 1.3, 1);
	-o-transform:scale3d(1.3, 1.3, 1);
	-ms-transform:scale3d(1.3, 1.3, 1);
	transform:scale3d(1.3, 1.3, 1);

	-webkit-box-shadow:0 0 10px #666;
	-moz-box-shadow:0 0 10px #666;
	-ms-box-shadow:0 0 10px #666;
	-o-box-shadow:0 0 10px #666;
	box-shadow:0 0 10px #666;
}

.thumbanils-touch .thumb-hover{
	-webkit-transform:none;
	-moz-transform:none;
	-o-transform:none;
	-ms-transform:none;
	transform:none;
}

.thumbnails .thumb-hover span{
	position:absolute;
	bottom:-30px;
	left:0;
	z-index:2;
	width:100%;
	height:30px;
	font:bold 15px arial;
	line-height:30px;
	color:#666;
	display:block;
	cursor:default;
}

.thumbnails img{
	float:left;
}


/*Voy a maquetar otras miniaturas*/
#thumbnails {
   /*width:1050px;*/
   /*width: 100%;*/
	/*height:100px;*/
	height: auto;	
	margin: 5px auto 0 auto;
	/*background: green;*/
	/*border: 1px solid green;*/
	z-index: 2;
	/*padding: 0 220px 0 200px;*/
	border-left: 36px solid rgba(69,69,69,0.4);
    border-right: 36px solid rgba(69,69,69,0.4);
}

#thumbnails .thumb {
   /* width: 102px;*/
   width:82px;
    text-align: left;   
    /*border:1px solid red; */
    
    list-style:none;
	display:inline-block;
	margin:0 2px;
}

#thumbnails .thumb img {
	-webkit-box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	-ms-box-shadow:0 0 10px #000;
	-o-box-shadow:0 0 10px #000;
	box-shadow:0 0 10px  #000;
	-webkit-transition:-webkit-transform 60ms;
	-moz-transition:-webkit-transform 60ms;
	-o-transition:-webkit-transform 60ms;
	-ms-transition:-webkit-transform 60ms;
	transition:-webkit-transform 60ms;        
}

#thumbnails .thumb.i {
    text-align: right;
    padding: 0 5px 0 0;
}

#thumbnails .thumb-hover{
	-webkit-transform:scale3d(1.4, 1.4, 1);
	-moz-transform:scale3d(1.4, 1.4, 1);
	-o-transform:scale3d(1.4, 1.4, 1);
	-ms-transform:scale3d(1.4, 1.4, 1);
	transform:scale3d(1.4, 1.4, 1);
}

#thumbnails .thumb-hover img {
	-webkit-box-shadow:0 0 10px #666;
	-moz-box-shadow:0 0 10px #666;
	-ms-box-shadow:0 0 10px #666;
	-o-box-shadow:0 0 10px #666;
	box-shadow:0 0 10px #666;
}

.thumbanils-touch .thumb-hover{
	-webkit-transform:none;
	-moz-transform:none;
	-o-transform:none;
	-ms-transform:none;
	transform:none;
}

#thumbnails .current img{
	-webkit-box-shadow:0 0 10px red;
	-moz-box-shadow:0 0 10px red;
	-ms-box-shadow:0 0 10px red;
	-o-box-shadow:0 0 10px red;
	box-shadow:0 0 10px red;
}
/*fin a maquetar otras miniaturas*/



.esc{
	position: absolute;
	top:10px;
	left:0;
	width:100%;
	height:40px;
	z-index:10000;
}

.esc > div{
	width:140px;
	height:30px;
	margin:auto;
	background:rgba(0,0,0,0.5);
	text-align:center;
	font:12px arial;
	line-height:30px;
	color:white;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.made{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	font: 14px arial;
	line-height:40px;
	color:#666;
	text-align:center;
	z-index:10;
}

.get-now{
	text-decoration:none;
	margin:0;
	padding:5px 20px;
	color:white;
	text-shadow:0 -1px 0 #3D561F;
	border:1px solid #4D682B;
	background-color:#657948;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #82A353),  color-stop(0.5, #62843C), color-stop(0.51,  #5B7E32), color-stop(1,  #476928));
	background:-webkit-linear-gradient(top, #82A353 0%, #62843C 50%, #5B7E32 51%, #476928 100%);
	background:-moz-linear-gradient(top, #82A353 0%, #62843C 50%, #5B7E32 51%, #476928 100%);
	background:-ms-linear-gradient(top, #82A353 0%, #62843C 50%, #5B7E32 51%, #476928 100%);
	background:-o-linear-gradient(top, #82A353 0%, #62843C 50%, #5B7E32 51%, #476928 100%);
	background:linear-gradient(top, #82A353 0%, #62843C 50%, #5B7E32 51%, #476928 100%);

	-webkit-box-shadow:inset 0 1px 1px #9ECF7A, inset 0 -1px 1px #355828;
	-moz-box-shadow:inset 0 1px 1px #9ECF7A, inset 0 -1px 1px #355828;
	-o-box-shadow:inset 0 1px 1px #9ECF7A, inset 0 -1px 1px #355828;
	-ms-box-shadow:inset 0 1px 1px #9ECF7A, inset 0 -1px 1px #355828;
	box-shadow:inset 0 1px 1px #9ECF7A, inset 0 -1px 1px #355828;

	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
}


.get-now:hover{
	border:1px solid #3F5228;
	text-decoration:none;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #688939), color-stop(1,  #5B6D40));
	background:-webkit-linear-gradient(top, #688939, #5B6D40);
	background:-moz-linear-gradient(top, #688939, #5B6D40);
	background:-ms-linear-gradient(top, #688939, #5B6D40);
	background:-o-linear-gradient(top, #688939, #5B6D40);
	background:linear-gradient(top, #688939, #5B6D40);
}

.get-now:active{
	border:1px solid #243017;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #577330), color-stop(1,  #4C5B35));
	background:-webkit-linear-gradient(top, #577330, #4C5B35);
	background:-moz-linear-gradient(top, #577330, #4C5B35);
	background:-ms-linear-gradient(top, #577330, #4C5B35);
	background:-o-linear-gradient(top, #577330, #4C5B35);
	background:linear-gradient(top, #577330, #4C5B35);
}

/*******************************************
Botonera
********************************************/
#nav_botones
{
    position: absolute;    
    margin: 5px auto 0 auto;
    left: 0;
    right: 0;    
}
#nav_back
{
    height: auto;
    margin: 0 auto 15px 0;
    position:relative;
    z-index: 1500;
    float:right;
    right:840px;
}
#nav_back ul {    
    width: 100%;
    margin:0 auto;
    margin: 0;
    padding: 0;
    text-align: center;    
}

#nav_back li {    
    width: 37px;
    height: 33px;
    overflow: hidden;
    list-style: none;
    display: inline-block;
    padding: 0 0 0 0;
    position: relative;
}

#nav_back li a {
    position: relative;
    float: left; 
    width: 0px;
    height: 0px;
    padding: 33px 0 0 37px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

#nav_back li#btn-first a {
  /*  background-image: url(../images/b_first.png);*/
  background-image: url(../images/btn_ini.png);
  width:14px;
}

#nav_back li#btn-prev a {
   /* background-image: url(../images/b_prev.png);*/
    background-image: url(../images/thumb_prev.png);
    width:14px;
}

#nav_back li#btn-prev{  
 width:14px;
 right: -38px;
}
#nav_back li#btn-first{ 
 right:-38px; 
 width:14px;
}

#nav_post
{
    height: auto;
    margin: 0 auto 15px 0;
    position:relative;
    z-index: 1500;
    float:right;
    right:257px;   
}
#nav_post ul {    
    width: 100%;
    margin:0 auto;
    margin: 0;
    padding: 0;
    text-align: center;    
}

#nav_post li {    
    width: 37px;
    height: 33px;
    overflow: hidden;
    list-style: none;
    display: inline-block;
    padding: 0 0 0 0;
    position: relative;
}

#nav_post li a {
    position: relative;
    float: left; 
    width: 0px;
    height: 0px;
    padding: 33px 0 0 37px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

#nav_post li#btn-next{ 
 width:14px;
 left: -8px;
}
#nav_post li#btn-last{ 
 left: -10px;
 width:14px; 
}

#nav_post li#btn-next a{
    /*background-image: url(../images/b_next.png);*/
    background-image: url(../images/thumb_next.png);
    width:14px;
}

#nav_post li#btn-last a{
    /*background-image: url(../images/b_last.png);*/
    background-image: url(../images/btn_fin.png);
    width:14px;
}


#botones {        
    height: auto;
    margin: 0 auto 0 0;
    float:right;    
    z-index: 1500;    
    right: -70px;
    position: relative;
}

#botones ul {    
    width: 100%;
    margin:0 auto;
    margin: 0;
    padding: 0;
    text-align: center;    
}

#botones li {    
    width: 37px;
    height: 33px;
    overflow: hidden;
    list-style: none;
    display: inline-block;
    padding: 0 0 0 0;
    position: relative;
}

#botones li a {
    position: relative;
    float: left; 
    width: 0px;
    height: 0px;
    padding: 33px 0 0 37px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

#botones li#btn-first a {
  /*  background-image: url(../images/b_first.png);*/
  background-image: url(../images/btn_ini.png);
}

#botones li#btn-prev a {
   /* background-image: url(../images/b_prev.png);*/
    background-image: url(../images/thumb_prev.png);
}

#botones li#btn-next a{
    /*background-image: url(../images/b_next.png);*/
    background-image: url(../images/thumb_next.png);
}

#botones li#btn-last a{
    /*background-image: url(../images/b_last.png);*/
    background-image: url(../images/btn_fin.png);
}

#botones li#btn-zoom a{
    background-image: url(../images/thumb_zoom_in.png);
    background-color:White;
}

#botones li#btn-zoommenos a {
    background-image: url(../images/thumb_zoom_out.png);
    background-color:White;
}

#botones li#btn-completa a {
    background-image: url(../images/btn_completa.png);
    background-color:White;
}
#botones li#btn-completa-out a {
    background-image: url(../images/btn_completa_out.png);
    background-color:White;
}

#botones li#btn_miniaturas_on a {
    background-image: url(../images/btn_miniaturas.png);
    background-color:White;
}
#botones li#btn_miniaturas_off a {
    background-image: url(../images/btn_miniaturas_on.png);
    background-color:Black;
}
#botones li#btn_autoplay_on a {
    background-image: url(../images/play_reproduccion_off.png);
    background-color:White;
}
#botones li#btn_autoplay_off a {
    background-image: url(../images/stop_reproduccion_off.png);
    background-color:White;
}
#botones li#btn_autoplay_on_offline a {
    background-image: url(../images/play_reproduccion.png);
    background-color:White;
}
#botones li#btn_autoplay_off_offline a {
    background-image: url(../images/stop_reproduccion.png);
    background-color:White;
}


#botones li#btn-hojas {    
    width: 75px;
    padding: 7px 5px 0 5px;
    height: 26px;
    background-color:White;
}

#botones li#btn-hojas input {
    width: 75px;
    /*border:1px solid #CCC;*/
    border:none;
    background: transparent;
    color: #000;
    text-align: center;
    font-size:15px;
}

#botones #goto {
   width: 0px;
   height: 0px;
   padding: 18px 0 0 17px;   
   background: #000 url(../images/b_goto.png);
   position: absolute;
   right: 4px;
   top: 8px;
   overflow: hidden;
}


#general {
    z-index:1;
}

#loading {
    position: absolute;    
    background:#454545 url(../images/cargando_nuevo.gif) center center no-repeat;
    z-index: 100000;
    left: 0;
    top:0;
}

/*******************************************
Boton de plantillas
********************************************/
#boton_editar {
    position: absolute;
    right: 5%;
    top: 75px;
    width: auto;
    height: 50px;   
    margin-top: 0.9%;
}

#boton_editar a {
    position: relative;
    float: left;
    width: auto;
    z-index:2;
    /*
    background-color: #FFA500;
    color: #FFFFFF;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 1.125em;
    font-weight: bold;
    padding: 5px;
    text-decoration: none;*/
    
}

/*-------------------POP  UPS-------------------*/
/*.boton_ok {
    position: relative;
    float: left;
    font-family: "Source Sans Pro",sans-serif;     
    font-weight: bold;
    width: 148px;
    height: 33px;
    text-align: center;
    font-size: 1.125em;    
    clear: both;
    background: #d76e00 url("../../Images/fnd_boton_ok.png") no-repeat;
    padding-top: 5px;
    color: #fff;
}*/

.boton_ok {
    position: relative;
    float: left;
    font-family: "Helvetica Light",sans-serif; 
    width: 148px;
    height: 33px;
    text-align: center;
    font-size: .9375em;    
    clear: both;
    background-color: #9e9e9e;
    padding-top: 10px;
    color: #fff;
    text-decoration: none;
}

.popup {
    position: relative;
    float: left;    
    margin: 0;    
    padding: 1.25em 5%;
    width: 90%;
    height: auto; 
}

.popup.iframe {
    padding: 1.25em 0;
    width: 100%;
}

.popup h1 {
    padding:0;
    margin: 0;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 1.125em;
    font-weight: bold;
    color: #097231;
    text-transform: uppercase;   
}

.popup h2 {
    padding:0;
    margin: 0;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 1.125em;
    font-weight: bold;
    color: #99cc00;    
}

.popup ul,
.popup label,
.popup p {
    font-family: "Source Sans Pro",sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: #000;        
}

/* Para el listado de estado de la revista */
.popup .correcto {
    color:Green;
}

.popup .incorrecto {
    color:Red;
}

.popup .advertencia {
    color: Orange;
}
 
.popup .align-top {
    vertical-align: top;     
}
 
.popup .label1 {
    position: relative;
    float: left;
    width: 150px;        
    padding: .5em 0 .6em 0;
}

.popup p .label2 {
    font-size: 0.8em;
}

.popup .centrado {
    text-align: center;
}

.popup .centrar {
    text-align: center;
    padding: 1.5em;
 }
 
.popup .boton_bordes {
    position: relative;
    float: right;
    font-family: "Source Sans Pro",sans-serif;     
    font-weight: bold;
    width: 175px;
    height: 30px;
    text-align: center;
    font-size: 1.125em;    
    clear: both;
    background: transparent url("../../Images/fnd_boton_bordes.png") no-repeat;
    padding-top: 5px;
    padding-right: 5em;
    color: #fff;
    text-transform:uppercase;    
}

.popup li {
    list-style: disc outside;
    color:#99cc00;
}

.espaciali {
  height:2em; 
}
 
.popup .enlace {
   color: #99CB00;
}

.popup span  {
    color: #999;
}
 
.popup strong {
    color: #99cc00;    
}

.popup .boton_ok { 
    margin-top: 1.8em;    
}

.popup .boton_ok.verde { 
    margin-top: 1em;    
}

.popup .botonera_form_centrada {
    clear: both;
    text-align: center;    
}

.popup .botonera_form_izquierda {
    text-align: left;    
}

.popup .botonera_form_derecha {
    text-align: right;    
}

.popup .botonera_form_centrada .boton_ok {
    clear:none;
    display: inline-block;
    float: none;
}

.popup input.ancho1 {
    background: url("../../Images/fnd_caja_alta.png") no-repeat scroll left top transparent;
    border: medium none;
    height: 23px;
    padding: 7px 10px;
    width: 312px;
}
.ancho1 {
    background: url("../../Images/fnd_caja_alta.png") no-repeat scroll left top transparent;
    border: medium none;
    padding: 7px 10px;
    width: 330px;
    height: 40px;
}

.popup .premium {
    position: relative;
    float: left;
    width: 760px;
}

.popup .premium h1 {    
}

.popup .izq_premium {
    position: relative;
    float: left;
    width: 552px;
    margin: 0;
}

.popup .der_premium {
    position: relative;
    float: right;        
    background: transparent url("../../Images/img_altauser.png") no-repeat;
    height: 420px;
    width: 208px;
    margin: 0;
}

.popup .izq_premium label.corta {    
    display: block;
    float: left;        
    margin: 0 0.2em 0.2em 0;
    padding: 0.25em 0;
    position: relative;
    width: 30%;   
 }
 
.popup .ui-selectmenu {
   background: transparent url("../../Images/fnd_caja_alta.png") no-repeat scroll left top;  
}

.popup .cajagrande {
    float:left;
    width:70%;  
}

.popup .cajagrande h1 {
    padding-bottom: 1em;
}

.popup .cajapeque {
    margin-right: 2%;
    background: #FFF url("../Images/fnd_mlateral.jpg") no-repeat right top;
    float:left;
    width: 25%;
    min-height: 200px;  
}

.popup .cajapeque li {
    padding: 0 0 0.5em 1em;
    color:#000000;
    background: transparent url("../Images/fnd_mlateral_li.png") no-repeat 0 2px;
    list-style-type: none;
}

.popup .cajapeque a {
    color:#333333;
}

.popup .cajapeque a:hover {
    color:#99CC00;
}

.popup .cajapeque ul {
    padding-left: 1em;
    list-style-type: none; 
}

.popup .cajapeque .activo {
    color:#99CC00;
}

.popup  #paginas {
    text-align:center;
    color: #333333;
    padding: 1em;
}
 
.popup .paginar a {
    color: #333333;
}

.popup .cajaiframe {
    padding: 0em;
    margin-right: 0em;
    text-align:center;
    width: 945px;
    border: 1px solid red;
}

.popup .cajaiframe .centrado {
    width: 40em;
}

.popup textarea {
    border: 1px solid  #a2ba44;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
   -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
}

.popup .col_izq {
    width: 20%;
    float:left;
}

.popup .col_izq h1 {
    font-family: Arial, Sans-Serif;    
    font-size: 19px;
    position: relative;
    float: left;
    background: #93d100;
    text-align: center;
    width: 104px;
    padding: 1em 10px;
    text-transform: none;
    color: #333;
    font-weight: bold;
}

.popup .col_der {
    width: 80%;
    float:left;
}

.popup .linovineta {
    list-style-type: none;
}

.popup ul .lista {
    padding-left: 5em;
}
.popup ul .listasin_img {
    padding-left: 3.6em;
}
.popup .destacado {
    color:#ffcc80;
    text-decoration:underline;
    font-weight:bold;
}
.popup .botonverde {
    background-color: #69ae15;
}

.popupn {
    position: relative;
    float: left;
    margin: 0;
    padding: 1.25em 1% .75em 2%;
    width: 95%;
    height: auto;
}
.confirm
{
    width:90%;
}
.popupn textarea
{	
	padding-left:.75em;
	padding-top:.75em;
	font-family: "Helvetica Light",sans-serif;
}

.popupn button.boton_ok,
input.boton_ok {
    border: none;
    padding-top: 6px !important;
    padding-bottom: 6px;
    height: 35px;
    line-height: 20px;
}

.popupn input[type=submit]
{
	height:45px;
}

.col_naranja
{
	background-color: #fc710b;
}

.lineafsetn {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 .625em 0; 
}
.lineafsetn label
{
	padding:0 !important;
}

.popup_gratisn {
    position: relative;    
    width: 100%;
    float: left;
    margin:0;
    height: auto;
}

.popup_pf_xn
{
	top:0;
	right:0;
	z-index:100;
	position:absolute;
}


.popupn h1 {
    padding:0;
    margin: 0 22%;
    font-family: "Helvetica Light",sans-serif;
    font-size: 1.125em;   
    color: #333;
    text-transform: uppercase;
    text-align: center;
    /*box-shadow: 0px 18px 0px -14px #A0BF37;*/
    border-bottom: 2px #A0BF37 solid;
    padding-bottom: .4em;   
    position:relative;
    width:55%;       
    font-weight: normal;
}

.peq{   
    margin: 0 5% !important;    
    width:90% !important;       
}

.popupn h2 {
    padding:0;
    margin: 0;
    font-family: "Helvetica Light",sans-serif;
    font-size: .9em;
    position:relative;
    color: #333;
    font-weight: normal;
}

.popupn p.centrado {
  width: 100%;
  text-align: center;
}


.popupn ul,
.popupn label,
.popupn p {
    font-family: "Helvetica Light",sans-serif;
    font-size: .9em;
    font-weight: normal;
    color: #333;
    position: relative;
    float: left;    
 }

.popupn p.parrafocorto {
    font-family: "Helvetica Light",sans-serif;
    font-size: .625em;
    font-weight: normal;
}

.popupn p.destacado {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.3em;
  color: #99cc00;
}

.popupn .label1 {
    position: relative;
    float: left;
    width: 150px;
    padding: .5em 0 .6em 0;
}

.popupn .text
{
	height:30px;
}

.popupn .label2 {
    position: relative;
    float: left;
    width: 190px;
    padding:  .4em 0;
}

.popupn .cajapeq {
  background-color: #FFFFFF;
  border: .1em solid #99CB00;
  color: #333333;
  float: left;
  font-family: "Helvetica Light",sans-serif;
  font-size: .875em;
  margin: 0;
  padding: .25em .125em;
  position: relative;
  width: 10%;

}

.popupn .centrado {
    width: auto;
    text-align: center;
 }

.popupn li {
    list-style: disc outside;
    color:#99cc00;
}

.popupn span  {
    color:#333;
    font-weight:bold;
}

.popupn .textonegro{
  color:#000000;
}

.popupn strong {
    color: #99cc00;
}

.popupn .boton_ok {
    margin-top: 1.8em;
    padding-left:0;
    padding-right:0;
    padding-top: 1em;
}
.popupn p .boton_ok {
    margin-top: .2em;
}

.popupn .boton_peq {
  
  width: 84px;
  height: 22px;
  border:none;
  font-family: "Helvetica Light",sans-serif;
  font-size: 1em;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.popupn .botonera_form_centrada {
    width: 100%;
    text-align: center;
}

.popupn .botonera_form_centrada .boton_ok{
    clear:none;
    display: inline-block;
    float: none;
}



.popupn .premium {
    position: relative;
    float: left;
    width: 760px;
}

.popupn .premium h1 {
}

.popupn .izq_premium {
    position: relative;
    float: left;
    width: 552px;
    margin: 0;
}


.popupn .izq_premium label.corta {
    display: block;
    float: left;
    margin: 0 .2em .2em 0;
    padding: .25em 0;
    position: relative;
    width: 30%;
}

.popupn .fondotabla {
  background: #dedede

}

.popupn #tabla_detalleventas table {
  margin: 1em 0 2em 0;
  width: 100%;
}

.popupn #tabla_detalleventas table td {
  border-left: 1px solid #FFF;
  background: #dedede;
  font-size: .875em;
  padding: .19em 2em;
}



.popupn .notas {
  font-size: .8em;
  width: 100%;
  position: relative;
  float: left;
  margin: 0;
}
.popupn .pcompartir {
  width: 100%;
  margin-top: 0;
  margin-bottom: 1em;
}

.popupn .cajastexto {
  margin-top: .3em;
  margin-bottom: .6em;
  width: 100%;
}

/*Si no hay contenido*/
.no-content {
    text-align: center;
    font-size: 40px;
    color: #454545;
    font-family: Sans-Serif;
    background: transparent url(../images/logo.jpg) no-repeat  center 150px;
    padding: 250px 15px 0 15px;
}

.faldon {
    position: absolute;
    width: 416px;
    height: 74px;    
    background: transparent url(../images/faldon.png) no-repeat;
    z-index: 1;
    top: 700px;
    left: 128px;
}

.marca-agua {    
    position: absolute;
    width: 549px;
    height: 155px;    
    background: transparent url(../images/marca-agua.png) no-repeat;
    z-index: 1;
    top: 333px;
    left: 0;    
}

.bloques span {    
   /* line-height: 1.3;*/
}

/******* ESTILOS NUEVOS DEL VISOR NATALIA 23-01-2015 */
#cabecera_visor
{
   /* margin-top:1%;*/
    height:45px;
    width: 63%;
    margin: 0 auto 0 auto;
}
#logovisor {
   position: relative;
   float:left;
}
#logovisor img
{    
   width:100%;
}
/*******************************************
Social links
********************************************/
#social_links {
    /*position:absolute;
    left: 0;
    top: 0;*/
    z-index: 2;
    height: auto;
    margin: 0 0 0 3%;
    padding: 0;   
    
}

#social_links ul {
    margin: 0;
    padding: 0;
    text-align: left;    
    list-style: none;
}

#social_links li {
    width:27px;
    height: 27px;
    display: inline-block;    
    padding: 5px 0 0 5px;
}

#social_links li a {
    float: left;
    width: 0;
    height: 0;    
    padding: 27px 0 0 27px;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
}

#social_links li#facebook a {
    background-image: url(../images/ic_facebook.png);   
}

#social_links li#twitter a {
    background-image: url(../images/ic_twitter.png);
}

#social_links li#google a {
    background-image: url(../images/ic_google.png);
}

#social_links li#pdf a {
    background-image: url(../images/ic_pdf.png);
}

#social_links li#linkedin a {
    background-image: url(../images/ic_linkedin.png);
}


/*******************************************
Social links
********************************************/
#cabecera_acciones
{
    position:relative;
    float:right;
    width:75%;
    overflow:hidden;
    
}
#cabecera_acciones li
{    
    height: 27px;
    display: inline-block;    
    padding: 5px 0 0 0;
}
#cabecera_acciones ul {
    margin: 0 0 0 1%;
    padding: 0;    
    text-align: right;    
    list-style: none;   
}
#cabecera_acciones li img
{
     width:100%;
}
/*#ico_rss ul
{
    margin: 0 0 0 5%;
    padding: 0;    
    text-align: center;    
    list-style: none;
}
#ico_rss li
{
    height: 27px;
    display: inline-block;    
    padding: 5px 0 0 0;
}
#ico_rss li img
{
     width: 100%;
}
*/

.enlaces_acciones
{
    margin-left:3%;
}
.enlaces_acciones_last
{
    position:absolute;
}

.ocultar
{
    display:none;
}
.invisible
{
    visibility:hidden;
}

#botones li#pdf a {
    background-image: url(../images/btn_see_pdf_visor.png);
    background-color:White;
}

#botones li#btn-crear-publicacion a
{
    background-image: url(../images/btn_publica.png);
    background-color:White;
    padding: 33px 0 0 73px;
}
#botones li#btn-crear-publicacion
{
    width:73px;
    margin-right: 0;
}

/*#ico_rss
{
    position:absolute;
    top: 0;
    right: 5%;
}
*/
#mensaje_novedades
{
    position: relative;
    right: 100%;
    float: right;
    z-index: 2500;
    top: -42px;
}

#mensaje_warning
{
    position: relative;
    right: 100%;
    float: right;
    z-index: 2500;
}

#mensaje_warning_text
{
    position: relative;
    right: 100%;
    float: right;
    z-index: 2500;
}



.controles_thumbnails
{
   /* background-color: white;*/
    margin-right: -5px;
}

#kiosco_visor
{   
    position: absolute;
    width: 100%;
    bottom: 0;
    display:block;
    background-color:White;
    top:110%;
}
#contenido_kiosco_visor
{
    margin: 1% auto 5px auto;
    background-color:White;
}
#contenido_kiosco_visor h2
{
    font-size: 20px;
    font-family: Helvetica;
    font-weight: lighter;
}

.objeto_contenedor_kiosco
{
    position:relative;
    float:left;
    width:100%;
}

.contenido_kiosco_fila_item:hover .mascara_ver
{ 
  background: url(../images/mascara_ver.png) no-repeat 0 0;
  cursor:pointer;  
  height:100%;
  width:100%; 
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
}
.item {
    width:100%;
    height:100%;
    float:left;
    overflow: hidden;    
}
.item_words
{
    word-wrap: break-word;
}

.contenedor_kiosco
{    
    background-color:White;
}
.contenedor_kiosco_fila
{
    margin:0 0 1em 0;
    padding:0;
}
.contenido_kiosco_fila_item
{
    position:relative;
    float:left;
    width:22%;
    font-family: Helvetica;
    font-size:12px;
    margin-bottom: 3%;
    
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.3);
    -ms-box-shadow:0 0 20px rgba(0,0,0,0.3);
    -o-box-shadow:0 0 20px rgba(0,0,0,0.3);
    box-shadow:0 0 20px rgba(0,0,0,0.3);
}
.margin_4
{
    margin-left:4%;
}
.margin_5_5
{
    margin: 5px 0 5px 5px;
}
.contenido_kiosco_titulo
{    
    text-transform: capitalize;    
}

.lbl {
  display: block;
  position: relative;
  float: left;
  margin: 0 .2em .2em 0;
  padding: .25em 0;
  color: #333333;
  width: 30%;
  font-family: "Helvetica Light",Verdana, sans-serif;
  font-size: 1.125em;
}

/* --------- tamaños ------------------ */
.t1 {width: 1%;}
.t2 {width: 2%;}
.t3 {width: 3%;}
.t4 {width: 4%;}
.t5 {width: 5%;}
.t6 {width: 6%;}
.t7 {width: 7%;}
.t8 {width: 8%;}
.t9 {width: 9%;}
.t10 {width: 10%;}
.t11 {width: 11%;}
.t15 {width: 15%;}
.t18 {width: 18%;}
.t20 {width: 20% !important;}
.t2195 {width:21.95%;}
.t2055 {width: 2.55%;}
.t235 {width: 23.5%;}
.t2368 {width: 23.68%;}
.t2374 {width: 23.74%;}
.t22 {width: 22%;}
.t24 {width: 24%;}
.t25 {width: 25%;}
.t27 {width: 27%;}
.t30 {width: 30%;}
.t31 {width: 31%;}
.t32 {width: 32%;}
.t33 {width: 33%;}
.t35 {width: 35%;}
.t39 {width: 39%;}
.t40 {width: 40%;}
.t41 {width: 41%;}
.t44 {width: 44%;}
.t47 {width: 47%;}
.t48 {width: 48%;}
.t49 {width: 49%;}
.t50 {width: 50% !important;}
.t55 {width: 55%;}
.t59 {width: 59%;}
.t60 {width: 60%;}
.t62 {width: 62%;}
.t65 {width: 65%;}
.t66 {width: 66%;}
.t67 {width: 67%;}
.t68 {width: 68%;}
.t695 {width: 69.5% !important;}
.t70 {width: 70%;}
.t74 {width: 74%;}
.t743 {width: 74.3%;}
.t75 {width: 75%;}
.t80 {width: 80%;}
.t84 {width: 84%;}
.t85 {width: 85%;}
.t86 {width: 86%;}
.t88 {width: 88%;}
.t90 {width: 90% !important;}
.t91 {width: 91%;}
.t92 {width: 92%;}
.t93 {width: 93%;}
.t94 {width: 94%;}
.t95 {width: 95%;}
.t96 {width: 96%;}
.t97 {width: 97%;}
.t98 {width: 98%;}
.t985 {width:98.5%;}
.t99 {width: 99%;}
.t100 {width: 100% !important;}

.w61
{
	width:61px;
}
.w68
{
	width:68px;
}
.w50
{
	width:50px;
}
.w80
{
	width:80px !important;
}
.w120
{
	width:120px !important;
}


.w85em
{
   width:9.5em;
}
.w727
{
    width:727px;
}
.w700
{
    width:700px;
}
.w550
{
    width:550px;
}
.w500
{
    width:500px;
}
.w450
{
    width:450px;
}
.w383
{
   width: 383px !important;
}
.w360
{
   width: 360px !important;
}
.w320
{
    width:320px;
}
.w200
{
    width:200px;
}
.w177
{
    width:177px !important;
}
.w100
{
    width:100px;
}

/* z-index */
.z1 {z-index:1;}
.z2 {z-index:2;}

.z20 {z-index:20;}

/* ------ Posiciones -------- */
.psr{position:relative;}
.psa{position:absolute;}
	
/* --------- alturas ------------------ */	
.min-h130 {min-height:8.125em;}
.h300 {height:18.75em;}
.h480 {height:30em;}
.h450 {height:28.125em;}
.h400 {height:400px;} 
.h420 {height:420px;}
.h440 {height:440px;}
.h750 {height:750px;}
.h1e {height:1em;}
.h15 {height:15px;}
.mh400 {min-height:400px;}
.mh420 {min-height:420px;}
.mh440 {min-height:440px;}

.pad0 {padding:0;}
.padl0 {padding-left:0;}
.padt0 {padding-top:0;}
.padr0 {padding-right:0;}
.padb0 {padding-bottom:0 !important;}
.padtb01 {padding-top:.1em;padding-bottom:.1em;}
.padl01 {padding-left:.1em;}
.pad0125 {padding:.125em;}
.padtb0125 {padding-top:.125em;padding-bottom:.125em;}
.padb02 {padding-bottom: .2em;}
			
.pad025 {padding:.25em;}
.padtb025 {padding-top:.25em;padding-bottom:.25em;}
.padid025 {padding-left:.25em;padding-right:.25em;}
.padtb03 {padding-top:.3em;padding-bottom:.3em;}
.padt025 {padding-top: .25em;}
.padr025 {padding-right: .25em;}
.padb025 {padding-bottom: .25em;}
.padl025 {padding-left: .25em;}
.padtinf025 {padding: .25em 0; }
.padtb03 {padding-top:.3em;padding-bottom:.3em;}

.pad05 {padding:.5em;}
.pad0705 {padding:.7em .5em .7em .5em;}
.padtb05 {padding-top:.5em;padding-bottom:.5em;}
.padid05 {padding-left:.5em;padding-right:.5em;}
.padt05 {padding-top: .5em;}
.padr05 {padding-right: .5em;}
.padb05 {padding-bottom: .5em;}
.padl05 {padding-left: .5em;}

.padt065 {padding-top: .65em;}
.padl065 {padding-left: .65em;}
  
.padt075 {padding-top: .75em;}
.padb075 {padding-bottom: .75em;}
.padr075 {padding-right: .75em;}
.padl075 {padding-left: .75em;}
.padt08 {padding-top: .8em;}
  
.pad1 {padding:1em;}
.padtb1 {padding-top:1em;padding-bottom:1em;}
.padid1 {padding-left:1em;padding-right:1em;}
.padt1 {padding-top: 1em;}
.padr1 {padding-right: 1em;}
.padb1 {padding-bottom: 1em;}
.padl1 {padding-left: 1em;}
.padtb2 {padding-top:2em;padding-bottom:2em;}
.padl1p {padding-left: 1%;}
.padl13p {padding-left: 13%;}
.padr1p {padding-right: 1%;}
.padlr2p {padding-left:2%;padding-right:2%;}
.padlr5p {padding-left:5%;padding-right:5%;}
.padlr6p {padding-left:6%;padding-right:6%;}

.padt125 {padding-top: 1.25em;}

.pad15 {padding:1.5em;}
.padtb15 {padding-top:1.5em;padding-bottom:1.5em;}
.padt15 {padding-top: 1.5em;}
.padr15 {padding-right: 1.5em;}
.padb15 {padding-bottom: 1.5em;}
.padl15 {padding-left: 1.5em;}

.padt175 {padding-top:1.75em;}

.padt2 {padding-top: 2em;}
.padr2 {padding-right: 2em;}
.padb2 {padding-bottom: 2em;}
.padl2 {padding-left: 2em;}
.pad2p {padding:2%;}
.padr2p {padding-right:2%;}

.padl3 {padding-left: 3em;}
.padb3 {padding-bottom: 3em;}

.padt4 {padding-top:4em;}
.padt45 {padding-top:4.5em;}
.padinput { padding: .5em 0 .5em 1% !important;}


/* --------- márgenes ------------------ */	  
.mar0 {margin:0;}
.marauto {margin:0 auto;}
.martm1 {margin-top: -1% !important;}
.mart01 {margin-top: .125em;}
.marb015{margin-bottom: .15em;}

.marl0 {margin-left:0;}  
.marb0 {margin-bottom:0;}  
.mart0 {margin-top: 0;}
.mart025 {margin-top: .25em;}
.marr025 {margin-right: .25em;}
.marb025 {margin-bottom: .25em;}
.marl025 {margin-left: .25em;}
.mart035{margin-top: .35em;}
.mart03{margin-top: .3em;}


.martb05 {margin-top: .5em; margin-bottom: .5em;}
.marid05 {margin-left: .5em; margin-right: .5em;}
.mart05 {margin-top: .5em;}
.marr05 {margin-right: .5em;}
.marb05 {margin-bottom: .5em;}
.marl05 {margin-left: .5em;}

.mart06{margin-top: .6em;}
.mart0625 {margin-top: .625em;}
.marb0625 {margin-bottom: .625em;}
.marb075 {margin-bottom: .75em;}
.mart08 {margin-top: .8em;}
.marl08 {margin-left: .8em;}

.martb1 {margin-top: 1em; margin-bottom:1em;}
.marid1 {margin-left:1em; margin-right:1em;}
.mart1 {margin-top: 1em !important;}
.marr1 {margin-right: 1em;}
.marb1 {margin-bottom: 1em;}
.marl1 {margin-left: 1em;}

.marl125 {margin-left: 1.25em;}
.marl13 {margin-left: 1.3em;}
.marb125 {margin-bottom: 1.25em !important;}

.mart15 {margin-top: 1.5em;}
.martb15 {margin-top: 1.5em; margin-bottom:1.5em;}
.marb15 {margin-bottom: 1.5em;}

.mart2 {margin-top: 2em;}
.marb2 {margin-bottom: 2em;}
.marl2 {margin-left: 2em;}
.marr2 {margin-right: 2em;}

.marb25 {margin-bottom:2.5em;}
.mart25 {margin-top: 2.5em;}

.mart3 {margin-top:3em !important;}
.marb3 {margin-bottom: 3em !important;}
.mart4 {margin-top:4em !important;}
.mart4_5 {margin-top:4.5em !important;}
.mart5 {margin-top:5em !important;}
.marb5 {margin-bottom:5em;}

.mart48 {margin-top:48px;} /*área personal*/

.marl3p {margin-left:3%;}
.marl2p{margin-left:2%;}
.marl4p {margin-left:4%;}
.marl14p {margin-left:1.4%;}
.marl165p {margin-left:1.65%;}

.mart6 {margin-top: 6em;}
.marb7 {margin-bottom:7em;}

.marb09 {margin-bottom: .9375em;}

.marl20p{margin-left:20%;}
.marl30p{ margin-left: 30%; }
.marl25p{margin-left:25%;}
.marl27p{margin-left:27% !important;}
.marl10p{margin-left:10% !important;}
.marl245p{margin-left: 24.5% !important;}
.marl14pp{margin-left:14% !important;}
.marl16p{margin-left:16% !important;}
.marl15p{margin-left:15% !important;}
.marl39p{margin-left: 39% !important;}
.marl31p{margin-left: 31% !important;}
.marl32p{margin-left: 32% !important;}
.marr34p{margin-right:34% !important;}
.marr30p {margin-right: 30% !important;}



.mart10{ margin-top: 10em;}

.v_col_9e {color: #9e9e9e !important;}
.v_col_ad {color: #adadad !important;}
.v_col_33 {color: #333 !important;}

.v_back_colore5 {background-color: #e5e5e5;}

.cajaf {
  position: relative;
  float: left;
  width: 68%;
  margin: 0;
  padding: .25em .125em;
  border: .1em solid rgb(169, 169, 169);
  background-color: #FFF;
  color: #333333;
  font-family: "Helvetica Light", Verdana, sans-serif;
  font-size: .875em;
}

.ff_helvetica_light{font-family: "Helvetica Light", sans-serif;}
/* --------- Alineaciones textos,imágenes ------------------ */	
.txa_r {text-align:right;}
.txa_l {text-align:left;}
.txa_c {text-align:center;}
.va_m {vertical-align:middle;}
.va_t {vertical-align:top;}

.fl_l {float:left !important;}
.fl_r {float:right !important;}
.clb {clear:both;}

/* --------- fuentes ------------------ */	

.txt_b {font-weight: bold;}
.txt_n {font-weight: normal;}
.txt_em {font-style: italic;}
.txt_u {text-decoration: underline;}
.txt_up {text-transform:uppercase;}
.txt_d {text-transform:lowercase;}
.txt_nn {text-transform:none !important;}

.ff_helvetica_light{font-family: "Helvetica Light", sans-serif;}
.fs_09 {font-size: .9em;}
.fs_06 {font-size: .6em !important;}
.fs_07 {font-size: .7em !important;}
.fs_115 {font-size: 1.15em !important;}

.borde_form
{
    border-right:2px #a0bf36 solid;
}
.borde_circulo { border-radius:50%;}
.estilo_hoja_pdf
{
    margin-left: .5%;
    margin-right: .5%;
    margin-top: .5%;
    width: 549px;
}

@font-face
{
    font-family: 'NN Dagny Display';
    src: url('../../fonts/Dagny/NNDagnyDisplayWebPro.eot');    
    src: url('../../fonts/Dagny/NNDagnyDisplayWebPro.eot?#iefix') format('embedded-opentype'), 
         url('../../fonts/Dagny/NNDagnyDisplayWebPro.woff') format('woff');
    font-weight: bold;
    font-style: normal; 
}

@font-face
{
    font-family: 'NN Dagny Text';
    src: url('../../fonts/Dagny/NNDagnyTextWeb.eot');    
    src: url('../../fonts/Dagny/NNDagnyTextWeb.eot?#iefix') format('embedded-opentype'), 
         url('../../fonts/Dagny/NNDagnyTextWeb.woff') format('woff');
    font-weight: normal;
    font-style: normal; 
}    
/* ------------------ media queries ------------------- */

@media screen and (max-width: 1280px) {
    #cabecera_acciones li img
    {
        width:60%;
    }
    #cabecera_acciones li#facebook,
    #cabecera_acciones li#twitter,
    #cabecera_acciones li#google, 
    #cabecera_acciones li#linkedin
    {
        width:27px; 
    }
    #cabecera_acciones li#facebook img,
    #cabecera_acciones li#twitter img,
    #cabecera_acciones li#google img,
    #cabecera_acciones li#linkedin img
    {
        width:100%; 
    }
    #logovisor 
    {    
        width:160px;
    }
     #cabecera_acciones
    {
        width:65%;
    }
    #boton_editar img
    {
        width:70%;
    }
}

@media screen and (max-width: 1024px) {
    #cabecera_acciones li img
    {
        width:60%;
    }
     #cabecera_acciones li#facebook,
    #cabecera_acciones li#twitter,
    #cabecera_acciones li#google, 
    #cabecera_acciones li#linkedin
    {
        width:27px; 
    }
    #cabecera_acciones li#facebook img,
    #cabecera_acciones li#twitter img,
    #cabecera_acciones li#google img,
    #cabecera_acciones li#linkedin img
    {
        width:100%; 
    }
    #logovisor 
    {    
        width:160px;
    }
     #cabecera_acciones
    {
        width:65%;
    }
    #boton_editar img
    {
        width:70%;
    }
}
@media screen and (max-height: 900px) {
    #cabecera_acciones li img
    {
        width:60%;
    }
    #cabecera_acciones li#facebook,
    #cabecera_acciones li#twitter,
    #cabecera_acciones li#google, 
    #cabecera_acciones li#linkedin
    {
        width:27px; 
    }
    #cabecera_acciones li#facebook img,
    #cabecera_acciones li#twitter img,
    #cabecera_acciones li#google img,
    #cabecera_acciones li#linkedin img
    {
        width:100%; 
    }
    #logovisor
    {    
        width:138px;
    }
    #cabecera_acciones
    {
        width:75%;
    }   
    #boton_editar img
    {
        width:60%;
    }
    .magazine-viewport .publica-button
    {
        top:95%;       
    }
    .magazine-viewport .publica-button img
    {
         width:100px;
    }
    .magazine-viewport .next-button,
    .magazine-viewport .previous-button
    {
        top:65%;
    }
}

@media screen and (max-height: 650px) {
    #cabecera_acciones li img
    {
        width:50%;
    }
    #cabecera_acciones li#facebook,
    #cabecera_acciones li#twitter,
    #cabecera_acciones li#google, 
    #cabecera_acciones li#linkedin
    {
        width:27px; 
    }
    #cabecera_acciones li#facebook img,
    #cabecera_acciones li#twitter img,
    #cabecera_acciones li#google img,
    #cabecera_acciones li#linkedin img
    {
        width:100%; 
    }
    #logovisor 
    {    
        width:138px;
    }
    #cabecera_acciones
    {
        width:70%;
    }    
    #boton_editar img
    {
        width:60%;
    }
    .magazine-viewport .publica-button
    {
        top:95%;
    }
     .magazine-viewport .publica-button img
    {
         width:100px;
    }
    .magazine-viewport .next-button,
    .magazine-viewport .previous-button
    {
        top:65%;
    }
}

@media screen and (max-width: 980px) 
{
     #cabecera_acciones li
    {
        width:50%;
    }
     #cabecera_acciones li#facebook,
    #cabecera_acciones li#twitter,
    #cabecera_acciones li#google, 
    #cabecera_acciones li#linkedin
    {
        width:27px; 
    }
    #cabecera_acciones li#facebook img,
    #cabecera_acciones li#twitter img,
    #cabecera_acciones li#google img,
    #cabecera_acciones li#linkedin img
    {
        width:100%; 
    }
     #logovisor 
    {    
        width:115px;
    }
     #cabecera_acciones
    {
        width:70%;
    }   
    #boton_editar img
    {
        width:50%;
    }
    .magazine-viewport .publica-button
    {
        top:95%;
    }
     .magazine-viewport .publica-button img
    {
         width:100px;
    }
    .magazine-viewport .next-button,
    .magazine-viewport .previous-button
    {
        top:65%;
    }
}
/********************************************************/
