@charset "utf-8";

@import url(navegacion.css);

body {
	position : relative;/*-------------------------*/
    background-color:#999999;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background-image:url(imgs/fondoxx.gif);
    background-repeat:y;
    background-position:50% 0;
    background-attachment:fixed;

}
a {
    text-decoration:none;
}

#general {
	position : relative;/*-------------------------*/
    background-color: rgba(0, 0, 2, 0.1);
    width:950px;
    margin:0 auto;
    box-shadow:0 4px 8px #333;
}
#encabezado {
    /*background-image:url(imgs/encabezado.jpg);*/
	background-color:rgba(0, 0, 200, 0.3);
    padding:1em 2em;
	border : #fff solid 5px;/*-------------------------*/
}
#encabezado img {
    margin-right:16px;
    border:none;
}
#encabezado h1 {
    margin:0;
    /*text-align:center;*/
}
#encabezado a {
    color:#FFCC99;
}
#encabezado a:hover {
    color:#aaa;
}
#navegacion {
	border : #fff solid 5px;/*-------------------------*/
	border-top: none;
}
#navegacion h2 {
    display:none;
}
#navegacion ul {
    list-style-type:none;
    padding:1em 16px;
    padding-bottom:0.5em; /* Igual que #navegacion a */
    margin:0; /* IE hack */
    text-align:center;
}
#navegacion li {
    display:inline; /* Aparece el menú en horizontal */
    margin:0 1em;
}
#navegacion a {/*si hubiera un display:block; no podríamos ponerlo en linea*/
    font-weight:bold;
    padding:0.5em;
    padding-bottom:0.5em; /* igual que #navegacion ul */
    color:#CC0000;
    border-top-left-radius:16px;
    border-top-right-radius:16px;
}
#navegacion a:visited {
    color:#fff;
}
#navegacion a:hover {
    background-color:#fff;
    color:#660000;
}
#contenido {
	border : #fff solid 5px;/*-------------------------*/
	border-top: none;
	background-color:rgba(0, 0, 100, 0.4); 
	padding:1em 3em;
	line-height:1.6em;
	color: #fff;
/*
            column-count:2;
       -moz-column-count:2;
    -webkit-column-count:2;

            column-gap:3em;
       -moz-column-gap:3em;
    -webkit-column-gap:3em;

            column-rule:2px solid #fc9;
       -moz-column-rule:2px solid #fc9;
    -webkit-column-rule:2px solid #fc9;
*/
}
#pie {
    background-color:rgba(0, 10, 10, 0.5);
    color:#FFCC99;
    clear:both;
    padding:0.5em 1em;
}
#pie p {
    margin:0;
}


#general #subgeneral #contenido legend {
	text-align: center;
	border-bottom: 1px solid #03F;
	font-family:Verdana,sans-serif;
	font-variant:small-caps;
	border:1px solid white;
	border-radius:12px;
	box-shadow:2px 2px 6px white;
	margin: 15px;
	padding-right: 15px;
	padding-left: 15px;	
}


#general #subgeneral #contenido p {
	text-align: justify;
}


#descuento {
	color: red;
	font-size: 1.5em;
}