@charset "UTF-8";
/* CSS Document */



html, body {
		margin: 0;
		padding: 0;
		height: 100%;
		background:#f2f2f2;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#000;
 }
* {
	padding: 0px; 
	margin: 0px;}

a {
	text-decoration: none;
	color: #000;
}
.clear {
	clear: both;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}
ul {
	padding:0 20px;
	margin:0;}
	
div#mainPan {
	width: 1024px;
	margin: 0 auto;
	background:#FFF;
}
header {
	float: left;
	}
	
header h1{
	float: left;
	width: 286px;
	margin: 0;
	padding: 0;
	}
header h1 a {
	
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	width: 286px;
	text-indent: -99999px;
	height: 260px;
	background: url(../images/logo.png) center no-repeat;
	border-bottom: solid 4px #666;
	margin-right: 1px;
	-o-transition: border 0.5s ease-in;
  -ms-transition: border 0.5s ease-in;
  -moz-transition: border 0.5s ease-in;
  -webkit-transition:border 0.5s ease-in;
  /* ...and now for the proper property */
  transition:border 0.5s ease-in;
	}
header h1 a:hover {
	border-bottom: solid 4px #99cc33;}
header h2{
	float: left;
	width: 515px;
	padding: 33px 20px;
	color:#333;
	font-weight: normal;
	font-size: 14px;
	background: url(../images/diagonal2.png) left top no-repeat;
	opacity:0.4;
filter:alpha(opacity=40);
	margin: 0;
	}

header a.discom {
	float: right;
	width: 126px;
	/*padding: 30px 20px;*/
	color:#999;
	font-weight: normal;
	text-indent: -99999px;
	height: 100px;
	
	background: url(../images/logo-discom01.png) left top no-repeat;
	margin: 0;
	}
header nav#mainmenu{
	float: right;
	width: 738px;
	color:#999;
	font-weight: normal;
	font-size: 14px;
	margin-top: 1px;
	}
header nav#mainmenu a {
	display:block;
	float:left;
	width: 366px;
	margin-left: 1px;
	background: url(../images/diagonal2.png) -550px bottom no-repeat #f2f2f2;
	text-align:center;
	text-transform:uppercase;
	border-bottom: solid 4px #99cc33;
	padding: 93px 0 20px 0;
	-o-transition: background 0.5s ease-in, border 500ms ease-out;
  -ms-transition: background 0.5s ease-in, border 500ms ease-out;
  -moz-transition: background 0.5s ease-in, border 500ms ease-out;
  -webkit-transition:background 0.5s ease-in,border 500ms ease-out;
  /* ...and now for the proper property */
  transition:background 0.5s ease-in, border 500ms ease-out;
}

header nav#mainmenu a:hover {
	background:url(../images/diagonal2.png) right bottom no-repeat #e2e2e2;
	
	border-bottom: solid 4px #333;}
header nav#mainmenu a.actual {
	background:url(../images/diagonal2.png) right bottom no-repeat #ccc;
	
	border-bottom: solid 4px #333;}
	
header nav#submenu{
	 height: auto; /*Junto a overflow: hidden; aplicará a nuestro elemento nav el mismo alto que el más alto de sus elementos hijos */ 
            margin: 0 auto; /* Centro el contenedor */
            overflow: hidden;
            text-align: left;
            width: 1023px; /* Defino el ancho de mi página */
			margin-top: 1px;
			margin-right: 1px;
			background: #f2f2f2;
			border-top: solid 1px #FFF;
			display:table;
			
			
	}
header nav#submenu a{

display: table-cell;
background: #CCC;
text-align:center;
text-transform: uppercase;
padding: 15px 0;
border-right: solid 1px #FFF;
	-o-transition: background 0.5s ease-in;
  -ms-transition: background 0.5s ease-in;
  -moz-transition: background 0.5s ease-in;
  -webkit-transition:background 0.5s ease-in;
  /* ...and now for the proper property */
  transition:background 0.5s ease-in;
	}
header nav#submenu a:hover {
	background:#666;
	color: #FFF;
	}
