/*
@import url(http://fonts.googleapis.com/css?family=Nova+Flat);
@import url(http://fonts.googleapis.com/css?family=Cagliostro);
*/
@import url(http://fonts.googleapis.com/css?family=Cagliostro);

@import url(navigation.css);
@import url(components.css);
@import url(modules.css);
@import url(misc.css);
@import url(forms.css);
@import url(fonts/stylesheet.css);

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

html{ padding: 0!important; margin: 0!important; width:100%; height:100%; position:relative; }
body { background: #D97200; background-size:100%; font: 18px 'Cagliostro', Helvetica, Arial, sans-serif; color: #fff; }
body { width:100%; min-height:100%!important; position:relative; padding: 0!important; margin: 0!important; }
p {  }
.small { font-size: 0.8em; font-weight: bold; text-transform:uppercase; margin: 0!important; padding: 0!important; display:block; }

/* Titulos */
h1,h2,h3 { font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif; line-height: 1.1em; text-decoration:none; font-weight: 400!important; }
h4,h5,h6 { font-family: 'Cagliostro', Helvetica, Arial, sans-serif; line-height: 1.1em; text-decoration: none; font-weight: 400!important; }

h1 { font-size: 2.6em; margin: 0 0 30px 0; padding: 0; text-align:center; color:#fff; }
h2 { font-size: 2.0em; margin: 20px 0 10px 0; padding: 0; text-align:center; }
h3 { font-size: 1.4em; margin: 5px 0 10px; padding: 0; }
h4 { font-size: 1.3em; margin: 5px 0; padding: 0; }
h5 { font-size: 1.2em; margin: 5px 0; padding: 0; }
h6 { font-size: 1em; margin: 5px 0; padding: 0; text-align: center; }

/*links*/
h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited { color: #DC7200; }
h1 a:hover,
h2 a:hover { color: #FF9900!important; }

h3 a:link,
h3 a:visited { color: #DC7200!important; }
h3 a:hover { color: #FF9900!important; }

.container a:link,
.container a:visited { color: #DC7200; text-decoration:none; }
.container a:hover { color: #FF9900; }

.footer a:link, 
.footer a:visited  { color: #000!important; text-decoration: none; }
.footer a:hover { color: #eee!important; text-decoration: none; }

.sidebar a:link,
.sidebar a:visited { color: #DC7200; text-decoration:none; }
.sidebar a:hover { color: #FF9900; }


/*Dynamic*/
.desktop { display:block; }
.tablet { display:none; }
.mobile { display:none; }
.desktop-tablet { display:block; }
.tablet-mobile { display:none; }
.hide { display:none; }

/*Selectors*/
::selection { background:#DC7200; color:#fff; }
::-moz-selection { background:#DC7200; color:#fff; }
::-webkit-selection { background:#DC7200; color:#fff; }

/* Clears Divs */
.clr{clear: both;}

/* CSS RESET */
*:focus { outline: 0; }
img {border: 0 none;}



/* #Page Styles
================================================== */

.main { background: url(../images/bg_content.png) repeat-y center top; }
.mainframehome { background:#000 url(../images/background.gif) no-repeat left 150px; background-size:100%; width:100%; }
.mainframe { background:#000 url(../images/background.png) no-repeat left 150px; background-size:100%; width:100%; }
.mainframehome td,
.mainframe td { padding: 0; margin: 0; vertical-align: top; }

.logo { color:#fff; font-size:4.5em; font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif; line-height: .8em; margin:30px 10px 10px 10px; }
.logo p::first-word,
.logo p::last-word { display:block; }

.logo a:link,
.logo a:visited,
.logo a:hover { color:#fff!important; }
.logo a:link strong,
.logo a:visited strong,
.logo a:hover strong { color:#DC7200!important; font-weight:normal!important; }

#contenido { color:#fff; margin:60px 30px 90px 30px; }
marquee { font-size:1.2em; text-align:center; width:100%; height:400px; overflow:hidden; text-decoration:none!important; }

.featured { font-size:1.2em; text-align:center; text-decoration:none!important;  }

.left,
.line { background: url(../images/line.png) no-repeat center top; padding: 30px 0 0 0; margin:10px; text-align:center; }

audio { width:200px!important;}

.footer { font-size:.9em!important; width: 100%; color: #fff; text-align: center; padding: 20px 0 0; } 



/*Sidebar*/

.sidebar { font-size:.9em!important; background:#000; width:200px!important; padding:20px 10px 50px; margin:0; }
.sidebar h1,
.sidebar h2,
.sidebar h3 { font-size:2em; }





/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
	h1 { font-size: 2.0em; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.2em; }
	h4 { font-size: 1.1em; }
	h5 { font-size: 1.0em; }
	h6 { font-size: 1.0em; }
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
	h1 { font-size: 1.8.0em; }
	h2 { font-size: 1.4em; }
	h3 { font-size: 1.1em; }
	h4 { font-size: 1.0em; }
	h5 { font-size: 1.0em; }
	h6 { font-size: 1.0em; }
		
	}


/* #Font-Face
================================================== 
font-family: 'Cagliostro', sans-serif;
font-family: 'Cagliostro', sans-serif;

*/