/* ----------------------------------------------------------------------------
Estilos aplicables a todos los elementos de un mismo tipo
-----------------------------------------------------------------------------*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ccc;
	font-style: oblique;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ccc;
   opacity:  1;
   font-style: oblique;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ccc;
   opacity:  1;
   font-style: oblique;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ccc;
   font-style: oblique;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, div:focus{
	outline:none;
}

.wp_noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

/*-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/
html, body{
	margin: 0px;
	padding: 0px;
}

.wpEntorno{
	width: 	100%;
	height: 100%;
}

.wpEntorTop{
	height: calc( var(--wpTopH) - 1px);
	border-bottom: 1px solid #cccccc;
	overflow: hidden;
	background-color: #dddddd;
}
.wpEntorBdy{
	height: calc(100% - var(--wpTopH) - var(--wpPieH) );
}
.wpEntorPie{
	height: calc( var(--wpPieH) - 3px - 4px);
	border-top: double #cccccc;
	background-color: var(--wpColor);
	overflow: hidden;
	padding: 2px;
	line-height: calc( var(--wpPieH) - 3px - 4px);
	text-align: center;
	color: var(--wpForeColor)!important;
	font-family: arial;
	font-size:14px;
}
@media (max-width:400px){
	.wpEntorPie{
		font-size: 10px;
	}
}
.wpEntorTop div{
	float: left;
}

.wpEntornoLogo{
	height: calc(100% - 12px);
	padding: 6px;
}
/*-----------------------------------------------------------------------------
PIE DE PAGINA
-----------------------------------------------------------------------------*/
.wpEntorPie img{
	vertical-align: middle;
	max-height: calc( var(--wpPieH) - 10px );
	margin-right: 5px;
}
.wpEntorPie a{
	text-decoration: none;
	color: var(--wpForeColor)!important;
}
.wpEntorPie a:hover{
	text-decoration: underline;
	color: var(--wpForeColor2)!important;
}
/*-----------------------------------------------------------------------------
Logos de cada empresa
-----------------------------------------------------------------------------*/
.wpEntornoLogo_i{
	height: 100%;
	background: url("../images/logo_i.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 176px;
}
.wpEntornoLogo_c{
	height: 100%;
	background: url("../images/logo_c.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 349px;
}
.wpEntornoLogo_l{
	height: 100%;
	background: url("../images/logo_l.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 350px;
}
.wpEntornoLogo_s{
	height: calc(100% - 50px);
	background: url("../images/logo_s.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 250px;
	margin-bottom: 25px;
	margin-top: 25px;
}
@media (max-width:400px){
	.wpEntornoLogo_s{
		height: calc(100% - 10px);
		_background: url("../images/logo_s.png");
		_background-size: contain;
		_background-repeat: no-repeat;
		width: 250px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
}
.wpEntornoLogo_o{
	height: 100%;
	background: url("../images/logo_o.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 334px;
}

/*-----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/
.wpEntorTitulo{
	padding: 20px 10px;
}
.wpEntorTitulo h1{
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 26px;
	margin:4px;
	margin-left: 10px;
	color: var(--wpColor);
	text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}
.wpEntorTitulo h2{
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	margin:4px;
	margin-left: 20px;
	color: var(--wpColor);
}