header nav#submenu a.actual {
	background:#333;
	color:#FFF;}
section {
	float: left;
	width: 1024px;
	margin-bottom: 15px;
	}
section aside#left {
	float:left;
	width: 289px;
	background:url(../images/diagonal.png) left top no-repeat;
	
	text-align:center;
	padding-top: 50px;
	margin-top: 30px;
	}
section aside#left ul {
	list-style: none;
	margin: 25px 0;}
section aside#left ul li {
text-transform: uppercase;
padding: 15px 0px;
margin: 0 30px;
	border-bottom: solid 1px #99cc33;
	}
section aside#right {
	float:right;
	width: 668px;
	padding: 15px 0;
	padding-bottom: 30px;
	border-bottom: solid 1px #99cc33;}
section aside#right h2 {
	padding: 20px 8px 20px 0;
	border-bottom: solid 1px #99cc33;
	font-size: 16px;
	margin-bottom: 15px;
	text-transform: uppercase;
	}
section aside#right h3 {
	text-transform: uppercase;
	padding: 20px 8px 20px 0;}
section aside#right img.caixa {
	float:right;
	margin-left: 20px;
	}
section aside#right img.imagenizq {
	float:right;
	margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    height: 225px;
    width: 204px;
	}
section aside#right p {
	text-align: justify;
	width: 95%;
	padding:10px 0px;
	}
	

section aside#right ul {
	margin: 15px 0;}
section aside#right ul li {
	padding: 5px;}
section aside#right a:hover {
	text-decoration: underline;
	}
section aside#right ul#categorias {
	padding: 0;
	list-style:none;
			display:table;
			overflow: hidden;
			width: 100%;
			margin-top: 25px;
	}
section aside#right ul#categorias li{
	display: table-cell;
	background: url(../images/logo.png) center 10px no-repeat;
	background-size:80px;
	
background-repeat:no-repeat;
text-align:center;
text-transform: uppercase;
padding: 15px 0 0;
padding-top: 80px;
width: 167px;
	border: solid 1px #ccc;
	}
	
section aside#right ul#categorias li a {
	background:#FFF;
	border-bottom: solid 4px #99cc33;
	width: 100%;
	display:block;
	padding: 10px 0;
	padding-bottom: 20px;
	-o-transition: border 0.5s ease-in;
  -ms-transition: border 0.5s ease-in;
  -moz-transition: border 0.5s ease-in;
  -webkit-transition:border 0.5s ease-in;
  /* ...and now for the proper property */
  transition:border 0.5s ease-in;}
section aside#right ul#categorias li a:hover {
	border-bottom: solid 4px #666;}
footer {
	width: 1024px;
	padding: 25px 0;
	}
footer p{
	float: left;
	width: 515px;
	padding: 33px 20px;
	color:#999;
	font-weight: normal;
	font-size: 14px;
	background: url(../images/diagonal2.png) left top no-repeat;
	margin: 0;
	}
	footer a {
		display: block;
		text-align: right;
		padding: 15px 0;
	width: 98%;}
footer a img {
	
	height:99px;
	
	
	}
	

/*------------------------------------------- slider -------------------------------------------*/

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:200px;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	height: 100%;
	z-index:89;
	background-image: url(../images/diagonal3.png);
	background-repeat: no-repeat;
	background-position: left top;
	top: 100px;
}
.nivo-caption p, section#principal aside#left article .nivo-caption p{
	text-align:right;
	padding:25px 15px;
	margin:0;
	position: relative;
	top:140px;
	background:none;
	font-size: 18px;
	right: 350px;
}

.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:10%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#slider-wrapper {
	float: right;
	width:724px;
	height:200px;
	margin:0;
	padding:0;
}

#slider {
	position:relative;
    width:1024px;
    height:500px;
	background:url(imatges/vinyetes/load-indicator.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}
#slider small {
	display:block;
	margin-top: 25px;
}

.nivo-controlNav {
	position:absolute;
	left:220px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../imatges/vinyetes/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:50px;
	height:100px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-50px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}