span.reference{
				position:fixed;
				left:10px;
				bottom:0px;
				font-size:100%;
			}
			span.reference a{
				color:#aaa;
				text-transform:uppercase;
				text-decoration:none;
				text-shadow:1px 1px 1px #000;
				margin-right:30px;
			}
			span.reference a:hover{
				color: white;
			}
						
			.auto-style32 {
			margin-top: 0px;
		}

#contenedor {
		    display: table;
		    border: 0px solid #000;
		    width:100%;
		}
#contenidos {
		    display: table-row;
		    width:100%
		}

#columna10 {
		    display: table-cell;
		    border: 0px solid #000;
		    vertical-align: top;
		    padding: 0px;
		    height:100px;
		    width:10%;
		    background-color: #2D9FF5
}
#columna0 {
		    display: table-cell;
		    vertical-align:  top;
		    padding: 0px;
		    height:100px;
		    width:60%;
		    background-color: #2D9FF5
		}
#columna_llde0 {
		    display: table-cell;
		    vertical-align:  top;
		    padding: 0px;
		    height:100px;
		    width:100%;
		    background-color: black		}
#columna1 {
		    display: table-cell;
		    border: 0px solid  black;
		    vertical-align:   top;
		    padding: 0px;
		    width:10%;	
		    background-color:   black;
		     height: 85px;

}
#columna1a {
		    display: table-cell;
		    border: 0px solid  black;
		    vertical-align:   top;
		    padding: 0px;
		    width:10%;	
		    background-color:    white;
		     height: 85px;

}
#columna_llde1a {
		    display: table-cell;
		    border: 0px solid  black;
		    vertical-align:   top;
		    padding: 0px;
		    width:10%;	
		    background-color:    black;
		     height: 85px;

}


#columna2 {
		    display: table-cell;
		    border: 10px solid  white;
		    vertical-align: top;
		    padding: 20px;
		    height:;
		    width:40%;
		    background-color:   white		
		  }
 #columna_llde2 {
		    display: table-cell;
		    border: 0px solid  white;
		    vertical-align: top;
		    padding: 20px;
		    height:;
		    width:40%;
		    background-color: black		
		  }
#columna2a {
		    display: table-cell;
		    border: 10px solid    white;
		    vertical-align: top;
		    padding: 20px;
		    height:;
		    width:40%;
		    background-color:     white		
		  }
	  
#columna3 {
		    display: table-cell;
		    border: 10px solid #66FFFF;
		    vertical-align:  top;
		    padding: 20px;
		    height:;
		    width:auto;
		    background-color:  #66FFFF;
		    font-style:normal;
		  	    
		}
		
#columna_llde3 {
		    display: table-cell;
		    border: 0px solid #66FFFF;
		    vertical-align:  top;
		    padding: 20px;
		    height:;
		    width:auto;
		    background-color:  black;
		    font-style:normal;
		    color:white;
		    
		  	    
		}
#columna4 {
		    display: table-cell;
		    border: 0px solid #000;
		    vertical-align: middle;
		    padding: 0px;
		    width:10%;		   
		}	
#columna4a {
		    display: table-cell;
		    border: 0px solid  black;
		    vertical-align:   top;
		    padding: 0px;
		    width:10%;	
		    background-color:    white;
		     height: 85px;

}

#columna_llde4a {
		    display: table-cell;
		    border: 0px solid  black;
		    vertical-align:   top;
		    padding: 0px;
		    width:10%;	
		    background-color:   black;
		     height: 85px;

}
		  
#columna50 {
		    display: table-cell;
		    vertical-align: top ;
		    padding: px;
		    height:100px;
		    width:30%;
		    border: 0px solid  #2E9FF5;
 			background-color: #2D9FF5;
 			
		   	
		  }

#columna40 {
		    display: table-cell;
		    vertical-align: top ;
		    height: 85px;
		    width:80%;
		     		   	
		  }

#columna5 {
		    display: table-cell;
		    border: 0px solid  black;
		    vertical-align: middle;
		    padding: 0px;
		    width:10%;	
		    background-color:   black;
		    height:200px;		   
		}

#columna6 {
		    display: table-cell;
		    border: 0px solid  black;
		    vertical-align:   top;
		    padding: 0px;
		    width:20%;	
		    background-color:   black;
		  
		   
		    	   
		}

#columna7 {
		    display: table-cell;
		    border: 0px solid  black;
		    vertical-align:  top;
		    padding: 0px;
		    width:auto;	
		    background-color:   black;
	   
		}

#columna8 {
		    display: table-cell;
		    border: 0px solid  black;
		    vertical-align: middle;
		    padding: 0px;
		    width:10%;	
		    background-color:   black;
	   
		}
#columna100 {
		    display: table-cell;
		    border: 0px solid  black;
		    vertical-align:  bottom;
		    padding: 0px;
		    width:25%;	
		    background-color:    white;
		    margin-right:8%
	   
		}
#columna200 {
		    display: table-cell;
		    border: 0px solid  black;
		    vertical-align:  bottom;
		    padding: 0px;
		    width:25%;	
		    background-color:    white;
		    margin-right:4%;
		    margin-left:4%
	   
		}
#columna300 {
		    display: table-cell;
		    border: 0px solid  black;
		    vertical-align: bottom;
		    padding: 0%;
		    width:25%;	
		    background-color:    white;
		    margin-left:0%
	   
		}

.auto-style30 {
			font-family: Arial,;
			font-size: 100%t;
			color:white;
					
		}




/* Created by http://freehtml5templates.com */

/* reset */
* {
margin: 0;
padding: 0;
}

/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

body {
line-height: 1.2;
background-color:      white;
color:  black;
font-family: 'CrimsonTextRoman', Garamond, Georgia, Times, 'Times New Roman', serif;
font-size: 100%;
}
	
/* layout */

#wrapper {
width: 100%;
margin: 0 auto;
}

#wrapper2 {
width: 100%;
margin: 0 auto;
}

header {
margin-top: 10px;
}

#main {
margin:  10px 5% 20px 5%;
color: #444;
line-height: 1em;
}

#main2 {
margin:  10px 2% 20px 2%;
color: #444;
line-height: 1em;
}

footer {
background: #333;
padding: 0 20px;
color: #fff;
clear: both;
margin: 40px 0;
/* curved border radius */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* basics */

@font-face {
	font-family: 'CrimsonTextRoman';
	src: url('crimson_text_roman-webfont.eot');
	src: local('CrimsonTextRoman'), url('crimson_text_roman-webfont.woff') format('woff'), url('crimson_text_roman-webfont.ttf') format('truetype'), url('crimson_text_roman-webfont.svg#webfontCjgjGITP') format('svg');
	font-weight: normal;
	font-style: normal;
}


h1,h2,h3,h4,h5,h6 {
font-weight: bold;
clear: both;
color:  black;
}

a {
color:#555;
}

a:hover {
color: #555;
}
	
p {
margin-top: 4px;
font-size: 100%;
color: black
 
}

li {
padding-left: 0px;
}

hr {
margin: 0 0 20px 0;
}

/* nav */

nav .menu {
background: #333;
width: 100%;
float: right;
font-size: 100%;
font-weight: bold;
/* curved border radius */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

nav .menu ul {
list-style: none;
margin: 0;
text-align: center;
}

nav .menu li {
display: inline;
position: relative;
}

nav .menu a {
color: #ddd;
padding: 0 15px;
line-height: 38px;
text-decoration: none;
}

nav .menu a:hover {
text-decoration: underline;
}

/* header */

header h1 {
float: left;
width: 100%;
font-size: 100%;
line-height: 36px;
border-bottom: 4px solid #555;
margin: 20px 0;
}

header h1 a {
color: #555;
font-weight: bold;
text-decoration: none;
}

/* greeting */

#greeting {
margin: 0px 0 80px 0;
}

#greeting h2 {
display: inline;
color:  black;

line-height: 1em;
font-size: 140%;
margin-top:15px
}


}

#greeting p {
font-size: 100%;
margin-top:4px
}

#greeting img {
border: none;
/* curved border radius */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 3px 3px 7px #777;
-moz-box-shadow: 3px 3px 7px #777;
}

.learnmore {
display: block;
background-color: #333;
padding: 5px 10px;
float: right;
/* curved border radius */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.learnmore-1 {
display: block;
background-color:   blue;
padding: 5px 10px;
float: left;
/* curved border radius */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}


.learnmore a {
color: #ddd;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

/* main content */

#main h1 {
color:  black;
margin: 0 0 20px 0;
line-height: 1em;
font-size: 100%
}
#main h2 {
color:  black;
margin: 0 0 10px 0;
line-height: 1em;
font-size: 140%;
border-top:1.5em
}

