@charset "utf-8";
/* CSS Document */

/** MAIN TAGS **/
html{
	height:100%;
}

body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0px;
	background-color:#ffffff;
	width:100%;
}

/** MAIN Containers **/
/** Div **/

div{
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;	
}

div.contentInrow{
	display:flex;
	flex-direction:row;
}

div.fixedDiv{
	position:fixed !important;
}

#header{
	width:100%;
	min-width:1004px;
	height:150px;
	background-color:#05406b;
	position:relative;
	top:0;
}

#headerContent{
	margin:auto;
	height: auto !important;
	max-width:1200px;
	padding-top:0.25em;
	/*min-width:1002px;*/
	width:100%;
	height: auto !important;	
}

#subheader{
	width:100%;
	/*min-width:1004px;*/
	background-color:#02477a;
	text-align:center;
	position:relative;
}

#mainSictedMap{
	width:100%;
	/*min-width:1004px;*/
	text-align:center;
	position:relative;
	background-color:#ffffff;
	z-index:1;
	background-color:#f9f9f9;
	border-bottom:1px solid #d9d9d8;
}

#mainSictedMapContent{
	margin:auto;
	height: auto !important;
	max-width:1200px;
	/*min-width:1002px;*/
	width:100%;
	height: auto !important;	
	padding:0.5em;
}

div.mainSictedMapOptions{
	display:inline;
	width:auto;
	height:auto;
	/**max-width:1200px;**/
	/*min-width:1002px;*/
	margin:auto;
	padding:0.5em;
	padding-left:0em;
	display:inline;
	float:left;
}

#menuContent{
	margin:auto;
	height: auto !important;
	max-width:1200px;
	padding-top:0.25em;
	/*min-width:1002px;*/
	width:100%;
	height: auto !important;	
}

div.menuOptions{
	display:inline;
	width:auto;
	height:auto;
	max-width:1200px;
	padding-top:0.25em;
	/*min-width:1002px;*/
	margin:auto;
}

#main{
	max-width:1200px;
	min-width:1002px;	
	margin:auto;
	/*padding:0;*/
	padding-top:2em;
	padding-bottom:2em;
	height: auto !important;
	position:relative;
	z-index:0;
	display:block;
}

#mainSicted{
	max-width:1200px;
	min-width:1002px;
	margin:auto;
	/*padding:0;*/
	padding-top:1em;
	height: auto !important;
	position:relative;
	top:260px;
	z-index:0;
	display:block;
}

#mainBody{
	display:flex;
	flex-direction:row;
	width:100%;
}

#mainBodyCoumn{
	display:flex;
	flex-direction:column;
	width:100%;
}

#mainLoadContent{
	display:inline;
	float:left;
	width:100%;
	padding-top:0.5em;
	border-top:1px solid #efefef;
}

#mainLateral{
	display:inline;
	float:right;
	width:27%;
	margin-left:2%;
}

#footer{
	width:100%;
	min-width:1004px;
	padding-bottom:8px;
	padding-top:8px;
	background-color:#05406b;
	text-align:center;
	float:left;
	margin-top:4em;
	position:relative;	
}

#footerContent{
	margin:auto;
	padding-top:0.5em;
	height: auto !important;
	max-width:1200px;
	/*min-width:1002px;*/
	width:100%;
	height: auto !important;	
}

div.footerOptions{
	display:inline;
	width:auto;
	height:auto;
	max-width:1200px;
	/*min-width:1002px;*/
	margin:auto;
}

#covidInfo{
	width:100%;	
	background-color:#f56f79;
	border:1px solid #f65662;
	float:right;
	display:inline;

	-moz-border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	overflow:hidden;	
}

#covidInfoData{
	position:relative;
	width:100%;
	height:100%;
	display:block;
	float:left;
	z-index:1;
	padding:1em;
	padding-top:0.5em;
}

#contactForm{
	width:100%;	
	background-color:#fafafa;
	border:1px solid #e5e5e5;

	border-radius:2px;
	overflow:hidden;	
}

#contactFormData{
	position:relative;
	width:100%;
	height:100%;
	display:block;
	float:left;
	z-index:1;
	padding:1em;
	background-color:#fafafa;
}

#contactFormInfo{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	float:left;
	z-index:2;
	background-color:#f8f8f8;
	display:none;
	cursor:pointer;
}

#contactSectionData{
	display:flex;
	flex-direction:column;
	width:100%;
	height:100%;	
	padding:1em;
	background-color:#fafafa;
	border:1px solid #e5e5e5;	
}

#contactSectionInfo{
	display:flex;
	padding-right:2em;
}

#contactSectionMap{
	display:flex;
	flex-grow: 3;
}

#sictedCounter{
	background-color:#fbfbfb;
	
	float:left;
	display:inline;
	width:28%;
	margin-left:2%;
	margin-top:1em;
	padding:0.5em;
	
	background-color:#f1f1f1;
	overflow:hidden;
}

#sictedCounter_v2{
	display:inline;
	float:right;
	padding-top:1.25em;	
}

#sictedList{
	background-color:#fbfbfb;
	
	float:left;
	display:inline;
	width:28%;
	margin-left:2%;
	margin-top:0.25em;
	padding:0.5em;
	
	background-color:#fbfbfb;
	overflow:hidden;
}

.sictedElement{
	float:left;
	width:100%;
	border-bottom-color:1px dashed #d2d2d2;
	padding:0.5em;
	border-bottom:1px dashed #5493c2;	
	background-image:url(../img/miniSicted.png);
	background-position:right;
	background-repeat:no-repeat;
	
	-webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.sictedElement:hover{
	background-color: rgba(109,224,241,0.25);
	
}

.sictedElementBig{
	float:left;
	width:48%;
	margin-right:1%;
	border-bottom-color:1px dashed #d2d2d2;
	padding:0.5em;
	border-bottom:1px dashed #5493c2;	
	background-image:url(../img/miniSicted.png);
	background-position:right;
	background-repeat:no-repeat;
	
}


.sictedNoDisplay{
	display:none;
}

.notices{
	width:100%;
	float:left;
	height:auto;
	padding-top:0.5em;
	margin-bottom:1%;	
}

.noticeleft{
	width:49.5%;
	float:left;
	height:auto;
	border:1px solid #e5e5e5;
	padding:0.25em;
	margin-bottom:1%;	
	float:left;
}

.noticeright{
	width:49.5%;
	float:left;
	height:auto;
	border:1px solid #e5e5e5;
	padding:0.25em;
	margin-bottom:1%;	
	float:right;	
}

.noticefullwidth{
	width:100%;
	float:left;
	height:auto;
	border:1px solid #e5e5e5;
	padding:0.25em;
	margin-top:1%;	
	float:right;	
}

.quefeimclaim{
	float:left;
	width:100%;
	
	margin-bottom:0.25em;
	background-color:#e9e9e9;
	border-right:4px solid #ffffff;
	
	background: #e9e9e9; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#e9e9e9, #fafafa); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e9e9e9, #fafafa); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e9e9e9, #fafafa); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e9e9e9, #fafafa); /* Standard syntax */	
}

.quefeimclaim_last {
    border-right:0;
}

.quefeimclaimbottom{
	float:left;
	width:100%;
	height:100%;	
	
	margin-bottom:0.5em;
	padding:0.5em;
	
	background-color:#fafafa;
	
	-moz-border-radius:0px 0px 4px 4px;
	-webkit-border-radius:0px 0px 4px 4px;
	border-radius:0px 0px 4px 4px;		
}

.menuLink{
	float:left;
	width:100%;
	height:100%;
	padding:1em;
	background-color: rgba(109,224,241,0.25);
	cursor:pointer;
	
    transition: all .25s ease;
}

.menuLink:hover{
	background-color: rgba(109,224,241,0.5);
}

.menuLinkSel{
	float:left;
	width:100%;
	height:100%;
	padding:1em;
	background-color: rgba(109,224,241,0.5);
	cursor:pointer;	
}

.menuLinkRed{
	float:left;
	width:100%;
	height:100%;
	padding:0.5em;
	background-color: rgba(238,7,66,0.85);
	cursor:pointer;
	
	
	-webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.menuLinkRed:hover{
	background-color: rgba(238,7,66,1);
}

.blinkcontent{
	animation: blink 1s steps(10, start) infinite;
    -webkit-animation: blink 1s steps(10, start) infinite;		
}

@keyframes blink {
      to {
		opacity: 0.5;
    	filter: alpha(opacity=5); /* For IE8 and earlier */
      }
}
@-webkit-keyframes blink {
      to {
		opacity: 0.5;
    	filter: alpha(opacity=0.5); /* For IE8 and earlier */		
      }
}

#formAdvice{
	display:none;
	position:absolute;	
	width:auto;
	top:200;
	left:200;
	z-index:4;
	width:auto;
	height:auto;
	padding:1em;
	background-color:#02477a;
	text-align:center;
	border-radius:0.5em;
    box-shadow: 0px 2px 1px 1px rgba(0,0,0,0.10);	
}

/** **/
.arrow-up-advicer {
	width: 0; 
	height: 0;
	position:relative;
	z-index:2;
	margin-left:50px;
	margin-right:50px;
	top:-1em;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;	
	border-bottom: 15px solid rgba(109,224,241,1);
	
	position:relative;
}

/** TABLES **/
table.quefeim{
	border-bottom:1px solid #ababab;
	border:0;	
}

table.quefeim td{
	/*padding:0.5em;*/
}

table.tableFooter td{
	/*padding-right:1em;*/
}

/** TEXT **/
/**H1 / H2 / H3 / H4**/
h1{
	font-family: Roboto, Arial;
	font-size:1.75em;
	font-weight:bold;
	padding:0px;
	margin-bottom:0px;
	color:#333;
}

h2{
   font-family:Roboto,Arial;
   font-size:1.25em;
   font-weight:400;
   text-transform:uppercase;
   color:#02477a;
   margin-top:2em;
}

h1.white{
	color:#fff;
}

h2.headerTitle{
	font-size:2.5em;
	padding:0;
	margin:0;
	color:rgba(255,255,255,0.5);
	font-weight:bold;
	float:left;
	width:100%;
}

h2.headerTitleMini{
	font-weight:100;
	padding:0;	
	margin-top:0em;
	padding-left:0.1em;
	color:rgba(255,255,255,0.5);
	font-weight:100;
	float:left;
}

span.headerSubtitle{
	font-family: Roboto, Arial;
	font-size:20px;
	padding-bottom:0px;
	margin-bottom:0px;
	font-weight:100;
	padding:0px;
	margin:0px;
	color:#fff;
	font-weight:200;
	display:block;	
}



h2.notice{
   font-family:Roboto,Arial;
   font-size:16px;
   color:#02477a;
   margin:0;
   padding:0;
   border:0;
}

h3.noticeDate{
   font-family:Roboto,Arial;
   font-size:14px;
   color:#02477a;
   margin:0;
   padding:0;
   padding-bottom:0.25em;
   border:0;
}

h3{
   font-family:Roboto,Arial;
   font-size:1em;
   color:#333;
   font-weight:400;
   text-align:justify;
   margin:0;
   padding-bottom:0.5em; 
   padding-top:0.5em;  
}

h3.notice{
   font-family:Roboto,Arial;
   font-size:14px;
   color:#333;
   font-weight:200;
   text-align:justify;
   padding:0;
   margin:0;
   padding-bottom:0.25em;
}

h3.bold{
   font-weight:bold;	
}

h3.boldBlue{
   font-weight:bold;
   color:#02477a;	
}

h3.white{
   color:#fff;
   font-weight:bold;
}

span.bold{
	font-weight:bold;
}

/** LISTAS **/
ul{
    list-style:url(../images/iconoGastro_lt_wh.png);
    padding: 0;
    margin: 0;
	display:inline-block;
	padding-bottom:0.5em;
	text-align:left;
}

ul li{	
	margin-left:2em;
	padding:0.25em;
	border-left:1px dotted #cecece;
	font-family:Roboto,Arial;
	font-size:1em;
	text-align:justify;	
}

ul li.sh{	
	margin-left:1em;
	padding:0.25em;
	border-left:1px dotted #cecece;
	font-size:1em;	
}

ul li.sh_selected{
	margin-left:1em;
	padding:0.25em;
	border-left:1px dotted #cecece;
	font-size:1em;
	background-color: #6de0f1;
	opacity:0.75;
}

ul li.ft{	
	margin-left:1em;
	padding:0.25em;
	border-left:0px;
	cursor:pointer;
	font-family:Roboto,Arial;
	font-size:14px;
	color:#fff;
}

ol{
    padding: 0;
    margin: 0;
	display:inline-block;
	padding-bottom:0.5em;
	text-align:left;
}

ol li{	
	margin-left:2em;
	padding:0.25em;
	border-left:1px dotted #cecece;
	cursor:pointer;
	font-family:Roboto,Arial;
	font-size:14px;
	text-align:justify;	
}


/*ul li:hover{
	background-color:#f8efdd;
	background: -webkit-linear-gradient(top,#f5e4c0,#f8efdd);
	background: -moz-linear-gradient(top,#f5e4c00,#f8efdd);
	background: linear-gradient(top,#f5e4c0,#f8efdd);
}*/

/** ANCHORS **/
a{
   font-family:Roboto, Arial, Helvetica, sans-serif;
   color:#02477a;
   font-size:14px;
   text-decoration:none;
   font-weight:bold;
   transition:0.4s;
}

a.soft{
   font-size:1em;
   opacity:0.8;
}

a.soft:hover{
   opacity:1.0;	
}

a.bold{
   font-family:Roboto, Arial, Helvetica, sans-serif;
   color:#02477a;
   font-size:14px;
   text-decoration:none;
   font-weight:bold;	
   opacity:0.7;
}

a.bold:hover{
   opacity:1.0;	
}


a.sicted{
   font-family:Roboto,Arial;
   font-weight:bold;
   color:#02477a;
   font-size:20px;
   cursor:pointer;
}

a.sicted:hover{
	color:#157cc8;
}

a.sictedSelected{
   font-family:Roboto,Arial;
   font-weight:bold;
   color:#97d0fb;
   font-size:20px;
   cursor:pointer;	
}

a.notice{
   font-family:Roboto, Arial, Helvetica, sans-serif;
   color:#02477a;
   font-size:14px;
   text-decoration:none;
   font-weight:200;	
   opacity:0.7;
   display:block;
   float:left;
   margin-top:1em;
}

a.notice:hover{
   opacity:1.0;	
}

a.white{
   font-family:Roboto, Arial, Helvetica, sans-serif;
   color:#ffffff;
   font-size:1em;
   font-weight:400;
}

a.white:hover{
   color:#f0e420;
}

a.mini{
   cursor:pointer;
   font-family:Roboto,Arial;
   font-size:14px;
   opacity:0.85;
}

a.mini:hover{
   opacity:1;
}

a.mini:hover::before, a.mini_selected:before {
   font-family: "Font Awesome 5 Free";
   content: "\f061";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
}

a.menu{
   color:#fff;
   margin-right:1.5em;
   font-weight:300;
   font-size:1em;
   padding:1em;
}

a.menuSelected{
   color:#f0e420;
   margin-right:1.5em;
   font-weight:300;	
   padding:1em;
}

a.xxss{
   margin-left:0.5em;
   text-decoration:none;
   cursor:pointer;
}

a.important{
   font-family:Roboto, Arial, Helvetica, sans-serif;
   color:#02477a;
   font-size:20px;
   text-decoration:none;
   font-weight:bold;
}

a.important:hover{
   color:#247cbd; 	
}

/** INPUTS + TEXTAREA **/
input[type=text], textarea{
	padding:0.5em;
	font-family:Roboto,Arial;
	font-size:1em;
	font-weight:400;
	width:100%;
	
	border-radius:0.5em;
	padding:1em;
	
	background-color:rgba(255,255,255,1);
	border:1px solid #e5e5e5;
	
    box-sizing: border-box;	
}

input[type=text].filter{
	padding:0.5em;
	font-family:Roboto,Arial;
	font-size:1em;
	font-weight:100;
	width:100%;
	
	-moz-border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	
	background-color:rgba(255,255,255,1);
	border:1px solid #e5e5e5;
	
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;		
}

input[type=button].SearchButton{
	display:inline;
	border:1px solid #9e9e9e;
	width:100%;
	
	font-family:Roboto,Arial, Helvetica, sans-serif;
	font-size:1.25em;
	font-weight:400;
	
	background-color:rgba(255,255,255,0.5);
	background-image:url(../img/LockIcon.png);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	opacity:0.5;
	padding:1em;

	border-radius:0.5em;
	
    transition: all .5s ease;
}

input[type=button].SearchButton:hover{
	background-color: #6de0f1;
	border:1px solid #27c1d8;
	opacity:1;;
}

input[type=button].closeinfoform{
	position:absolute;
	top:0.5em;
	right:0.5em;
	border:0;
	height:32px;
	width:32px;
	
	background-image:url(../img/closeButton.png);
	background-repeat:no-repeat;
	cursor:pointer;
	opacity:0.5;
	
	-webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

select.filter{
	padding:0.5em;
	font-family:Roboto,Arial;
	font-size:1em;
	font-weight:100;
	width:100%;
	
	-moz-border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;
	
	background-color:rgba(255,255,255,1);
	border:1px solid #e5e5e5;
	
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;	
}


/** IMAGES **/
img.post{
	width:150px;
	height:150px;
	background-color:#fafafa;	
	
}