body {
	margin: 20px 0;
	padding: 0;
	background: #FF9500 url(images/fonsBody.gif);
	font: normal .7em Verdana,Tahoma, Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	font-size: .8em;
	color: #999E88;
}

.red{
	color:#A71615; 
}
a {
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #BD4F21;
}
h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #BD4F21;
}



/**************[[ CAPA GENERAL ]]************************/

#general {
   margin: 0 auto ;
   padding:0;	
   text-align: left;
   width:860px;
}

/**************[[ CONTENT ]]************************/

#content {
	clear:both;
	margin:-5px 0px;	
	width: 100%;		
	height:480px; 
	background: #FFF url(images/FonsCos.gif) repeat ;
}

/**************[[ FOOTER ]]************************/

#footer { 
	clear: both;
	height: 30px;
	color: #000;	
	padding:5px;
	font-size: 70%;	
	text-align: center;	
	background: url(images/Footer.gif) no-repeat;	
}

/**************[[ CAPA HEADER ]]************************/

#header {
	position: relative;
    clear:left;
    width:100%;
	height: 103px; 
	margin: 0; 
	padding: 0;
	background: url(images/Header.gif) no-repeat center;
}

/*************** Boxed *****************/

.boxed {
	width: 220px;
	margin: 5px 0px 30px 15px;
	background: #FFF;
}

.boxed .heading {
	color: #000;
	text-align:center;
	margin: 5px 0px 0px 0px;
	padding: 6px 6px;
	background: url(images/TitleBox.gif) no-repeat center bottom;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
}

.boxed .content {
	position: relative;
	margin: 0;
	padding: 5px 24px 10px 20px;
	background: url(images/CosBox.gif) no-repeat center bottom;
}

.boxed ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

.boxed li {
	padding: 6px 0;
	border-top: 1px dotted #939A3C;
	padding-left: 10px;
	background: url(images/img4.gif) no-repeat left center;
	text-decoration: none;
	color: #A71615;
}

.boxed li.first {
	border: none;
}
.boxed a {
	text-decoration: none;
}

/***********************************************/
/**************[[ COS ]]************************/

#cos{
	position:absolute;
	margin-left:245px;
	margin-top:-328px;
	width:600px;
	height:400px;
	background: url(images/Cos.gif) no-repeat;
}

.subtitolCos{
	padding:10px 0px;
	font: Verdana,Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #A71615;
	border-bottom: solid 3px black;
}

.textCos{
	padding:10px 0px;
	font: Verdana,Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#3b3b3b;
}

.textArtista{
	padding:5px 0px;
	font: Verdana,Tahoma, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color:#3b3b3b;
}

.textOtros{
	font: normal .7em Verdana,Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #A71615;
}

.yellow{
	color:#e7a11b;
	font-weight: bold;
	font:Verdana,Tahoma, Arial, Helvetica, sans-serif;
}

.linkPdf{	
	color: #000000;
	text-decoration: none;
}
.linkPdf:hover{	
	color: #000000;
	text-decoration:underline;
	cursor:hand;
	cursor:pointer;
}

.titleLink{
	color: #000000;
	text-decoration: none;
}

.titleLink:hover{
	color: #000000;
	text-decoration:underline;
	cursor:hand;
	cursor:pointer;
}

/***********************************************/
/**************[[ MENU ]]************************/

#menuh{
	position:absolute;
	margin-left:295px;
	margin-top:-377px;
	width:600px;
	background: url(images/Menu.gif) no-repeat;
}

/***********************************************/
/*******************[MENU HORITZONTAL]**********************/
#menuh ul{
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 8pt;
  margin-left:25px;
}

#menuh ul li{
  float: left;
  padding: 10px;
  display: block;
}

#menuh ul li a{
  display: block;
  overflow: hidden;
  height: 75px;
  width: 35px;
}

#menuh #a1{
  width: 160px;
}

#menuh ul li img{
  position: absolute;
}

#menuh ul li p{
  margin: 0;
  padding: 0;
  width: 120px;
  display: block;
  margin-left: 40px;
  color:#000;
  font-size:8pt;
  font-family: Arial;
  font-style: normal; 
  font-weight:normal;
}
/***********************************************************/

