.rb-grid {
	list-style: none;
	text-align: center;
	}


.rb-grid li.rb-span-1, .rb-grid li.rb-span-2, .rb-grid li.rb-span-3 {
	margin: 5px;
	/*padding: 1.6em;
	background: #F9F9F9;
	cursor: pointer;*/
	color: #444;
	display: block;
	float: left;
	position: relative;
}


.rb-grid li.rb-span-4 {
	width:202px;
	height:202px;
	background-color:#000;
	margin: 15px;
	color: #444;
	display: block;
	float: left;
	position: relative;
	overflow:hidden;
}


.rb-grid li.rb-span-5 {
	width:180px;
	height:180px;
	background-color:#000;
	margin: 15px;
	color: #444;
	display: block;
	float: left;
	position: relative;
	overflow:hidden;
}

.rb-grid li.rb-span-1 {
	width: 96px;
	height: 6em;
}


.rb-grid li.rb-span-2 {
	width:202px;
	
}
.rb-grid li.rb-span-3 {
	height:202px;
	
}


.rb-grid li a{
	width: 100%;
	height: 100%;
	display: block;
	transition: background 1s;
	-moz-transition: background 1s;
	-webkit-transition: background 1s;
	-o-transition: background 1s;
}

.rb-grid li.rb-span-2 a{
	width: 202px;
	height: 6em;
	display: block;
}

.rb-grid li.rb-span-3 a{
	width: 96px;
	height: 202px;
	display: block;
}

.rb-grid li.rb-span-2, .rb-grid li.rb-span-3, .rb-grid li.rb-span-4, .rb-grid li.rb-space {}


/*#Vignette1 a:link, #Vignette a:visited 
 li.color1 a:link */
 
 
 
.color1 a:link { background: left top no-repeat url(../img/logo01_mini.png);}
.color1 a:hover { background: left bottom no-repeat url(../img/logo01_mini.png);}
.rb-grid li.color1, .rb-grid div.color1{
	background-color:#1C6FB7;
	}
	
.color2 a:link { background: left top no-repeat url(../img/logo02_mini.png);}
.color2 a:hover { background: left bottom no-repeat url(../img/logo02_mini.png);}	
.rb-grid li.color2, .rb-grid div.color2{
	background-color:#E74E2C;
	}

.color3 a:link { background: left top no-repeat url(../img/logo03_mini.png); }
.color3 a:hover { background: left bottom no-repeat url(../img/logo03_mini.png);}		
.rb-grid li.color3, .rb-grid div.color3{
	background-color:#302681;
	}
	
.color4 a:link { background: left top no-repeat url(../img/logo04_mini.png);}
.color4 a:hover { background: left bottom no-repeat url(../img/logo04_mini.png);}		
.rb-grid li.color4, .rb-grid div.color4{
	background-color:#818284;
	}

.color5 a:link { background: left top no-repeat url(../img/logo05_mini.png);}
.color5 a:hover { background: left bottom no-repeat url(../img/logo05_mini.png);}			
.rb-grid li.color5, .rb-grid div.color5{
	background-color:#7AC59F;
	}

.color6 a:link { background: left top no-repeat url(../img/logo06_mini.png);}
.color6 a:hover { background: left bottom no-repeat url(../img/logo06_mini.png);}			
.rb-grid li.color6, .rb-grid div.color6{
	background-color:#EFCD8C;
	}

.color7 a:link { background: left top no-repeat url(../img/logo07_mini.png);}
.color7 a:hover { background: left bottom no-repeat url(../img/logo07_mini.png);}		
.rb-grid li.color7, .rb-grid div.color7{
	background-color:#AEC90B;
	}

.color8 a:link { background: left top no-repeat url(../img/logo08_mini.png);}
.color8 a:hover { background: left bottom no-repeat url(../img/logo08_mini.png);}			
.rb-grid li.color8, .rb-grid div.color8{
	background-color:#0060AA;
	}

.color9 a:link { background: left top no-repeat url(../img/logo09_mini.png);}
.color9 a:hover { background: left bottom no-repeat url(../img/logo09_mini.png);}			
.rb-grid li.color9, .rb-grid div.color9{
	background-color:#FFA700;
	}

