/*
	Theme Name: delirium
	Theme URI: www.digital5.es
	Version: 1.0
	Author: David Calvo
	Author URI: www.digital5.es
*/

html, body {
	height: 100%;
}

/* Genéricos */

body  {
	background-color:#FEFFFF;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align:center; 
	font-family:'Roboto Condensed', Arial, Verdana, Helvetica, sans-serif;
  font-size:12px;
	color:#3F3F3F;
}

form {
	margin: 0 0 0 10px;
	padding: 0;
}

h1 {
	margin: 0;
	margin-top: 4px;
	margin-bottom: 6px;
	padding: 0;
	font-family:'Roboto Condensed', Arial,Helvetica,sans-serif;
  font-size:22px;
  font-weight:300;
  color:#000000;
  line-height:32px;
}

h2 {
	margin: 0;
	padding: 0;
	font-family: 'Roboto Condensed', Arial,Helvetica,sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#3F3F3F;
  line-height:24px;
}

h3 {
	margin: 0;
	padding: 0;
	font-family: 'Roboto Condensed', Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#000000;
  line-height:16px;
}

h4 {
	margin: 0;
	padding: 0;
	font-family: 'Roboto Condensed', Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#3F3F3F;
  line-height:18px;
}

h5 {
	margin: 0;
	padding: 0;
	font-family: 'Roboto Condensed', Arial,Helvetica,sans-serif;
  font-size:9px;
  font-weight:300;
  color:#666666;
  line-height:12px;
}

p {
	margin: 0;
	padding: 0;
	padding-left: 8px;
	width: auto;
	height: auto;
	line-height: 14px;
}

a {
	color: #da6817;
}

table td {
	text-align: left;
}

/* ESTRUCTURA */

.wrapper {
	margin:0;
	padding: 0;
	height: auto !important;
	height: 100%;
	width: 100%;
	text-align: center;
	
}

/* HEADER */

#site-header {
	background-color: #333333;
	margin: 0;
	padding: 0;
	min-height: 70px;
	width: 100%;
	text-align: center
	
}

div#header-content {
	margin: 0 auto;
	height: 70px;
	max-width: 1004px;
	text-align: left;
	
}

div#header-logo {
	margin: 0;
	padding: 0;
	height: 70px;
	width: 30%;
	float: left;
	
}

div#header-logo a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	
}

#logo-cabecera {
	margin-top: 14px;
	padding: 0;
	height: 51px;
	
}

div#header-menu {
	margin: 0;
	padding: 0;
	min-height: 70px;
	width: 70%;
	float: right;
	text-align: right;
	
}

#menu-social {
	margin: 0;
	padding: 0;
	height: 50px;
	width: 100%;
	text-align: right;
	
}

#idiomas {
	margin: 0;
	margin-top: 12px;
	margin-left: 10px;
	padding: 0;
	float: right;
	cursor: default;
	position: relative;
	
}

#idiomas p {
	margin: 0;
	padding: 0;
  line-height: 22px;
	font-family: 'Roboto Condensed',  Arial,Helvetica,sans-serif;
  font-size: 2.4em;
  font-weight:bold;
  color: #999999;
	
}

#idiomas ul {
	background-color: #333333;
	margin: 0;
	/*margin-left: 20px;*/
	padding: 0;
	padding-right: 4px;
	padding-left: 4px;
	border: 1px solid #666666;
	border-top: 1px solid #da6817;
	list-style: none;
	display: none;
	position: absolute;
	z-index: 10000;
	right: -4px;
	top: 24px;
}

#idiomas ul li {
	margin: 0;
	padding: 0;
	/*height: 22px;*/
	/*float: left;*/
	text-align: right;
	
}

#idiomas ul li a {
	margin: 0;
	padding: 0;
	/*line-height: 22px;*/
	font-family: 'Roboto Condensed',  Arial,Helvetica,sans-serif;
  font-size: 2.2em;
  font-weight:bold;
  color: #da6817;
	cursor: pointer;
	text-decoration: none;
	
}

#idiomas ul li a:hover {
  color: #666666;
	
}

a.link-menu-social {
	margin: 0;
	margin-top: 12px;
	margin-left: 10px;
	padding: 0;
	text-decoration: none;
	float: right;
	color: #da6817;
	
}

.icono-menu-social {
	margin: 0;
	padding: 0;
	height: 24px;
	width: 24px;
	
}

#link-twitter {
	background-image: url(images/twitter-azul.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0;
	height: 32px;
	width: 32px;
	
}

#link-twitter:hover {
	background-image: url(images/twitter-blanco.png);
	
}

#link-facebook {
	background-image: url(images/facebook-oscuro.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0;
	height: 32px;
	width: 32px;
	
}

#link-facebook:hover {
	background-image: url(images/facebook-blanco.png);
	
}

#link-youtube {
	background-image: url(images/youtube-gris.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0;
	height: 32px;
	width: 32px;
	
}

#link-youtube:hover {
	background-image: url(images/youtube-blanco.png);
	
}

/* #### Mobile Phones #### */

@media screen and (min-width: 10px){
	div#header-logo {
		height: 70px;
		width: 100%;
		
	}
 
	div#header-menu {
		width: 100%;
		text-align: left;
		
	}

	#menu-social {
		text-align: left;
		
	}

	a.link-menu-social, #idiomas {
		margin-right: 10px;
		float: left;
		
	}
	
}