#main h3 {
color:  black;
border-bottom: 1px #555 solid;
margin: 0 0 20px 0;
line-height: 1em;
font-size: 150%
}

#main h4 {
color:  black;
margin: 0 0 20px 0;
line-height: 1em;
font-size: 200%
}

#main h6 {
color:   white;
border-bottom: 1px #555 solid;
margin: 0 0 20px 0;
line-height: 1em;
font-size: 150%
}
#main h7 {
color:   white;

margin: 0 0 20px 0;
font-size: 140%
}


#infoboxleft {
float: left;
width: 36%;
}
#infoboxleft2 {
float: left;
width: 49%;
margin-right: 1%;
}

#infoboxleft3 {
float: left;
width: 39%;
margin-right: 1%;
}
#infoboxleft4 {
float: left;
width: 70%;
}


#infoboxmid {
float: left;
width: 22%;
margin-left: 1%;
margin-right: 5%;
}

#infoboxright {
float: left;
width: 33%;
margin-left: 3%;
}
#infoboxright2 {
float: left;
width: 49%;
margin-left: 1%;
}

#infoboxright3 {
float: left;
width: 59%;
margin-left: 1%;
}
#infoboxright4 {
float: left;
width: 26%;
margin-left: 4%;
}
#infoboxright4-1 {
float: left;
width: 29%;
margin-left: 1%;
}
#infoboxinicio {
float:  left;
width: 80%;
margin-left: 0%;
}
#infoboxinicio2 {
float:   right;
width: 19%;
margin-left: 1%;
}
#cajareproductor-drcha {
float: left;
width: 80%;
margin-left: 0%;
}

#cajareproductor-izda {
float: left;
width: 18%;
margin-left: 2%;
}

blockquote {
padding-left: 40px;
background: transparent url(images/openquotes.png) no-repeat;
font-style: italic;
}

#contentsummary {
margin-top: 20px;
float: left;
width: 100%;
}

.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}

.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}

.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 0px;
}

/* footer */

footer p {
text-align: right;
padding-right: 20px;

}

footer a {
color: #555;}

footer a:hover {
color: #FFF;
text-decoration: none;
}

footer a:link, footer a:visited {
color: #FFF;
}

.clearall {
clear: both;
 border-bottom:40px

}
.barra_fecha {
		background-color:  #3399FF ;
		color:white;
		margin-left:52%;
		
		
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	}

.barra2_fecha {
		background-color: #3399FF ;
		font-size:100%;
		color:white;
		margin-left:0%;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	}
.barra10_fecha {
		background-color: #3399FF ;
		font-size:120%;
		color:white;
		margin-left:0%;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	}
.barra0_fecha {
		background-color: #3399FF ;
		font-size:200%;
		color:white;
		margin-left:0%;
		 vertical-align:middle;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
	}
.barra3_fecha {
		background-color:  #3399FF ;
		 font-family:Arial, Helvetica, sans-serif ;
		text-align:center;
		font-size:100%;
		color:white;
		margin-left:0%;
		-moz-border-radius: 5px;
-webkit-border-radius: 5px;


	}

.barra4_fecha {
		background-color:   black ;
		 font-family:Arial, Helvetica, sans-serif ;
		text-align:center;
		font-size:100%;
		color:white;
		margin-left:0%;
	}

.barradeslizante {
		background-color:  lime ;
		font-family:Arial, Helvetica, sans-serif ;
		text-align:center;
		font-size:150%;
		color:     black;
		margin-left:0%;
	}
.barradeslizante2 {
		background-color:   white ;
		font-family:Arial, Helvetica, sans-serif ;
		text-align:center;
		font-size:100%;
		color:     black;
		margin-left:0%;
	}

.auto-style33 {
		border-width: 0px;
		display: inline;
		float: left;
		margin-right: 24px;
		margin-top: 4px;
	}
.auto-style34 {
		text-align:center;
		margin-left:0%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

	}
.auto-style35 {
		 font-size:120%;
		 font-style:inherit;
		 color:  black;
		text-align:center;
		margin-left:0%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

	}