@charset "utf-8";
/*
Theme Name: EXC - Excesomedia
Theme URI:
Description:
Version: 0.1
Author: Raúl García
Author URI: http://excesomedia.com/
*/




/* MINIMUM RESET - based on work by Eric Meyer
------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }

/*------------------------------------------------------------------ */
*::-moz-selection { background: #ff9900 none repeat scroll 0 0; color: #000000; }
/*strong {background:  #6a6a6a; padding-left: 3px; padding-right: 3px; font-weight: normal}*/
body {
		background:#222222 url(images/bg.jpg) repeat-x;
		font: 100% Calibri,Trebuchet MS, Arial, Helvetica, Sans-Serif;
		color:#aaaaaa;
		line-height:180%;
		margin:0;
		padding:0;
		text-align:center;
	}
/*#main a, #main a:active, #main a:link, #main a:visited{ background:  #ffc671; padding-left: 3px; padding-right: 3px; text-decoration: none; color: #000000}
#main a:hover{ background: #ff9900}*/
#main a, #main a:active, #main a:link, #main a:visited{text-decoration: none; color: #ff9900}
#main a:hover{color: #ffffff; text-decoration: underline}

h1,h2,h3{background: url(images/haches.jpg) repeat-x bottom; padding-bottom: 4px; color: #ffffff}
h1{
		font-size:180%;
		font-weight:normal;
		margin:0;
		}
	h2{
		font-size:160%;
		font-weight:normal;
		}	
	h3{
		font-size:140%;
		font-weight:normal;
		}	
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:756px;	
		margin-bottom:2em;
		}	
	#pre-header{
                width: 756px;  
				height: 30px;
                background: #ff830b;
                color: #ffffff;
                padding-left: 5px;
                }
        #header{
                margin-top: 20px;
                height:98px;
				color:#fff;
                text-align: center
		}				
	#content{
		width: 696px;
                position:relative;
                margin: auto
		}			

	.fondogris{background: #161616; display: inline-table}
	.bloque{
		display: table;
		width: 318px;
		float: left;
		padding: 15px;
		}
	.bloque p, .sinbloque p{margin-bottom: 15px}
	.sinbloque{padding: 15px}
	#onslider{
		width: 696px;
		height: 15px;
		background: url(images/slider/header-slider.png)
	}
	#menu{
		background: url(images/menu.png);
		height: 35px;
		width: 696px;
		margin: auto
		}
	#menu ul{list-style: none; padding: 5px;}
	#menu ul li{ float: left; width: 136px; text-align: center;}
	#menu ul li a{text-decoration: none; display: block;}
	#menu ul li a:hover{ background: url(images/menuhover.png) no-repeat top center; background-position: 0px 2px}
	.page_item a{color: #ffffff}
	.current_page_item{ background: url(images/menucurrent.png) no-repeat top center; background-position: 0px 2px;}
	.current_page_item a{color: #000000}
	
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item slide
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(images/slider/btn_prev_off.png) no-repeat 0 0;	
		}
	#prevBtn a:hover, #nextBtn a:hover,
	#slider1next a:hover, #slider1prev a:hover{  
		background:url(images/slider/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/slider/btn_next_off.png) no-repeat 0 0;	
		}
	#nextBtn a:hover, #slider1next a:hover{ 
		background:url(images/slider/btn_next.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	

#main .presup a{width: 696px; height: 70px; background: url(images/presup.jpg); display: block}
#main .presup a:hover{width: 696px; height: 70px; background: url(images/presuphover.jpg); display: block}
.presup2 a{width: 640px; height: 70px; background: url(images/presup2.png); display: block}
.presup2 a:hover{width: 640px; height: 70px; background: url(images/presuphover2.png); display: block}


/*Footer */

#footer{
	width: 696px;
	height: 100px;
	margin: auto;
	background: #161616 url(images/footerbg.jpg) no-repeat bottom center;
	color: #666;
	padding-top: 10px;
	font-size: 13px;
	line-height: 15px;
}
#credits{ 
	margin: 10px;
	padding: 15px;
	padding-top: 10px;
	background: url(images/haches.jpg) repeat-x top
}
#credits a{color: #b0b0b0; text-decoration: none}
#credits a:hover{color: #ffffff}
.dataprivacy{
	float: right;
	position: relative;
	top: 15px;
	right: 10px;
	width: 73px;
	height: 64px;
	background: url(images/dataprivacy.png) no-repeat;	
}
.dataprivacy:hover{
	background-position: 0px -64px;
}
.mas{
	float: right;
	background: url(images/mas.png) no-repeat top left;
	background-position: 15px 5px;
	width: 150px;
	height: 35px;
	display: block;
	text-align: center;
	color: #580056;
	text-decoration: none;
	padding-top: 18px;
	font-size: 17px;
}
.mas a:link,.mas a:active, .mas a:visited {color: #000000!important}
.mas a:hover{color: #ff9900!important; text-decoration: none!important}
.exc{color: #ffffff}


h1.title{
	background: url(images/titles.png) no-repeat;
	padding-left: 15px;
	padding-top: 7px;
	height: 70px;
	margin-bottom:-12px;
	}
.entry{
	background: url(images/entrybg.jpg) repeat-x top;
	padding: 10px;
	width: 676px;
	position: relative; top: -29px;
	border-top: 1px solid #b8b8b8
	}
.post{padding-left: 15px; padding-right: 15px; margin: auto}
.post p{margin-bottom: 15px; line-height: normal}
.imgpost{margin-bottom: -50px}