@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:400,500,700,800');
@import url('../../archivos/documentos/css/responsive.css');
@import url('../../archivos/pagina/ico-pagina.css');

@charset "utf-8";

* {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0;
}

Body {
	font-family: 'Alegreya Sans', Arial, Helvetica, sans-serif;
	font-size:1rem;
	line-height:1.4rem;
	font-weight:400;
	color:#666;
	scrollbar-base-color: #CC3322;
	margin: 12px;
	background-color: #E7EAEB;	
}

h1, h2, h3, h4 {
	font-weight:500;
	color:#000;
	letter-spacing:1px;
	line-height:1;
}

h1	{
	font-size:2rem;
	letter-spacing:1px;
	padding-bottom:8px;
	text-shadow: 3px 3px 6px #ccc;
}

h2{/*-- en titulo, web, pagina, galeria --*/
	font-size: 1.6rem;
	text-align:center;
	letter-spacing:2px;
	line-height:2;
	text-transform: uppercase;
}

h3{
	font-size: 1.3rem;
	text-align:center;
}

h4 {/*---- usada en titulo de aviso cliente ----------*/
	font-size: 1.2rem;
	letter-spacing:1px;
	padding: 0px
}

h5{	/*---- otros de titulo ----------*/
	font-size: 1.1rem;
	letter-spacing:1px;
}

hr{
	border-top: 1px solid #E0E0E0;
	border-bottom: 2px solid #E0E0E0;
	margin-bottom: 7px;
	margin-top: 7px;
}

#superior	{
	position:relative;
	display:table;
	width:100%;
	padding:0;
	margin:0;
}
#superior img	{
	width:100%;
	height: auto;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding-bottom:0;
	margin:0;
	letter-spacing:0;
}

#superior p	{
	color:#000;
	line-height:1;
	text-align:center;
	font-style:italic;
	letter-spacing:1px;
}

/*--------------------------------PARA TODO --------------*/

main {
	border-radius:8px;
	border:#d6d6d6 thin solid;
	background-color:#F7F7F8;
	margin:0 auto;
	max-width:1100px;
}

header	{
	width:100%;
	text-align:center;
	padding:24px 0;
	background-color:#F7F7F8;
}

.newspaper {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
	-webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
	text-align:justify;
	background-color:#fff;
	border:#d6d6d6 thin solid;
	border-radius:4px;
	padding:22px;
	width:98%;
	max-width:800px;
	margin:auto;
}

.secciongaleria {
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
	width:100%;
	justify-content: space-around;
	align-items: stretch;
	margin-bottom:21px;	
}

.salto {
	height:20px;
}

.foto {
	text-align:center;
	background-color:#FFFFFF;
	padding:2px;
	border: #d6d6d6 thin solid;
	box-shadow:2px 2px 8px #bbb;
	margin-bottom:24px;
}

.datos {
	font-weight:500;
	font-family: 'Alegreya Sans', Arial, Helvetica, sans-serif;
	font-size:1.1rem;
	letter-spacing:1px;
	padding:12px;
	text-align:center;
}

a {
	font-weight:500;
	font-family: 'Alegreya Sans', Arial, Helvetica, sans-serif;
	font-size:1.1rem;
	letter-spacing:1px;
	color:#2879C5;
}

a:hover {
	color:#f90;
	text-decoration: underline;
}

a.blog {
	font-weight:700;
	font-size:1.4rem;
	color:#2879C5;
	text-decoration:none;
	padding: 22px 0;
	border-radius:9px;
	background-color:#FFFFFF;
	border:#A1C2E1 4px solid;
	text-align:center;
	margin: 12px auto;
	display:block;
	width:360px;
}

a.blog:hover {
	color:#960;
	border:#960 4px solid;
}

.galeria {
	text-align: right;
	padding-right:30px;
	padding-top:12px;
	width:100%;
	display:block;
}

.galeria a {
	font-weight:800;
	font-family: 'Alegreya Sans', Arial, Helvetica, sans-serif;
	font-size:1.1rem;
	color: #2879C5;
}

.galeria a:hover {
	color:#f90;
	text-decoration:none;
}

div.rthumbnail img { /*fondo foto chica */
	box-shadow: 0 0 0 2px #d6d6d6;
	margin-bottom:18px;
}

@media screen and (min-width: 1030px) {
Body {
	font-size:1.1rem;
}
}

@media screen and (max-width: 660px) {

Body {
	font-size:0.95rem;
	line-height:1.1rem;
	margin:0;
}

main {
	width:100%;
	border-radius:0;
}

#superior img	{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#superior p	{
	font-size:0.9rem;
	font-weight:400;
	line-height:0.9;
	letter-spacing:0;
}

.contiene	{
	width:100%;
	top:80%;
	background-color: rgba(0,0,0,0.4)
}

h1	{
	font-size: 1.5rem;
	letter-spacing:0;
	line-height:1.5;
}

h2	{
	font-size: 1.3rem;
	letter-spacing:0;
}

h3{
	font-size: 1.1rem;
}

.galeria a {
	font-weight:700;
	font-size:0.9rem;
	letter-spacing:0;
}

}

@media screen and (max-width: 480px) {

main {
	background-color:#fff;
}

header	{
	padding:6px 0;
}

h1	{
	font-size: 1.3rem;
	letter-spacing:0;
	line-height:1.2;
}

h2	{
	font-size: 1.2rem;
}

h3{
	font-size: 1rem;
}
a.blog {
	font-weight:700;
	font-size:1.2rem;
	letter-spacing:1px;
	width:290px;
}

.galeria {
	text-align: center;
	padding:0;
}

.foto {
	font-size:1rem;
}

.newspaper {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
	width:100%;
	padding:6px;
}

.sacar	{
	display:none;
}

div.rthumbnail img {
	margin: 6px auto;
}


}

@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }