@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 18px;
	font-family: 'Dosis', Arial, Helvetica, sans-serif;
	text-align:center;
	background-color: #fafaec; /*rosa #FEEDFE;*/
	}
header, section, footer, aside, nav, article, figure {
	display: block;
}

*{text-indent:0px;margin:0px;padding:0px;border:0px;}

ul, ol, dl { 
	padding: 0;
	margin: 0;		
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
	margin-bottom: 15px;
}

h1 {
	background: #CD4C4F;
	color: white;
	font-size: 35px;
	font-family: 'Share', Arial, Helvetica, sans-serif;
	/*text-align: center;*/
	}
h2 {
	color: #CD4C4F;
	font-size: 25px;
	font-family: 'Share', Arial, Helvetica, sans-serif;
	/*text-align: center;*/
	}
h2 span {
	font-size:20px;
	line-height:1.2em;
	color:#008cdd;
	display:block;
	margin-top:-2px;
	letter-spacing:0
	}
	
h3 {
	color: #424F61;
	font-size: 22px;
	font-family: 'Share', Arial, Helvetica, sans-serif;
	padding-left: 10px;
	margin-bottom: 7px;
	text-align: left;
	}
p {
	text-align: justify;
}
a img { 
	border: none;
}
a:link {
	color: #424F61;
	text-decoration: underline; 
}

a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* este grupo de selectores proporcionará a un usuario que navegue mediante el teclado la misma experiencia de hover (paso por encima) que experimenta un usuario que emplea un ratón. */
	text-decoration: none;
	color:white ; text-decoration:none ; 
	background-color: #4682B4;
}
a.block { 
	text-decoration:none; 
	display:block;
}
/* ~~ Este contenedor de anchura fija rodea a todas las demás bloques ~~ */
.container {
	width: 100%;
	background: #FFFFF;
	margin: 0 auto; /* centra el diseño  */
}
#global{
	width:1130px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