.color10 a:link { background: left top no-repeat url(../img/logo10_mini.png);}
.color10 a:hover { background: left bottom no-repeat url(../img/logo10_mini.png);}		
.rb-grid li.color10, .rb-grid div.color10{
	background-color:#1B4A8E;
	}
	
.color11 a:link { background: left top no-repeat url(../img/logo11_mini.png);}
.color11 a:hover { background: left bottom no-repeat url(../img/logo11_mini.png);}		
.rb-grid li.color11, .rb-grid div.color11{
	background-color:#E64D0E;
	}

.color12 a:link { background: left top no-repeat url(../img/logo12_mini.png);}
.color12 a:hover { background: left bottom no-repeat url(../img/logo12_mini.png);}	
.rb-grid li.color12, .rb-grid div.color12{
	background-color:#FF3200;
	}

.color13 a:link { background: left top no-repeat url(../img/logo13_mini.png);}
.color13 a:hover { background: left bottom no-repeat url(../img/logo13_mini.png);}	
.rb-grid li.color13, .rb-grid div.color13, .rb-grid li.color21, .rb-grid div.color21{
	background-color:#000000;
	}

.color14 a:link { background: left top no-repeat url(../img/logo14_mini.png);}
.color14 a:hover { background: left bottom no-repeat url(../img/logo14_mini.png);}	
.rb-grid li.color14, .rb-grid div.color14{
	background-color:#660066;
	}

.color15 a:link { background: left top no-repeat url(../img/logo15_mini.png);}
.color15 a:hover { background: left bottom no-repeat url(../img/logo15_mini.png);}	
.rb-grid li.color15, .rb-grid div.color15{
	background-color:#361D06;
	}
	
.color16 a:link { background: left top no-repeat url(../img/logo16_mini.png);}
.color16 a:hover { background: left bottom no-repeat url(../img/logo16_mini.png);}	
.rb-grid li.color16, .rb-grid div.color16{
	background-color:#302681;
	}

.color17 a:link { background: left top no-repeat url(../img/logo17_mini.png);}
.color17 a:hover { background: left bottom no-repeat url(../img/logo17_mini.png);}	
.rb-grid li.color17, .rb-grid div.color17{
	background-color:#000000;
	}

.color18 a:link { background: left top no-repeat url(../img/logo18_mini.png);}
.color18 a:hover { background: left bottom no-repeat url(../img/logo18_mini.png);}		
.rb-grid li.color18, .rb-grid div.color18{
	background-color:#0074BD;
	}

.color19 a:link { background: left top no-repeat url(../img/logo19_mini.png);}
.color19 a:hover { background: left bottom no-repeat url(../img/logo19_mini.png);}		
.rb-grid li.color19, .rb-grid div.color19{
	background-color:#ADC80A;
	}

.color20 a:link { background: left top no-repeat url(../img/Crossmedias_mini.jpg);}



.rb-grid li.color20, .rb-grid div.color20{
	background-color:#1C6FB7;
	}




.rb-grid li.rb-space {
	width:0px;
	height:0px;
	clear:both;
	padding: 0px;
	}



.rb-grid li h3 {
	font-size: 2.6em;
	font-weight: 100;
}

.rb-grid li[class^="icon-"]:before,
.rb-grid li[class*=" icon-"]:before {
	font-size: 10em;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	line-height: 3;
	opacity: 0.4;
	text-align: right;
	pointer-events: none;
}

