*    /* reseteo universal*/
{
	border: 0;
	margin: 0;
}

article,figcaption,figure,footer,header,hgroup,nav,section 
{
	display: block;
	
}
/* Estilos del Sitio */
@font-face
{

	font-family: "Chalet";
	src: url("../fonts/Chalet.eot");
	src: url("../fonts/Chalet.eot?#iefix") format("embedded-opentype"),
	     url("../fonts/Chalet.woff") format("woff"),
	     url("../fonts/Chalet.ttf") format("woff"),
	     url("../fonts/Chalet.svg#Chalet") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face
{

	font-family: "Pecita";
	src: url("../fonts/Pecita.eot");
	src: url("../fonts/Pecita.eot?#iefix") format("embedded-opentype"),
	     url("../fonts/Pecita.woff") format("woff"),
	     url("../fonts/Pecita.ttf") format("woff"),
	     url("../fonts/Pecita.svg#Pecita") format("svg");
	font-weight: normal;
	font-style: normal;	 
}
/*Cuerpo de la pagina */
body
{
	background: linear-gradient(#FFF 3%, #665 100%);
	color:#F60;
	font-family: "Chalet", Helvetica, Verdana;
	font-size: 1em;
	border-radius: 0.25em;
	margin:top;
}
#botonera{
 width:98%;
 margin:10px auto;
 height:60px;
 background:none;
 background-clip: padding-box;    
 -moz-background-clip: padding;    
 -webkit-background-clip: padding; 
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius:10px;
 border: 3px solid rgba(255,255,255,0.5);
 }
#botonera-2{
 border-radius:3px;
 width:100%;
 height:60px;
 margin:0px;
 background:linear-gradient(#CCC 0%, #333 100%);
 background:-moz-linear-gradient(#CCC 0%, #333 100%);
 background:-ms-linear-gradient(#CCC 0%, #333 100%);
 background:-o-linear-gradient(#CCC 0%, #333 100%);
 background:-webkit-linear-gradient(#CCC 0%, #333 100%);
 }
menu{
 display:inline-block;
 width:100px;
 text-align:center;
 margin:10px auto;
 background:none;
 color:#fff;
 font:bold;
 padding:10px;
 }
 
menu:hover{
  background:-moz-linear-gradient(#FFF 0%, #C4C4C4 100%);
 background:linear-gradient(#FFF 0%, #DEDEDE 100%);
 background:-ms-linear-gradient(#FFF 0%, #DEDEDE 100%);
 background:-o-linear-gradient(#FFF 0%, #DEDEDE 100%);
 background:-webkit-linear-gradient(#FFF 0%, #DEDEDE 100%);
 opacity:0.6;
-moz-opacity:0.6;
-o-opacity:0.6;
-webkit-opacity:0.6;
-ms-opacity:0.6;
 border-radius:5px;
 color:red;
 box-shadow:0 0 10px #FFf;
-moz-box-shadow:0 0 10px #FFf;
-ms-box-shadow:0 0 10px #FFf;
-o-box-shadow:0 0 10px #FFf;
-webkit-box-shadow:0 0 10px #FFf;
 }
#buscar{
 background:#fff;
 border-bottom-left-radius:10px;
 border-top-left-radius:10px;
 border-right:0px;
 border:solid 0px #DEDEDE;
 color:#999;
 padding:6px;
 width:150px;
 position:relative;
 display:inline-block;
 margin-left:50px;
 margin-top:15px;
 vertical-align:top;

 }
 #buscar:focus{
  box-shadow:0 0 15px #09F;
-moz-box-shadow:0 0 15px #09F;
-ms-box-shadow:0 0 15px #09F;
-o-box-shadow:0 0 15px #09F;
-webkit-box-shadow:0 0 15px #09F;
  }
#submit{
 padding:5px;
 width:70px;
 margin-top:15px;
 border-bottom-right-radius:10px;
 border-top-right-radius:10px;
 display:inline-block;
 position:absolute;
 border:0px;
 background:url(buscar.png);
 vertical-align:top;
 } 


/* Enlaces*/

a{
text-decoration:none;
color:#212121;
}

figcaption
{
	font-size: 0.85em;
	padding: 0.1em;
	text-align: center;
}

/* Imagines y Videos */
img, video
{
	max-width: 98%;
}

header{
	
	margin: 0 auto;
	max-width: 100%;
	text-align: center; 
	width: 100%;
}

section#contenido{
max-width: 100%;
margin: 2em;
border-radius: 0.25em;
color:#212121;
vertical-align:top;
	
}
hgroup h2{
	
	max-width: 100%;
	vertical-align: top;
	text-align:right;
}

body h1, nav 
{
	display: inline-block;
	max-width: 100%;
	vertical-align:center;
	margin:1em;
	 
}

nav ul 
{

	list-style: none;
}


nav li 
{
  display: inline-block;
  vertical-align: top;
}

nav  a{
	background: #FFF;
	border: 0.1em solid #57ABB8;
	border-radius: 0.25em;
	color: #F60;
	display: block;
	font-family: "Pecita", Helvetica, Verdana;
	font-size: 1em;
	padding: 0.1em;
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}

nav a:hover{
	background: #212121;
	border: 0.1em dashed #F60;
	border-radius: 0 0.5em 0 0.5em;
	color: #FFF;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

section#principal{
	background: ;
	border-radius: 0.5em;
	display: inline-block;
	margin: 2em, 0 auto;
	max-width: 100%;
	padding: 0.25em;
	vertical-align:left;
	width: 45%;
}

}
article#galeria-inicio {
    background: #E6F0FF;
	border-radius: 0.1em;
	margin:top;
	text-align: left;
	width: 100%;
}

aside{
	background: #FFF;
	width: 45%;
	text-align:right;
	vertical-align:left;
	border: 0.1em solid #665;
	
}

aside img {
	border-radius: 0.2em;
	text-align:right;
 }
 
 footer {
    background: #FF6600 url(../img/button_top_active.jpg);
	color: 0.85em;
	padding: 0.1em 0;
	text-align:Center; 
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
	font-size: 0.8em;
	
 }
 figure
 {
 vertical-align:rigth;
 }
 
 .fade {
 	opacity: 1;
	filter:alpha(opacity=10);
    -ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	opacity: 1;
	filter:alpha(opacity=10);
	
 }
 
 
 .news-latest-container, a
 {
 vertical-align:rigth;
 width:45%;
 padding: 7px 0px 4px 
 }
 
 .fade:hover {
 	opacity: 0.7;
	filter:alpha(opacity=7);
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	opacity: 0.7;
	filter:alpha(opacity=7);
 }
 
 .color1 {color:#212121}
 .col2 {width:550px;
 text-align:justify;
 font-size: 0.8em;
 font-family:Tahoma;
 }
 .frontpagearticlefigure
{
    display: block;
    height: 60px;
    width: 57px;
    vertical-align: left;
	
}

#nav a {border-bottom: 0px;display: block;}

 @media(min-width:1081px){
  header h1 {
	text-align: left;
	width: 75%;
  }
  nav {
	text-align: rigth;
	width: 60%
  }
 }
 
	nav liv{
		font-size: 1.3em;
	}
	
	article#galeria-inicio {
	
		width: 100%;
    }
	aside {
	
		width: 70%;
	}
 }
 
media
{max-width: 600px;}

	nav liv {
		display: inline-block;
		margin: 0px;
		width: 98%;
	}
	
	section#principal {
		
		margin-bottom: 0.2em;
		
	}
	
	section#principal, aside {
		display: block;
		margin-bottom: 0.2em;
		width: 95%;
	}



 .home-nav-title {
 background-color: #a90000;
 color:#FFF;padding:5px 10px 5px 20px;
 border-top:0px solid #FFF;
 border-bottom:0px solid #FFF;
 border-radius: 0.25em;
 width:85%;
 font-size:0.8em;
 }
 
 
.navelement{
  background-color:#d8d6d0;
  background-color:#e7e5e1;
  padding:7px 0px 4px 22px;
  background-image:url(../img/navline.gif); 
  background-repeat:no-repeat;
  color:#212121;
  font-size:1em;}
 
.navwrapbottomNoMarging{ background-color:#e7e5e1;background-image:url(../img/navline.gif);background-repeat:no-repeat;padding-top:12px;}


.navelementparent {
  background-color:#d8d6d0;
  padding:7px 0px 4px 22px;
  background-image:url(../img/bgnavactive2open.gif); 
  background-repeat:no-repeat;
}

.navwrapbottomNoMarging{ background-color:#e7e5e1;background-image:url(../img/navline.gif);background-repeat:no-repeat;padding-top:12px;}

#nav .addthis_toolbox {padding:6px 6px 6px 20px;border-top:1px dotted #CCC;border-bottom:1px dotted #CCC;margin-top:20px;}



  
h1.frontnews {margin-top:2px;margin-bottom:10px;font-size:18px;line-height:24px;}
h2 {font-size: 14px;font-weight: normal;color: #a90000;line-height: 17px;margin-top:20px;padding-bottom:0px;}
h2.csc-firstHeader {margin-top:1px;}

.html5-video-player {
    position: relative;
    font-family: Arial,Helvetica,sans-serif;
    -moz-box-sizing: border-box;
    width:27%;
    height: 27%;
    background-color: rgb(0, 0, 0);
    -moz-user-select: none;
    cursor: pointer;
    overflow: hidden;}
	

img 
{
border:0px;
}



#main {
  padding-top:0px;
  padding-bottom:20px;
  background-image:url(../img/bgmain3.gif); 
  background-repeat:repeat-y;
  margin: 1em;
}

#nav{
  width: 200px;
  float: left;
  font-size:11px;
  padding-top:0px;
}

div p
{
  
  float: center;
  font-size:11px;
  padding-top:0px;
  margin:4em;  
}