header {
	background-color: #002E49;
	background-image: url(https://www.repro-arte.com/images/fondocabecera_ha.jpg);
	width: 100%;
	height: 50px;
	margin: 0 auto; /* centra el diseño  */
}
.headerinterior {
	width: 1150px;
	color:#FFF;
	height:50px;
	margin: 0 auto;
}
.cabecera_bloque1 {
	float: left;
	width: 180px;
	}
.cabecera_bloque2 {
	float: left;
	width: 300px;
	}
.cabecera_bloque3 {
	float: left;
	width: 375px;
	}
.cabecera_bloque4 {
	float: left;
	width: 155px;	
	padding-top: 8px;
	}
.foto-cab4 {
	float:left;
	width:30px;
	}
.texto-cab4 {
float:left;
padding-top: 4px;
	}
.cabecera_bloque5 {
	float: left;
	width: 25px;
	}
#publilateralizq{
	left;width:130px;height:auto;background-color:#ECE6C6;}

#libros {background-color:#ECE6C6;width:115px;float:left;text-align:left;padding:5px;;
	border: thick solid #FFF;}
.titulo-libro{color:#CD4C4F;font-weight:bold;font-size:15px;}
#libros li {list-style:none;margin:0px 0px 0px 1px;font-family:"Dosis";font-size:12px;color:#002E49;}
.autor-libro{color:#424F61;font-weight:bold;font-size:12px;}

.logo {
	width: 1003px;
	 height:115px;
	 margin-left:122px;
	}
#contenido{background-color:#ECE6C6;width:975px;float:left;
	color: #424F61;
	border: thick solid #FFF;
}
#contenido p{
	padding:10px 10px 10px 40px;
	text-indent:15px;
	margin-bottom:0px;
	width:700px;
	font-size: 18px;
}
.menuvertical{
	background-color: #DEC8C9;
	width:140px;
	float:left;
	text-align:left;
	padding:10px;
	margin-right: 10px;
	border: thin solid #FFF;
}
.menuvertical li{list-style:none;margin:4px 0px 4px 1px;font-size:13px}
.menuvertical a{color:brown;text-decoration:none;display:block;}
.menuvertical a:link{color:brown;}
.menuvertical a:visited{}
.menuvertical a:hover{color:white;font-weight:bold;text-decoration:none;background-color:#4682B4;}
.menuvertical a:active{color:#551A8B}
.autores{color:#27408B;font-weight:bold;font-size:14px;}
#carrito{background-color:#ECE6C6;width:175px;float:right;text-align:left;padding:10px;
color: #424F61;
	border: thick solid #FFF;
}
#carrito li{list-style:none;margin:5px 4px 5px 1px;font-size:16px;color:#002E49;}
.apuntes{color:#424F61;font-weight:bold;font-size:25px;}
#carrito-1{background-color:#FFE1FF;}
.carrito-apuntes{color:brown;font-weight:bold;font-size:18px;}
.carrusel li{ /*esto pertenece al minislider-_ha*/
	width:180px;
	height:108px;
}

.tabla_4col {
	width: 65%;
	border:0px;
	border-collapse: collapse; /*cellspacing="0"*/
	border-spacing:2px; /*cellspacing="0"*/
	padding:2px; /*cellpadding*/
	font-weight: bold;
	margin-left: 75px;
	}
.tabla_4col a {	
text-decoration: none;
}
.tabla_4col a:hover {	
color: white;
font-weight: bold;
text-decoration: none;
background-color: #4682B4;
}
/*breadcrumbs*/
ul, li { list-style-type:none; padding:0; margin:0; }
#breadcrumbs { border-bottom:1px solid #ccc; background-color:; line-height: 20px; overflow:auto; font-size:11px; font-weight:bold; }
#breadcrumbs li { float:left; padding-left:8px; }
#breadcrumbs li a {	padding:0 4px 2px 0; background-color: transparent;	background-repeat: no-repeat; background-position: right center;}
#breadcrumbs li a:link, #breadcrumbs li a:visited { text-decoration:none; color:#003366; }
#breadcrumbs li a:hover, #breadcrumbs li a:focus { text-decoration:underline; color:#0099CC; }
#breadcrumbs li {color:#D48D00;}
/*Fin breadcrumbs*/

#encuadre{margin-left:180px;}
#encuadre_cuadros{margin-left:75px;}
#encuadre_cuadros_vertical{margin-left:200px;}

.subcontenedor {
	margin: 0 auto; /* centra el diseño  */
	width: 990px;
}
.clearfloat {
	//*clear:both;**/
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#listado{font-family:"Dosis";float:left;height:auto;width:132px;}
#listado li{list-style:none;margin:4px 0px 4px 1px;font-size:13px;}
#listado a{color:brown;text-decoration:none;display:block;}
#listado a:link{}
#listado a:visited{}
#listado a:hover{color:white;font-weight:bold;text-decoration:none;background-color:#4682B4;}
#listado a:active{}

/*Formato Apuntes*/
.vaina {
	background: #ECE6C6;
	padding: 5px;
	width: 230px;
	float:left;
	margin: 20px 5px;
	text-align: center;
	border: medium solid #FFF;
	height: 495px;
	font-size:16px;
 }
.vaina li { 
	list-style: none; 
	 }
.vaina a {color: #1E6183; text-decoration:none ; display: block }
.vaina a:link {}
.vaina a:visited {}
.vaina a:hover {color:white ; text-decoration:none ; background-color: #4682B4; }
.vaina a:active {} 
 
.vainaContent { 
margin-top:10px; 
width: 230px; 
height:181px; 
overflow:hidden; }

#novedades .vainaContent { 
	margin-top:12px; 
	overflow:auto;
	 } 

#novedades .vainaContent p { 
	margin-top: 5px; 
	margin-bottom: 5px; 
	margin-left:6px; 
	 }
#novedades li { list-style: none;  }

.vaina h1 {
	 background: #CD4C4F; 
	 color: white; 
	 padding:5px; 
	 font-size:18px; 
	 font-weight:bold; 
	 margin: 0 0 10px 0; }

.vaina h2 {
	 font-size:19px; 
	 font-weight:bold; 
	
	 padding-bottom: 5px;
	 color: #CD4C4F;
	 border-bottom:medium solid white; }
.vaina h3 {
	 font-size:18px; 
}
/*Fin formato apuntes*/

.arriba {
	width: 100px;
	}

.tablacentrada {
	width: 80%;
	margin: 0 auto; /* centra el diseño  */
	}
.tablacentrada tr {
	text-align: left;
	padding: 2px;
	border-bottom: thin solid blue;
	}
.brillo:hover {
	background-color: #F1DD8D;
}

.brillo {
		color: #4F5D73;
	}	

/*Paginación*/
.paginacion {
	float: right;
	width: 220px;
	border: thin solid #BBC4A6;
	margin: 5px 10px;
	font-size: 18px;
	background-color: #ECD3C6;
	border: thick double #ECE6C6;
	line-height: 30px;
}
.paginacion ul {
	list-style-type: none;
	margin-left: 10px;
	font-size:16px;
	padding:5px;
	text-align: left;
		}
.paginacion li a{
text-decoration:none;color:#424F61;
display:block;
}
.paginacion li a:hover{background-color:#4682B4;color:#FFF;font-weight:bold;}
.cabeceracatalogo {border-bottom:1px solid rgba(0,0,0,0.3);border-top:1px solid rgba(255,255,255,0.2);color:#424F61;font-size:18px;font-weight:bold;/*Gradient*/background: #ECE6C6;/* Old browsers */ background:-moz-linear-gradient(top, #ECD3C6 0%,#ECE6C6 44%,#D1CAAC 100%);/* FF3.6+ */ background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ECD3C6),color-stop(44%,#ECE6C6),color-stop(100%,#D1CAAC));/* Chrome,Safari4+ */background:-webkit-linear-gradient(top,#ECD3C6 0%,#ECE6C6 44%,#D1CAAC 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,#ECD3C6 0%,#ECE6C6 44%,#D1CAAC 100%);/* Opera 11.10+ */ background:-ms-linear-gradient(top,#ECD3C6 0%,#ECE6C6 44%,#D1CAAC 100%);/* IE10+ */ background:linear-gradient(top,#ECD3C6 0%,#ECE6C6 44%,#D1CAAC 100%);/* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECD3C6',endColorstr='#ECE6C6',GradientType=0);/* IE6-9 */margin-top:1px;padding-top:7px;padding-right:12px;padding-bottom:7px; padding-left:12px;}

/*Fin.Paginación*/
/*Numeración de Paginación*/
 .pagination {
    background: #ECE6C6;
    padding: 20px;
    margin-bottom: 20px;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #424F61;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0C3), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background:#C6CCEC ;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}



/* Prepie */
.prepie {
	padding-top: 10px;
	background:#002E49;
	/* url(https://www.repro-arte.com/images/bg_top2.gif)*/;
	}
.prepie a {
	color: #59B3E0;
	text-decoration:none; 
	padding: 0 20px;
	}
.prepie a:hover {
	color: white;
	background-color:#4682B4;
	}
.prepiecontent {
	width:980px;
	overflow:hidden;
	padding-bottom:35px;
	padding-left:150px;
	margin: 0 auto;
	text-align: left;
	}	
.col3 {width:266px;padding-left:30px; float:left;margin-lerft:30px}
.col4 {width:277px;padding-left:30px; float:left;}	
h4 {border:1px solid #cccccc;font-size:19px;
	font-weight:normal;
	color:#FFF;
	/*color:#182125;*/
	line-height:40px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior:url(https://www.repro-arte.com/estilo/js/PIE.htc);
	position:relative;
	margin-bottom:20px}
	
h4 span {/*border:1px solid #fff;*/
	display:block;
	background-color:#024160;
	/*background:url(https://www.repro-arte.com/images/bg_box1.gif) top repeat-x #eee;*/
	padding:0 17px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior:url(https://www.repro-arte.com/estilo/js/PIE.htc);
	position:relative}
h4 span.right {background:none;border:0}
.wrapper {width:100%;overflow:hidden}
.pad {
	padding:0 19px;
	color: #FFF;
	font-size: 17px;
}
.list2 li {
	padding-bottom:10px;
	list-style-type: none;
}
.list2 li a {
	color:#FFF;
	padding-left:0px;
	padding-right:0px;	
	/*background:url(https://www.repro-arte.com/images/marker_2.gif) 2px 1px no-repeat;}*/
	}
/* Fin. Prepie */

/* ~~ El pie de página ~~ */
footer {
	background:#002E49
	/*background-image: url(../images/fondocabecera.png);*/
	color:#FFF;
	position: relative;/* esto da a IE6 el parámetro hasLayout para borrar correctamente */
	clear: both; /* esta propiedad de borrado fuerza a .container a conocer dónde terminan las columnas y a contenerlas */
	text-align: center;
}

.pierinterior {
	width: 980px;
	color:#FFF;
	height:115px;
	margin: 0 auto;
	text-align: left;
}

.pie_bloque1 {
	float: left;
	width: 225px;
	padding-left: 10px;
	padding-right: 10px;
	}
.pie_bloque2 {
	float: left;
	width: 225px;
	font-size: 15px;
	padding-right: 10px;
	padding-left: 10px;
	}
.pie_bloque3 {
	float: left;
	width: 245px;
	}
.pie_fin {
	color:#FFF;
	background:#002E49;
	font-size: 15px;
	}
/* ~~ Fin El pie de página ~~ */


a{color:white;text-decoration:none;}
a:link{}
a:visited{}
a:hover{color:white;font-weight:bold;text-decoration:none;background-color:#4682B4;}
a:active{}
#carrito a{color:brown;text-decoration:none;display:block;}
#carrito a:link{}
#carrito a:visited{}
#carrito a:hover{color:white;font-weight:bold;text-decoration:none;background-color:#4682B4;}
#carrito a:active{color:#551A8B}
#pie a{color:#8B1A1A;text-decoration:none;display:block}
#pie a:link{}
#pie a:visited{}
#pie a:hover{color:#551A8B;text-decoration:underline;background-color:white}
#pie a:active{color:#551A8B}
#logotipo a{}
#logotipo a:link{}
#logotipo a:visited{}
#logotipo a:hover{background-color:white}
#logotipo a:active{}
.boton {
  float: right;	
  font-family: Arial;
  text-align:center;
  color: #ffffff;
  font-size: 14px;
  font-weight:bolder;
  padding: 5px;
  padding-left:7px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid #C8FE2E 3px;
  background: #C8FE2E;
  width:auto;
  height:auto;
}
.boton:hover {
  background: #4682B4;
}


.publilateral {
	width:120px;
	overflow: visible;
	height:600px;
	}
/*Listado autores y temas*/
.listadoautores{
	width: 750px;
	margin-left: 20px;
	}
.listado {
	font-family: "Trebuchet MS", sans-serif;
	float: left;
	height: auto;
	width: 115px;
	padding: 5px 5px;
}
.listado li{
	list-style:none;
	margin:4px 0px 4px 1px;
	font-size: 13px;
	line-height: 17px;
}
.listado a {
	color: #CD4C4F;
	text-decoration: none;
	display: block;
}
.listado a:hover {
color: #FFF;
font-weight: bold;
text-decoration: none;
background-color: #4682B4;
}
.autores {
	color: #27408B;
	font-weight:bold;
	font-size: 14px;
}
.estilos {
	color: #348099;
	font-weight:bold;
	font-size: 14px;
}
.listadocuevas {
	font-family: "Trebuchet MS", sans-serif;
	float: left;
	height: auto;
	width: 280px;
	padding: 5px 5px;
	margin-left: 55px;
}
.listadocuevas li{
	list-style:none;
	margin:4px 0px 4px 1px;
	font-size: 13px;
	line-height: 17px;
}
.listadocuevas a {
	color: #CD4C4F;
	text-decoration: none;
	display: block;
}
.listadocuevas a:hover {
color: #FFF;
font-weight: bold;
text-decoration: none;
background-color: #4682B4;
}

/*fin Listado autores y temas*/
.fototexto {
	width:800px:
	border: thin solid #4C6EB6;
	height: 160px;
	}
.fototexto a {
	color: brown;
	text-decoration: none;
}

.fototexto a:hover {
	color: white;
text-decoration: none;
background-color: #4682B4;}

.foto {
	height: 150px;
	width: 180px;
	float: left;
	margin-left:50px;
	margin-top:18px;
	}
.txt_fototexto {
	float: left;
	width: 525px;
	}	

.articulo {
	width: 170px;
	float:left;
	margin-top: 7px;
	}
.articulo_foto {
	float:left;
	width:40px;
	height:40px;
	margin-right: 5px;
	}
.articulo_enlace {
	float:left;
	padding-left: 8px;
	width: 117px; 
	height:40px;
	background-color:#FFF;
	}
.articulo_enlace a {
	margin-top:5px;
	text-decoration: none;
	font-size:15px;
	}
/** BOTÓN INPUT FORMULARIOS **/		
a.button {
	/* Sliding right image */
    background: transparent url('../images/boton_verde_izquierda.png') no-repeat scroll top right;
	display: block;
	float:left;
	height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-left: 255px;
	padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	padding-top: 3px;
	padding-left: 15px;
	/* FONT PROPERTIES */
text-decoration: none;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	text-align: left;
}
a.button span {
	/* Background left image */ 
	background: transparent url('../images/boton_verde_izquierda.png') no-repeat;
	display: block;
	line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 7px 0 5px 18px;
		color: #FFF;
} 
a.button:hover span{
	text-decoration:none;
	color: #033;
}

/** Fin. BOTÓN INPUT FORMULARIOS **/	
.container #global #contenido h3 a strong {
	text-align: center;

}