@charset "utf-8";
/* Reset
/* Reset the stylesheet*/
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,
dl, dt, dd, ol, ul, li,
fieldset, textarea, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
address, article, aside, audio, canvas, command, datalist, 
details, dialog, figure, figcaption, footer, header, hgroup,
keygen, mark, meter, menu, nav, progress,
ruby, section, time, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; 
}
/* HTML5 elements that are blocks */
aside, header, footer, article, section, 
nav, figure, figcaption {display: block;}
	 
/*------------------------------------------------------------ */
* { margin: 0 auto; padding: 0;}

html {overflow-y:scroll; max-width:950px; margin:0 auto;background-color:#eee; }


body{font-size:13px/1.231;font-size:100%; font-family: Verdana,Geneva,arial,helvetica,sans-serif;
	*font-size:small;*font:x-small;
	max-width:950px; min-width:250px; margin:0 auto; 
	padding:1%;
	background-color:#fff;
	/* opacity: 0.5;  filter:  alpha(opacity=50);*/
	 CSS3 BOX shadow (http://www.css3.info/preview/box-shadow/)
	-moz-box-shadow: 0.231em 0.231em 0.385em #888;
	-webkit-box-shadow: 0.231em 0.231em 0.385em#888;
	box-shadow: 0.231em 0.231em 0.385em #888; 
	/*border-left: 0,077em solid #f60;border-right: 0,077em solid #f60;*/
}
* {font-size:0.875rem}
/*ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}*/

/*-------------------- variaciones-------------*/
h1, h2, h3, h4, h5, h6 {font-weight:normal;
	font-family:verdana, Arial;}
	/*letter-spacing:-0.02em;*/
/*h1 {font-size: 200%; margin: 0.67em 0;color:#336666;}

h2 {font-size: 150%; margin: 0.83em 0;color:#007;}
h3 {font-size: 117%; margin: 1em 0;color:#336666;}
h4 {font-size: 100%; margin: 1.33em 0;color:#336666;}
h5 {font-size: 83%;margin: 1.67em 0;color:#336666;}
h6 {font-size: 67%; margin: 2.33em 0;color:#336666;}*/	
	
h1 {font-size: 2.4em; line-height: 2em;margin: 0.9em 0;  color:#030;}
h2 {font-size:1.9em;line-height: 2em;margin: 0.83em 0;color:#336666;}
h3 {font-size:1.5em;color:#700;margin: 1.2em 0;}
h4 {font-size:1.4em; color:#030;margin: 1.2em 0;}
h5 {font-size:1.3em;color:#0033FF;margin: 1.2em 0;}
h6 {font-size: 1.2em;margin: 2.33em 0;}

a {text-decoration:none;color:#008;}
a:hover {color:#F33;text-decoration:underline;}
/*------- fin variaciones ----------*/
/*nav ol, nav ul { list-style: none; margin: 0;}
nav ul li { margin: 0; padding: 0;}*/

ul{/*display: block;*/
	list-style-image:url(/00index/triangulo.gif);
	margin-left:3em; }
li{margin-top:.5em;font-size:100%}
	
ol{/*display: block;*/
	list-style-type: decimal;
	padding-left:3em; }
ul, li, ol{font-family:verdana;}	
blockquote {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 4em;}

a, a:hover, a:visited {outline: none; border:none; decoration:none;}

p { margin: 0 0 1em; line-height: 1.4em; font-size: 1.1em;color:#000;
  margin-bottom: 1.2em; margin-top: 10px;}

img { display: block; margin-bottom: 10px;}
/*170116 añado letra itálica*/
em {font-style:italic;}
strong {font-weight: bold;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block; box-sizing:border-box;}
	
/* Structure */
#wrapper {
	width: 99%;	background-color:#aaa; /*para ver de ajustar*/
	max-width: 950px;
	margin: auto;
	/*padding: 2%;*/	} 
	
header{background-color:#ececec; padding:0px; box-sizing:border-box;
	text-align:center;font-size:87%}
header p{padding:0.369em}
header img{width:100%; height:auto;max-widht:964px;}

aside {margin-left: 0%; box-sizing:border-box;background:#eee;
	width:24%;padding:1em;display:inline-blok;font-size:87%;
	float: left;}
aside img {width:100%; height:auto;max-width:190px;}

article {width: 70%;box-sizing:border-box;font-size:87%;
		margin:0 1% 0 0; /*background:#6F0;*/
		display:inline-blok; float: right;	}
article img {max-width:98%; height:auto;}

				
/*------------------------------ */
/* Apartado del FOOTER           */
/*------------------------------ */
footer{clear: both;
		background-color: #eee; box-sizing:border-box;
		color: #000; font-size:80%;
		padding: 0,0.77em; border:2px solid #f60;}
		/*text-align: center;*/
		
footer a{color:#555; text-decoration: none;	}
footer p{margin:0; padding:0.769em;	}		

/* Logo H1 
header h1 {
	height: 70px;
	width: 160px;
	float: left;
	display: block;
	background: url(../images/demo.gif) 0 0 no-repeat;
	text-indent: -9999px;
	}*/
		
/* Nav 
header nav {
	float: right;
	margin-top: 40px; 
	}
	
header nav li {
	display: inline;
	margin-left: 15px;
}

#skipTo {
	display: none;
	}
#skipTo li {
	background: #b1fffc;
}*/

/* Banner 			
#banner {
	float: left;
	margin-bottom: 15px;
	width: 100%;
}

#banner img {
	width: 100%;
}*/
.scrollup{
    width:32px;
    height:32px;
    opacity:1;
    position:fixed;
    bottom:0.769em;
    right:2%;
    display:none;
    /*text-indent:-9999px;*/
    background: url('/00index/br_up.png') no-repeat;}
	
.centrat { width:150px;height:190px; 
	display:block;
	padding:5px;
	display:block;margin:auto;}

.colupie{ width:160px;height:190px; /* ponía 150*/
	display:block;
	padding:5px;
	float:left;}

/* Media Queries */

/*@media screen and (min-width:480px) and (max-width:800px) {
   Target landscape smartphones, portrait tablets, narrow desktops
  
   aquí ponía 960px. Voy a poner 420*/
@media only screen and (max-width:800px){
	article img{display:block;margin:0 auto;}
	
@media only screen and (max-width:420px){
html{widht:100%} 

header, article,aside, fooder {
	float: left;
	clear: left;
	margin: 0 0 2% 0; /*padding: 0 0 0 10px;*/
	width: 100%;}
header img{display:none;}
/*aside {display:none;}		
*html { overflow-x:hidden; }*/
}

@media screen and (max-width:320px) {
 .colupie{width:100%;}
 	}
@media screen and (max-width:250px) {
  /* Target portrait smartphones */
html{widht:100%}
header, article,aside, fooder {
	float: left;
	clear: left;
	margin: 0 1% 2% 1%; /*padding: 0 0 0 10px;*/
	width: 100%;}  

}
/*
header nav li {
	margin: 0;
	background: #efefef;
	display: block;
	margin-bottom: 3px;
}
header nav a {
	display: block;
	padding: 10px;
	text-align: center;
}			*/