.rb-temp {
	display: block;
	font-size: 2em;
	opacity: 0.5;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.rb-grid li:hover .rb-temp {
	opacity: 1;
}

.rb-overlay {
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, clip 0.4s ease;
	-moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, clip 0.4s ease;
	transition: opacity 0.4s ease, transform 0.4s ease, clip 0.4s ease;
	z-index: -1;
	pointer-events: none;
	cursor: default;
}

.rb-close {
	position: absolute;
	top: 0.4em;
	right: 0.4em;
	width: 2em;
	height: 2em;
	text-indent: -9000px;
	cursor: pointer;
	z-index: 1000;
	color:#FFF;
}

.rb-close::before {
	content: 'x';
	font-weight: 400;
	position: absolute;
	top: 0;
	right:10px;
	width: 100%;
	height: 100%;
	font-size: 4em;
	line-height: 0.6;
	text-align: center;
	text-indent: 0px;
	color:#FFF;
}

.rb-week {
	width: 100%;
	height: 100%;
}


.ContainerImage, .ContainerImage2 {
	width:60%;
	height:80%;
	max-width: 1150px;
	background:#FFF; 
	margin: 5% auto 0%;
	position: relative;
	overflow:hidden;
	text-align:center;
	padding:3%;
	/*padding: 3% 0;
	float: left;*/
	}

.ContainerImage2 { padding: 5% 2% 2%;}

.ContainerImage img {
	width:55%;
	max-width: 600px;
	}
.ContainerImage2 img {
	width:80%;
	max-width: 830px;
	}

.ContainerImage p, .ContainerImage2 p{
	display: block;
	color: #272727;
	width: 94%;
	text-align: left;
	position: absolute;
	bottom: 4%;
	left: 3%;
	right: 3%;
}


.WebImage{
	margin: 2% auto 0%;
	position: relative;
	text-align:center;
	
	}
	
.WebImageAlto {
	height: 92%;
	max-height: 850px;
	}

.WebImageAlto img {
	height: 100%;
	}
	
.WebImageAncho {
	width:60%;
	max-width: 900px;
	}
	
.WebImageAncho img {
	width:100%;
	}
	
.WebInfo1 {
	width:200px;
	position:absolute;
	bottom:0%;
	right:17%;
	text-align:left;
	border-left:  1px solid #888;
	padding-left: 8px;
	color:#888;
	font-size:13px;
	}
	
.WebInfo1 h5 {
	margin-top: 14px;
	font-size: 14px;
	color: #9F9F9F;
	font-weight:normal;
}

.WebInfo1 li, .WebInfo2 li {
	color: #888;
	text-align: left;
	margin-left: 20px;
	list-style-position: outside;
	list-style-type: disc;
	margin-top:5px;
	}
	
.WebInfo1 a, .WebInfo2 a, .WebInfo3 a{ color:#FFF;}

.WebInfo2 {
    border-top: 1px solid #888;
	color:#888;
    bottom: 3%;
	left:10px;
    padding-top: 5px;
    position: absolute;
    text-align: left;
    width: 500px;
	font-size:13px;
	}
	
.WebInfo3 {
	width:90%;
    border-top: 1px solid #888;
	color:#888;
    bottom: 1%;
	left:10px;
    padding-top: 5px;
    position: absolute;
    text-align: left;
   	font-size:13px;
	}

 .WebInfo3 li {
	color: #888;
	text-align: left;
	float:left;
	margin-left: 25px;
	list-style-position: inside;
	list-style-type: disc;
	margin-top:10px;
	}
	
.WebInfo3 h5 {
	margin-top:10px;
	display:block;
	font-size: 14px;
	color: #9F9F9F;
	font-weight:normal;
	float:left;
}
/*#rb-grid > li > a > span { 
 	color:#FFF;
	width:100%;
	height:20px;
	background:#000;
	display:block;
	position:absolute;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
   	opacity: 0.7;
	bottom:0px;
	}*/

#rb-grid li a:link span {
	width: 100%;
	display:block;
	visibility:hidden;
	position: absolute;
	bottom: 0px;
	border:none;
	}

#rb-grid li a:link .Cadre-vignetteSpan2 {
	width: 100%;
	display:block;
	visibility:hidden;
	position: absolute;
	bottom: 0px;
	border:none;
	}

#rb-grid li a:link img {border:none;}

#rb-grid li a:hover span {
	display: block;
	visibility: visible;
	color: #000;
	width: 100%;
	height: 20px;
	background: #fff;
	position: absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	bottom: 0px;
	border:none;
	}
	
	
	#rb-grid li a:hover .Cadre-vignetteSpan2 {
	display: block;
	visibility: visible;
	color: #fff;
	width: 100%;
	height: 30px;
	padding: 5px 0px;
	background: #000;
	position: absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	bottom: 0px;
	border:none;
	}
	
.flechalzq {
	position:absolute;
	top:40%;
	left:5%;		
	cursor:pointer;
	}

.flechaDere{
	position:absolute;
	top:40%;
	right:5%;
	cursor:pointer;
	}

.transparencia{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}

.oculto{
	display:none;
	}