/***********************************************************/
/**************** [ VIDEO PRESENTACION ] *******************/

#presentacion{
	position:absolute;
	background: url(images/videoPresentacion.gif) no-repeat;
	width: 220px;
	margin: 3px 0px 0px 22px;
	padding: 0px 0px 10px 20px;
	height:90px;
	cursor:hand;
	cursor:pointer;
}

#presentacion .centerToTd{
	padding:17px 0px 0px 10px;
}
/***********************************************************/
/******************* [ ALTRES ] ****************************/


#barraCosHome{
	background: url(images/barraCosHome.gif) no-repeat;
}

#barraCosGaleria{
	background: url(images/barraCosGaleria.gif) no-repeat;
}

#barraCosComo{
	background: url(images/BarraCosComo.gif) no-repeat;
}

#barraCosQueNecesitas{
	background: url(images/barraCosQueNecesitas.gif) no-repeat;
}


#otrosCos{
	background: url(images/libro.gif) no-repeat;
}

/*************************************************************/
/******************* [ IMPROMPTU ] ****************************/

.otrosProductosfade{
      position: absolute;
      background-color: #000000;
}

div.otrosProductos{
      width: 600px;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      position: absolute;
      background-color: #ffffff;
      font-size: 11px;
      text-align: left;
      border: solid 1px #eeeeee;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 7px;
}

div.otrosProductos .otrosProductoscontainer{
      font-weight: bold;
}
div.otrosProductos .otrosProductosclose{
      position: absolute;
      top: 4px; right: -2px;
      width: 18px;
      cursor: default;
      color: #bbbbbb;
      font-weight: bold;
}
div.otrosProductos .otrosProductosmessage{
      padding: 10px;
      line-height: 20px;
      color: #444444;
}
div.otrosProductos .otrosProductosbuttons{
      text-align: right;
      padding: 5px 0 5px 0;
      border: solid 1px #eeeeee;
      background-color: #f4f4f4;
}
div.otrosProductos button{
      padding: 3px 10px;
      margin: 0 10px;
      background-color: #e6741a;
      border: solid 1px #f4f4f4;
      color: #ffffff;
      font-weight: bold;
      font-size: 12px;
}
div.otrosProductos button:hover{
      background-color: #728A8C;
}
div.otrosProductos button.otrosProductosdefaultbutton{
      background-color: #e6741a;
}
div.otrosProductos .subtitolCos{
	padding:10px 0px;
	font: Verdana,Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #e6741a;
	border-bottom: solid 3px black;
}
.otrosProductoswarning .otrosProductos .otrosProductosbuttons{
      background-color: #e6741a;
}

.jqifade{
      position: absolute;
      background-color: #000000;
}
div.jqi{
      width: 300px;
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      position: absolute;
      background-color: #ffffff;
      font-size: 11px;
      text-align: left;
      border: solid 1px #eeeeee;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 7px;
}
div.jqi .jqicontainer{
      font-weight: bold;
}
div.jqi .jqiclose{
      position: absolute;
      top: 4px; right: -2px;
      width: 18px;
      cursor: default;
      color: #bbbbbb;
      font-weight: bold;
}
div.jqi .jqimessage{
      padding: 10px;
      line-height: 20px;
      color: #444444;
}
div.jqi .jqibuttons{
      text-align: right;
      padding: 5px 0 5px 0;
      border: solid 1px #eeeeee;
      background-color: #f4f4f4;
}
div.jqi button{
      padding: 3px 10px;
      margin: 0 10px;
      background-color: #e6741a;
      border: solid 1px #f4f4f4;
      color: #ffffff;
      font-weight: bold;
      font-size: 12px;
}
div.jqi button:hover{
      background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{
      background-color: #e6741a;
}
div.jqi .subtitolCos{
	padding:10px 0px;
	font: Verdana,Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #e6741a;
	border-bottom: solid 3px black;
}
.jqiwarning .jqi .jqibuttons{
      background-color: #e6741a;
}