﻿img {
	border: none;
}

.clearer{
	clear:both;
	height:0px;
	font-size:0px;
	}

.justificado
{
    text-align: justify;
    }
.floating-left {
	float: left;
	}

.floating-right {
	float: right;
	}
	.ms-siteactionsmenu menu {display: none;}
/*
li {
	list-style-type: none;
	}
*/

.invisible{
	display:none;
}
	
/* ADMIN */

#console {
	margin: 0;
	}
.console-left {
	float: left;
	}
.console-right {
	float: right;
	}

/* Site Map */
.sitemap-table
{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.sitemap-row
{
    display: table-row;
    overflow: hidden;
}
.sitemap-cell
{
    display: table-cell;
    float: left;
}
.sitemap-innercell
{
    padding: 1em 0.5em;
}
.sitemap-table-2columns .sitemap-cell
{
    width: 49%;
}
.sitemap-table-3columns .sitemap-cell
{
    width: 33%;
}
.sitemap-table-4columns .sitemap-cell
{
    width: 25%;
}
.sitemap-item
{
    display: block;
}
.sitemap-group
{
    padding-left: 1em;
}
ul.sitemap-group, ul.sitemap-pages
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.sitemap-group
{
    margin: 0;
    padding: 0;
}
ul.sitemap-pages
{
    position: relative;
}
ul.sitemap-pages li
{
    display: inline;
    word-wrap: break-word; /* css3 standard */
}

/* Photo Gallery */

ul.PhotoGallery {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.PhotoGallery li {
    padding: .5em 0;
    list-style: none;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: center;
    width: 33%;
    margin:0;
}
ul.PhotoGallery li img{
    margin:0.25em;
}

ul.PhotoGallery li a.albumTitle {
    display: block;
}

ul.PhotoGallery li.clearer {
    float: none;
    clear: both;
    width: 100%;
    height: 0px;
    font-size: 0;
}
.RightZone ul.PhotoGallery li.clearer {
    display: none;
}
.RightZone ul.PhotoGallery li {
    width: auto;
    float: none;
    text-align: left;
}
.RightZone ul.PhotoGallery li img {
    float: left;
    width: 33%;
}

#myMap {
    background-image: url('/_layouts/CSP/images/loader.gif');
    background-position: center center;
    background-repeat: no-repeat;
}
#myMap .noscript {
    position: relative;
    height: 100%;
    background-image: url('/_layouts/CSP/images/no-map.gif');
    background-repeat: no-repeat;
    background-position: center center;
}
#myMap .noscript div {
    position:absolute;    
    top:50%; 
    height:115px; 
    margin-top:-5em;
    overflow: visible;
    
    padding: 1em 1em 1em 128px;
    background-image: url('/_layouts/CSP/images/no-js.gif');
    background-repeat: no-repeat;
    background-position: 1em 1em;
}
#myMap .noscript b {
    color: #edac49;
    display: block;
    margin-bottom: 0.5em;
    font-size: 1.2em;
    text-transform: uppercase;
}

.CSPProcedureIcons img, .CSPProcedureIconsCaptions img {
    vertical-align: middle;
    height: 14px;
    width: 14px;
    border: none;
    margin: 0;
}
.CSPProcedureIcons img {
    cursor: help;
}
span.CSPProcedureIcons {
    float: right;
}
ul.CSPProcedureIconsCaptions {
    list-style-type: none !important;
    list-style-image: none !important;
    list-style-position: outside !important;
    padding: 0;
    margin: 0;
}
ul.CSPProcedureIconsCaptions li {
    list-style-type: none !important;
    list-style-image: none !important;
    list-style-position: outside !important;
}
ul.CSPProcedureElement li a {
    display: inline;
}


/* prevención para que lineas separadoras no corten fotos en listados CBQWP */

.slm-layout-main div.item {
    overflow: hidden;
}

/* inicio TRAC 8117 y 8154 */
.slm-layout-main ul, .cbq-layout-main ul {
	padding: 0em;
	margin: 0em;
}

.slm-layout-main li, .cbq-layout-main li {
	list-style-type: none !important;
	list-style-position: outside !important;
	display: inline; /* TRAC 15541 */
}

.cbq-layout-main div.item {
    overflow: hidden;
}
/* fin TRAC 8117 y 8154 */

.infoSteps .StepActive {
    volume: loud;
}
.infoSteps .StepActive strong, .infoSteps .StepInactive strong{
    display: block;
}