/* #### Tablets #### */

@media screen and (min-width: 480px) {
	div#header-logo {
		height: 70px;
		width: 100%;
		
	}
 
	div#header-menu {
		width: 100%;
		text-align: left;
		
	}
	
	#menu-social {
		text-align: left;
		
	}

	a.link-menu-social, #idiomas {
		margin-right: 0px;
		float: left;
		
	}
}

/* #### Desktops #### */

@media screen and (min-width: 768px) {
	div#header-logo {
		width: 30%; 
		float: left;
		
	}
 
	div#header-menu {
		height: 70px;
		width: 70%; 
		float: right;
		
	}
	
	#menu-social {
		text-align: right;
		
	}

	a.link-menu-social, #idiomas {
		margin-left: 10px;
		float: right;
		
	}
}

.clearfix:before,  
.clearfix:after {  
	content: " ";  
	display: table;  
}  
.clearfix:after {  
	clear: both;  
}  
.clearfix {  
	*zoom: 1;  
}

#menu-pages {
	margin: 0;
	padding: 0;
	height: 70px;
	width: 100%;
	text-align: right;
	position: relative;
}

#menu-pages ul {
	padding: 0;  
	margin: 0 auto;  
	width: 100%;  
	height: 70px;  
	list-style: none;
}

#menu-pages ul li {
	display: inline;  
  float: right;  
	
}

#menu-pages p {
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-left: 10px;
	font-family: 'Roboto Condensed',  Tahoma;
  font-size: 1.4em;
  font-weight: 300;
  color:#999999;
	text-shadow: 0;  
		
}

a.link-menu-page {
	margin: 0;
	padding: 0;
	padding-top: 8px;
	padding-left: 10px;
	font-family: 'Roboto Condensed',  Tahoma;
  font-size: 1.4em;
  font-weight: 300;
  color:#ffffff;
	text-shadow: 0;  
	text-decoration: none;
	
}

a.link-menu-page:hover {
	color:#666666;
	
}	

#pull {  
	background-color: #121212;
	margin: 0;
	margin-top: 4px;
	padding: 0;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	height: 32px;
	width: 100%;
	font-family: 'Roboto Condensed',  Tahoma;
  font-size: 1.2em;
  font-weight: bold;
  color:#da6817;
	text-shadow: 1px 1px 0px #CECEC;  
	text-decoration: none;
	display: none;
	
}

#pull:hover {  
	color: #FE9901;
}

#pull p {
	background-color: #121212;
	margin: 0;
	padding: 0;
	padding-left: 4px;
	height: 32px;
	line-height: 32px;
	
}

.icono-pull {
	margin-right: 10px;
	padding: 0;
	height: 32px;
	width: 42px;
	float: right;
}

@media screen and (max-width: 768px) {  
	#menu-pages {   
		height: auto;  
	}  
	#menu-pages ul {  
		width: 100%;  
		display: block;  
		height: auto;  
		text-align: left;
		border-top: 1px solid #576979;  
	}  
	#menu-pages ul li {  
		margin-bottom: 4px;
		padding-bottom: 4px;
		width: 100%;  
		position: relative;  
		border-bottom: 1px solid #576979;  
		text-align: left;  
	}  
	#menu-pages a {  
		text-align: left;  
		width: 100%;  
		text-indent: 25px;  
	}  
}  

@media only screen and (max-width : 480px) {  
	#menu-pages {  
		border-bottom: 0;  
	}  
	
	#menu-pages ul {  
		display: none;  
		height: auto;  
	}  
	
	#pull {
		display: block;  
		width: 100%;  
		position: relative; 
		
	}
	
}  

/* FOOTER */

#site-footer {
	background-color: #333333;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center
	
}

#footer-content {
	margin: 0 auto;
	padding: 0;
	min-height: 200px;
	max-width: 1004px;
	text-align: center;
	clear: both;
	list-style: none;
	
}

#footer-content li {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 200px;
	line-height: 15px;
	font-family: 'Roboto Condensed',  arial;
	font-size: 1em;
	font-weight: 300;
	color: #efefef;
	text-align: left;
	
}

#footer-content h2 {
	margin: 0;
	margin-top: 2px;
	margin-bottom: 4px;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	font-family: 'Roboto Condensed',  tahoma;
	font-size: 1.4em;
	font-weight: 300;
	color: #ffffff;
	text-align: left;
}

#footer-content .widget {
	margin-right: 4px;
	height:200px;
	width:330px;
	float:left;

}

/* #### Mobile Phones #### */

@media screen and (min-width: 10px){
	#footer-content .widget {
		margin: 0;
		margin-bottom: 4px;
		height: 180px;
		width: 100%;
		
	}
}

/* #### Tablets #### */

@media screen and (min-width: 480px) {
	#footer-content .widget {
		margin: 0;
		margin-bottom: 4px;
		height: 180px;
		width: 100%;
		
	}
}

/* #### Desktops #### */

@media screen and (min-width: 768px) {
	#footer-content .widget {
		margin: 0;
		margin-right: 4px;
		height:200px;
		width:330px;
		float:left;
		
	}
}

/* PAGE */

#page, #post {
	margin: 0 auto;
	padding: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	max-width: 1004px;
	text-align:left; 
	
}

#page-full, #post-full {
	margin: 0 auto;
	padding: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align:left; 
	
}


/* 404 */




/* GENERALES */