@import url('reset.css');
@import url('fuentes.css');

/*--- Estilos Generales ---*/
body{
	background:url(../imagenes/fon01.jpg);
	font-family: "Arial", Helvetica;
}

a{text-decoration: none;}


#wrap{
	width: 960px;
	margin: auto;
	clear: both;
}

/*--- Header ---*/
header {
	width: 100%;
	float: left;
	background: #deefff; /* Old browsers */
	background: -moz-linear-gradient(top,  #deefff 0%, #85b9db 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #deefff 0%,#85b9db 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #deefff 0%,#85b9db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#85b9db',GradientType=0 ); /* IE6-9 */

}

#subheader{
	width: 960px;
	margin: auto;
}

#logotipo {
	float: left;
	padding: 10px 0px;
	width:220px; 
	height:122px;
}
#subheader h2{
	text-align: center;
	font-family: "Arial", Helvetica;
	font-size: 30px;
	font-weight: bold;
	color: #182542;
	padding: 30px 10px 0px 0px;
}

#subheader h3{
	text-align: center;
	font-family: "Arial", Helvetica;
	font-size: 20px;
	color: #182542;
}

#subheader > p{
	text-align: right;
	font-size: 12px;
	padding: 20px 0px 0px 0px;
}

/*--- Menu ---*/

header #menu nav{
	background: #182542;
	float: left;
	width: 100%;
	height: 19px;
	padding: 10px 0px;
	text-align: right;

}

header #menu nav ul{
	width: 960px;
	margin: auto;
}

header #menu nav ul li{
	display: inline;
	font-family: "Arial", Helvetica;
}

header #menu nav ul li a{ 
	color: #D2A527; 
	font-size: 17px;
	padding: 10px 30px;
}

header #menu nav ul li a:hover{
	color: #182542;
	background: #D2A527;
	text-decoration: none;
}

/*--- Main ---*/
#main{
	float: left;
	width: 100%;
	background: #E5E5E5;
	margin: 20px 0px 0px 0px;
}
/*--- Slideshow ---*/
#slideshow{
	width: 920px;
	height: 560px;
	float: left;
	background: #fff;
	border:solid 20px #fff;
	margin-bottom: 10px;
}

/*#slideshow img{
	width:920px; 
	height:560px;
}*/

/*--- Slides ---*/
#slides {
      display: none;
    	width:920px; 
		height:560px;
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../imagenes/slideshow/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../imagenes/slideshow/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px;
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px;
    }

    #slides a:link,
    #slides a:visited {
      color: #333;
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020;
    }

    .navbar {
      overflow: hidden;
    }


/*--- Contenido ---*/
#contenido{
	width: 960px;
	float: left;
}

#contenido article{
	float: left;
	margin-bottom: 20px;
	background: #E5E5E5;
	padding: 40px 20px;
}

#contenido article .titulo{
	font-size: 22px;
	font-family: Arial;
	font-weight: bold;
	color:#182542;
	margin: 0px 10px 0px 0px;
	margin-bottom: 10px;
	float: left; 
}

#contenido article .flecha{
	margin:10px;	
}

#contenido article .thumb{
	clear: both;
	width: 290px;
	height: 180px;
	float: right;
	margin:0px 10px 20px 20px;
}
#contenido article > p{
	color: #212526;
	font-size: 16px;
	text-align: justify;

}

#contenido .separador{
	width: 920px;
	height: 100px;
}

#contenido article .rojo{
	color: #A90329;
	font-size: 14px;
}

#contenido h4{
	clear: both;
	text-align: left; 
	font-size: 18px;
	margin: 100px 0px 20px 25px;
}

#contenido .piezas {
	font-weight: bold;
	margin: 0px 0px 0px 500px;
}

#contenido .colores {
	width:200px;
	margin: 0px 0px 70px 65px;
	padding: 20px 20px 0px 0px;
	float: left;
}

#contenido .colores div {	
	width:200px; 
	height:51px;
}

#contenido .coloresm {	
	float: left;
}

#contenido .coloresm div{
	clear: both;
	width: 150px;
	height: 51.5px;
}

#contenido article > ul{
	float: left;
	width: 920px;
	margin: auto;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#contenido article .galeria li{
	margin: 10px 10px;

}

#contenido article .galeria img{
	width: 280px;
	height: 360px;
}



/*--- Sidebar ---*/

/*aside{
	width: 220px;
	float: left;
	margin-left: 20px;
	background: #4d78b3;
	padding: 10px 10px 0px 10px;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	box-shadow: 0px 2px 2px #000;
		-moz-box-shadow: 0px 2px 2px #000;
		-webkit-box-shadow: 0px 2px 2px #000; 
}

aside .widget{
	margin-bottom: 10px;
	float: left;
}

aside .widget > h3{
	background:#fff;
	color:#4d78b3;
	width:220px;
	padding: 10px 0px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}

aside .widget a{color: fff;}
aside .widget ul li{margin-bottom: 5px;}
aside .widget img {width: 220px;}
*/

/*--- Footer ---*/

footer {
	width: 100%;
	float: left;
	clear: both;
	/*box-shadow: 0px 5px 5px #000;
		-moz-box-shadow: 0px 5px 5px #000;
		-webkit-box-shadow: 0px 5px 5px #000;*/
	background: #182542; /* Old browsers */
	background: -moz-linear-gradient(top,  #182542 0%, #000016 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #182542 0%,#000016 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #182542 0%,#000016 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182542', endColorstr='#000016',GradientType=0 ); /* IE6-9 */

}

footer section{
	width: 250px;
	float: left;
	padding: 10px 20px;
}

footer #acerca-de{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 14px;
	color:#D8D8D8;
	text-align: justify;
	line-height: 20px;
}

footer #acerca-de h3{
	font-family: "Arial", Helvetica;
	font-size: 20px;
	font-weight: bold;
	color: #D2A527;
	margin: 0px 10px 0px 0px;
	margin-bottom: 10px;
	float: left;
}

footer article .flech{
	margin: 10px;	
}


footer #mapa > div {
	background: #8c8c8c;
	width: 600px;
	height: 450px;
	padding: 7px;
	margin: 40px 10px 20px 20px;
	display: inline-block;
}

/*---Pie de pagina---*/

#copyright{
	float: left;
	width: 960px;
	height: 15px;
	padding: 15px 0px;
	margin: 10px 0px;
	background: #85b9db;
}

#copyright p{
	text-align: center;
	font-family:"Arial", Helvetica;
	font-size: 14px;
	color: #182542;
}