@charset "UTF-8";@font-face{font-family:Keffeesatz;src:url(YanoneKaffeesatz-Light.otf) format("opentype")}
@font-face{font-family:KeffeesatzBold;src:url(YanoneKaffeesatz-Bold.otf) format("opentype")}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

body{font-family:Keffeesatz, Arial;color:#999;color:rgba(0,0,0, .999);font-size:1.2em;
margin:0; background:url(../images/bg.gif)#FFF;}
h1{font-size:1.8em;;margin:0px 0px .5em 0px;font-weight:normal;}
h2{font-size:1.4em;color:#9e472a;margin:0px 0px .5em 0px;}
h3{font-size:1.25em;color:#9e472a;margin:0em 0px .25em 0px;}
h4{font-size:1.2em;color: #333;margin:0em 0px .25em 0px;}
p{margin:0px 0px 1em 0px;font-size:1em;}
li{margin:0px 0px 10px 0px;}
a img{border:none;}

.resalta{background:#333; font-size: 0.8em; color:#Ff0; }

.page{position:relative;margin:0px auto;max-width:100%;}
.page header{display:block;position:relative;height:175px;}
.page header a.logo{position:absolute;top:15px;left:45px;display:block;width:160px;height:145px;}
.page header a.logo2 {position: absolute;top: 5px;right: 80px;display: block;width: 146px;height: 83px;}
.page header h1 {position: absolute;bottom: 20px;left: 200px;display: block;text-shadow: 2px 2px 3px #000;}
.page header h2 {position: absolute;top: 15px;width:50%;left: 200px;display: block;text-shadow: 2px 2px 3px #011;letter-spacing: 0.1em;}
.page .page_content{padding:1px 0px 1px 0px;background:#FFF;}
.page .page_content .page_content_container_left{width:70%;float:left;margin:0px;padding:0px;}
.page .page_content .page_content_container_right{width:30%;float:left;margin:0px;padding:0px;}
.page_content h3{font-size:1.3em;font-weight:bold;   color:#333;text-align: center;}
.page .page_content .content_sidebar{margin:15px 20px 20px 0px;
  padding:10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.page footer{display: block;
	border-top: 1px solid #ddd;
	padding: 15px 10px 15px 20px;
	font-size: .9em;}

div#idioma {
  	position: absolute;
	bottom: 15px;
 	right: 10px;
	height: 22px;
	width : 180px;
	font-size: 0.7em;
}
#idioma img{max-height: 20px;
max-width: 22px;}
.split2 div{float:left;width:48%;padding:10px;font-size:1em;}
.split3 div{float:left;width:28%;padding:2%;font-size:1.3em;font-weight:bold;}
.diviso3 div{float:left;width:99%;padding:1%;font-size:1.3em;font-weight:bold;}
div.split2,.split3,.diviso3{clear:left;}
div .split2 img{max-width:100%}
.box{float:left;width:92%;margin: 3px;padding:5px;text-align:center;border:1px solid #fff;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.box img{max-width:100%}
.box a{color:#0808B3;}
.box a:hover{color:#000;}
.box h2{font-size:1.8em;color:#333;margin:0em 0px .25em 0px;}
.box h4{font-size:1.0em;color:#333;margin:0}
.clear_both{clear:both;line-height:1px;}
.riga {
 width: 100%;
 margin: 10px auto;
 overflow:hidden;
 }
.colonna{
	width: 32.33%;
	float: left;
	padding:10px;
	text-align: left;
	
	}
	.colonna img{max-width:100%}
	.colonna a{color:#ff0000}
	
.colonna2{
	width: 49%;
	float: left;
	padding:10px;
	text-align: left;
	
	}
	.colonna2 img{max-width:100%}
	.colonna2 a{color:#ff0000}	
        
 .group{
        float: left;  
         border:1px solid #591508;
        background:#CCC; 
         }       
.izquierda {
    float: left;
    width: 48%;
      padding: 10px;
     
    
     
}
.derecha{
    float: right;
    width: 48%;
         padding: 10px;
  border-left: 1px solid #591508;
}
.group:after {
    content:"";
    display: table;
        clear: both;
}       
 .page_content ul,li{list-style: none;
white-space: normal;
     margin: 0;
    padding: 0;
}
.page_content span#countdown{
background-color: #E5E5E5;
height: 70px;
width: 200px;
left: 400px;
margin: 0 auto;
font-size: 3em;
font-weight: bold;
color:#F00;
}       
#briciola{line-height: 20px;background: url(../images/grigio.png) no-repeat 0px 0px ; }
#briciola a {color:#FFF; font-size:1.3em; }
.blink_me {
     color:red;
     font-weight: bold;
    animation: opacity 2s ease-in-out infinite;
    opacity: 1;
}

@keyframes opacity {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 0;
  }
}

.page footer div#sito{
float:right;
color:#FFF;
font-size: 0.7em;
}

@media screen and (min-width:150px) and (max-width:640px)
{
   body{padding:10px;}
.page{margin:0px;padding:0px;font-size:1.2em}
.page header{height:80px;}
.page header a.logo{top:3px;left:25px;margin:0px auto 0px auto;width:127px;height:38px;}
.page .page_content .page_content_container_left{width:inherit;float:none;margin:0px;}
.page header a.logo{position:absolute;top:5px;left:5px;background: url(../images/RNOARpic.png ) no-repeat 0px 0px;}
.page header a.logo2 {max-width: 76px;}
.page header h1,.page header h2{position:absolute;left:0px;top:-5000px;}
.page .page_content .page_content_container_right{width:inherit;float:none;margin:0px;}
.page .page_content .content{margin:0px;}
.page .page_content .content_sidebar{margin:0px 10px 15px 10px;}
.page .page_content .content_sidebar figure{width:30%;float:right;margin-left:15px;}
.page .page_content .content_sidebar figure .figure_photo{height:100px;}
.page .page_content .content_sidebar figure figcaption{font-size:.8em;text-align:right;}
.split2 div{width:inherit;float:none;margin:0px;}
.split3 div{width:inherit;float:none;margin:0px;}
.colonna{
        float:none;
        width: 100%;
	}
        
          .izquierda,   .derecha {
        float: none;
        width: auto;
        margin-bottom: 5px;
    }       

#briciola{ font-size:0.7em; }
}
@media screen and (min-width:641px) and (max-width:800px){body{padding:10px;}
.page{margin:0px;padding:0px;font-size:0.85em;}
.page header{height:90px;}
.page header a.logo{position:absolute;top:5px;left:5px;background: url(../images/RNOARpic.png ) no-repeat 0px 0px;}
.page header a.logo2 {max-width: 76px;}
.page header h1{top: 5px;left: 100px;font-size:1.4em;}
.page header h2{top: 50px;left: 100px;font-size:1.1em;}
.page nav{top:90px;}
.page nav a{border-color:#597e9b;margin-left:10px;padding:5px 10px 5px 10px;font-size:.9em;}
.page .content_sidebar figure .figure_photo{background:#fff;height:150px;}
.page .content_sidebar figure figcaption{font-size:.8em;}
.page .content img{max-width:40% ;float:left; }
}
@media screen and (min-width:801px) and (max-width:10000px){body{padding:0px;}
}