/*      ESTILO COOKIES  */
@keyframes desaparecer{
    0%		{bottom: 0px;}
    80%		{bottom: 0px;}
    100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */{
    0%		{bottom: 0px;}
    80%		{bottom: 0px;}
    100%		{bottom: -50px;}
}
 
@keyframes aparecer{
    0%		{bottom: -38px;}
    10%		{bottom: 0px;}
    90%		{bottom: 0px;}
    100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */{
    0%		{bottom: -38px;}
    10%		{bottom: 0px;}
    90%		{bottom: 0px;}
    100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:99%;
	/*height:43px;*/
	margin:0 auto;
	padding-left:1%;
    padding-top:5px;
    font-size: 12px !important;
	clear:both;
    color: #000;
    bottom:0px;
    position:fixed;
    left: 0px;
    background-color: #FFF;
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    transition: bottom 1s;
    -webkit-transition:bottom 1s; /* Safari */
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
    z-index:999999999;
}

.cookiesms a{
	color: #666666 !important;
}
 
.cookiesms:hover{
    bottom:0px;
}
.cookies2{
    background-color: #FFF;
    display:inline;
    opacity:0.95;
    filter:alpha(opacity=95);
    position:absolute; 
    left:1%; 
    top:-30px;
    font-size:15px;
    height:30px;
    padding-left:25px;
    padding-right:25px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}

.botonCookies{
	background-color: #DFDFDF !important;
	color: #333333 !important;
}

/*      FIN ESTILO COOKIES  */

/*      ESTILO WEATHER          */
#WeatherZone ul.CurrentTemperature {
    margin: 0px auto !important;
    padding: 0px !important;
    width: 120px !important;
    height: 50px !important;
    display: block !important;
    float: none !important;
    list-style: outside none none !important;
    clear: both !important;
}
	
#WeatherZone ul.CurrentTemperature li.low {
    padding: 15px 10px 25px 20px !important;
    display: inline-block !important;
    font-size: 14px !important;
}
#WeatherZone ul.CurrentTemperature li.high {
    padding: 15px 0px 10px 20px !important;
    display: inline-block !important;
    font-size: 14px !important;
}

#WeatherZone ul.WeatherBox li img {
    width: 40px !important;
    margin-top: 10px !important;
}
#WeatherZone ul.WeatherBox li span {
    display: block !important;
    width: 45px !important;
    font-size: 14px!important;
    font-weight: bold;
}
#WeatherZone ul.WeatherBox li {
    float: left !important;
    height: 128px !important;
    overflow: hidden !important;
    margin: 0px 1px !important;
    width: 48px !important;
}
#WeatherZone ul.WeatherBox {
    width: 204px !important;
    height: 128px !important;
    margin: 0px 0px 10px !important;
    padding: 0px !important;
    list-style: outside none none !important;
    float: left !important;
	background-size: cover !important;
}
/*      FIN ESTILO WEATHER      */

/*      ESTILO FORMULARIOS      */

.SPFG_titulo1{
    font-weight: bold;
    font-size: 1.5em;
    text-decoration: underline;
	margin-top: 1.5em;
}
.SPFG_titulo2{
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: underline;
	margin-top: 1.2em;
}
.SPFG_titulo3{
    font-size: 1em;
    font-weight: bold;
}

#middle #MainContent .CenterZone .CSPForm .CSPFormLabel,
#middle #MainContent .CenterZone .CSPForm .CSPFormLabelP,
#middle #MainContent .CenterZone .CSPForm .CSPFormInputDate,
#middle #MainContent .CenterZone .CSPForm .CSPFormInput{
	padding-top: 0.8em !important;
}
#middle #MainContent .CenterZone .CSPForm .CSPFormLabel nobr{
	white-space:normal;
}
#middle #MainContent .CenterZone .CSPForm .CSPFormLabel{
	min-width:33%;
	width:auto !important;
    font-weight: bold;
}
#middle #MainContent .CenterZone .CSPForm .CSPFormLabelP{
	min-width:0%;
	width:33%;
	display: inline;
	float: left;
    font-weight: bold;
}
#middle #MainContent .CenterZone .CSPForm .CSPFormInputP{
	width: 73%;
}

#middle #MainContent .CenterZone .CSPForm .CSPFormInput{
	width: 66%;
}
#middle #MainContent .CenterZone .CSPForm .CSPFormInput.CSPFormCheck input,
#middle #MainContent .CenterZone .CSPForm .CSPFormInput.CSPFormMultichoice input,
#middle #MainContent .CenterZone .CSPForm .CSPFormInput.CSPFormRadioButtons .CSPFormChoice input{
	width: auto;
	float: left;
	display: inline;
}
#middle #MainContent .CenterZone .CSPForm .CSPFormInput.CSPFormCheck label,
#middle #MainContent .CenterZone .CSPForm .CSPFormInput.CSPFormRadioButtons .CSPFormChoice label{
	display: flex;
}
#middle #MainContent .CenterZone .CSPForm .CSPFormInput.CSPFormMultichoiceH tr,
#middle #MainContent .CenterZone .CSPForm .CSPFormInput.CSPFormRadioButtonsH .CSPFormChoice tr{
	display: table-cell;
}
/*#middle #MainContent .CenterZone .CSPForm .CSPFormInput.CSPFormRadioButtonsH .CSPFormChoice tr td input{
	display:block;
	clear:both;
	width: 100%;
	text-align: center;
	float: right;
}
#middle #MainContent .CenterZone .CSPForm .CSPFormInput.CSPFormRadioButtonsH .CSPFormChoice tr td label{
	display:block;
	clear:both;
	width: 100%;
	text-align: center;
	float: left;
}*/

#middle #MainContent .CenterZone .CSPForm .CSPFormInputMulti,
#middle #MainContent .CenterZone .CSPForm .CSPFormInput.CSPFormRadioButtons,
#middle #MainContent .CenterZone .CSPForm .CSPFormInput.CSPFormMultichoice{
	display:block;
	clear:both;
	width: 100%;
}
#middle #MainContent .CenterZone .CSPForm .CSPFormInputMulti textarea{
	width: 90%;
}
#middle #MainContent .CenterZone .CSPForm .CSPFormInput.CSPFormRadioButtons table{
	width: 100%;
}

/*      FIN ESTILO FORMULARIOS  */

.tablenotificaciones
{
    display:none;
}
.divNotifTramite
{
    display:none;
}