/* -- CSS Reseter -- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
	text-align: left;
	font-family: Arial, sans;
}

:focus {
	outline: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

a img, iframe {
	border: none;
}


input, textarea, select, button {
	font-size: 100%;
}

select {
	margin: inherit;
}

/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }


/* ==================== clearfix ======================= */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*.clearfix {display: inline-block;}*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}




/** -----------------------------------Enlaces, hr, td... -----------------------------------**/
a:link, a:active{
	color:#000;
	text-decoration:none;
}

a:hover, a:visited{
	color:#000;
	text-decoration:underline;
}

h1 {
color:#000;
font-size:14px;
font-weight:bold;
text-align:center;
}

h2 {
color:#000;
font-size:14px;
padding-bottom:15px;
}

p {
font-size:12px;
text-align:justify;
color:#000;
}

p:first-letter {
padding-left:25px; 
}

li {
font-size:12px;
text-align:justify;
color:#000;
list-style-type: none;
}

li:first-letter {
padding-left:25px; 
}

/* ----------------------------------- body ----------------------------------- */


body{
	width:769px;
	height: auto;
	margin: 1em auto; /*con este valor quedará centrado,
						 no hace falta repetir otra vez 0 
						 auto porque ahora mismo el 0 se refire
						 a arriba y abajo, y el auto a los lados*/
	font-size: 11pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:center;
	line-height:1.4em;
	background:#272727;
	color:#555;
	padding-top:40px;
}


/** ----------------------------------- Divs de la página ----------------------------------- **/

#header {
margin:0 auto;
border-style:dotted;
border-width:0px;
background:#fdfdfd;
}

#container {
width:769px;
height:auto;
background:#fdfdfd;
}


#cuerpo {
width:769px;
height:auto;
border-style:dotted;
border-width:0px;
background:#fdfdfd;
}


#libro {
background:#fff  url('images/libro.jpg') no-repeat;
width:750px;
height:auto;
border-style:dotted;
border-width:1px;
}

#contenido {
width:auto;
height:auto;
border-style:dotted;
border-width:0px;
background:#fdfdfd;
}

#footer {
width:769px;
height:auto;
border-style:dotted;
border-width:0px;
background:#272727;
}

#footer #pie p a {
color:#0033CC;
text-decoration:none;
}

#footer #pie p a:hover {
color:#3333FF;
text-decoration:none;
}

#footer #pie p a:visited {
color:#0033CC;
text-decoration:none;
}

#pie {
padding:20px 20px 20px 10px;
}

/** ----------------------------------- Navegacion Principal ----------------------------------- **/
#navcontainer ul {
padding-left: 0;
margin-left: 0;
background-color: #333;
color: White;
float:left;/* al poner display inline no llega hasta el final de la navegación, si le pongo float:left; sí llega al final */
width: 100%;
font-size:13px;
}

#navcontainer ul li { 
display: inline; 
}

#navcontainer ul li a {
padding: 0.6em 1.1em;
background-color: #333;
color: White;
text-decoration: none;
float: left;
border-right:1px solid #fff;
}

#navcontainer ul li a:hover {
background:#ccc;
color:#000;
}
	
#navcontainer ul#navlist li#active a {
background:#777;
color:#fff;
}



/** ----------------------------------- index.html ----------------------------------- **/
#cuerpo #contenido{
margin:30px 30px 30px 30px;   /*el margen superior no sale en firefox!!!!*/
border-width:0px;
}

#cuerpo #contenido h1{   /*Esto hace falta para firefox pero no para explorer*/
margin-top:30px; 
margin-bottom:10px;  
}

#cuerpo #contenido p a {
color:#777;
text-decoration:underline;
}

#cuerpo #contenido p a:hover {
color:#ccc;
text-decoration:underline;
}

#cuerpo #contenido p a:visited {
color:#777;
text-decoration:underline;
}

/** ----------------------------------- contacta.html ----------------------------------- **/
#contacto {
margin:60px 200px 60px 250px;   /*el margen superior no sale en firefox!!!!*/
width:auto;
height:auto;
border-style:dotted;
border-width:0px;
background:#fdfdfd;
}

#container #cuerpo #contacto #contacta h1 {
text-align:left;
font-size:16px;
}

#container #cuerpo #contacto #contacta p {
text-align:left;
font-size:12px;
}

/** ----------------------------------- gracias-por-su-consulta.html ----------------------------------- **/
#gracias {
margin:200px 170px 200px 170px;   /*el margen superior no sale en firefox!!!!*/
width:auto;
height:auto;
border-style:dotted;
border-width:0px;
background:#fdfdfd;
}

#container #cuerpo #contacto #contacta p {
text-align:left;
font-size:12px;
}

/** ----------------------------------- comprar-snowboard.html ----------------------------------- **/
#comprar {
margin:100px 70px 100px 70px;   /*el margen superior no sale en firefox!!!!*/
width:auto;
height:auto;
border-style:dotted;
border-width:0px;
background:#fdfdfd;
}

#container #cuerpo #comprar p {
text-align:justify;
font-size:12px;
text-indent:20px;
}

#container #cuerpo #comprar h1 {
text-align:center;
font-size:14px;
font-weight:bold;
padding-bottom:15px;
}

#container #cuerpo #comprar p  span#surfysnow{
font-size:12px;
color:#FF9933;
}

#container #cuerpo #comprar p a {
color:#777;
font-size:12px;
text-decoration:underline;
}

#container #cuerpo #comprar p a:visited {
color:#777;
font-size:12px;
text-decoration:underline;
}

#container #cuerpo #comprar p a:hover {
color:#ccc;
font-size:12px;
text-decoration:underline;
}

#container #cuerpo #comprar p #logo a{
padding-left:350px;
display: block;
}

/** ----------------------------------- manual-snowboard ----------------------------------- **/
#manual {
padding:0px;
margin:20px 0px 20px 25px;   /*el margen superior no sale en firefox!!!!*/
width:540px;
height:auto;
border-style:dotted;
border-width:0px;
background:#fdfdfd;
}

#manual_col {
padding:0px;
margin:10px 8px 20px 0px;   /*el margen superior no sale en firefox!!!!       arriba derecha abajo izquierda                 ancho: margin + padding + border + contenido + border + padding + margin*/  
width:160px;
height:auto;
float:right;
border-style:dotted;
border-width:0px;
background:#fdfdfd;
}

#container #cuerpo #manual h1 {
text-align:center;
font-size:16px;
margin-top:60px;       /*sólo para firefox*/
margin-bottom:10px;
}

#container #cuerpo #manual h2 {
text-align:center;
font-size:16px;
font-weight:bold;
margin-top:20px;     
margin-bottom:0px;
}

#container #cuerpo #manual p {
text-align:justify;
font-size:12px;
padding-top:8px;
}

#container #cuerpo #manual p  a {
font-size:12px;
color:#777;
text-decoration:underline;
}

#container #cuerpo #manual li a {
font-style:italic;
color:#777;
text-decoration:none;
}

#container #cuerpo #manual ul li#cat {
padding-left:30px;
text-align:left;
}

#container #cuerpo #manual ul li#subcat {
padding-left:50px;
text-align:left;
}

#container #cuerpo #manual ul li#b {
font-weight:bold;
}

#container #cuerpo #manual ul li#b2 {
font-weight:bold;
padding-left:50px;
}

#container #cuerpo #manual li a:hover {
font-style:italic;
color:#ccc;
text-decoration:none;
}

#container #cuerpo #manual p  a:hover {
font-size:12px;
color:#ccc;
text-decoration:underline;
}

#container #cuerpo #manual p  a:visited {
font-size:12px;
color:#777;
text-decoration:underline;
}

#container #cuerpo #manual p#foto {
padding:9px;
display: block;
text-align:center;
}

#container #cuerpo #manual tr td#izq {
text-align:center;
padding-left:100px;
}

#container #cuerpo #manual tr td#dcha {
text-align:right;
padding-left:150px;
}

#container #cuerpo #manual  tr td#small_izq {
text-align:center;
padding-left:100px;
}

#container #cuerpo #manual  tr td#small_izq a {
text-decoration:none;
font-size:12px;
color:#777;
font-weight:bold;
}

#container #cuerpo #manual tr td#small_dcha {
text-align:center;
padding-left:150px;
}

#container #cuerpo #manual  tr td#small_dcha a {
text-decoration:none;
font-size:12px;
color:#777;
font-weight:bold;
}



#container #cuerpo #manual_col p#banner {
padding-top:0px;
padding-bottom:20px;
display: block;
}

#container #cuerpo #manual_col p#banner2 {
padding-top:200px;
padding-bottom:20px;
display: block;
}

#container #cuerpo #manual_col p#banner3 {
padding-top:200px;
padding-bottom:20px;
display: block;
}

#container #cuerpo #manual_col p#banner4 {
padding-top:200px;
padding-bottom:20px;
display: block;
}

#container #cuerpo #manual_col p#banner5 {
padding-top:200px;
padding-bottom:20px;
display: block;
}

#container #cuerpo #manual_col p#banner6 {
padding-top:200px;
padding-bottom:20px;
display: block;
}

#container #cuerpo #manual_col ul li {
float:left;       /*para que la lista esté en la izquierda de la columna*/
padding-left:0px;
color:#777;
line-height:14px;
}

#container #cuerpo #manual_col ul li#nivel0{
text-align:center;
font-weight:bold;
font-family:Vivaldi, Radagund, Mistral;
font-size:14px;
list-style-type:none;
padding-left:0px;
padding-bottom:10px;
}

#container #cuerpo #manual_col ul li#nivel1{
text-align:left;
font-size:11px;
font-style:italic;
list-style-type:none;
list-style-position:inside;
padding-left:0px;
padding-bottom:2px;
}

#container #cuerpo #manual_col ul li#nivel2{
text-align:left;
font-size:11px;
list-style-type:none;
list-style-position:inside;
margin-left:15px;
padding-bottom:0px;
}

#container #cuerpo #manual_col #nivel1_on a{
color:#242424;
}

#container #cuerpo #manual_col ul li#nivel3{
text-align:left;
font-size:11px;
list-style-type:none;

padding-bottom:0px;
margin-left:30px;
}

#container #cuerpo #manual_col #nivel1_on a{
color:#242424;
}

#container #cuerpo #manual_col a {
text-decoration:none;            /* le quito en firefox el subrayado pq se me va hasta el margen*/
font-style:italic;
color:#777;
}

#container #cuerpo #manual_col a:hover {
text-decoration:none;            /* le quito en firefox el subrayado pq se me va hasta el margen*/
font-style:italic;
color:#ccc;
}

#container #cuerpo #manual_col a:visited {
text-decoration:none;            /* le quito en firefox el subrayado pq se me va hasta el margen*/
font-style:italic;
color:#777;
}

#container #cuerpo #manual p#small {
font-size:10px;
font-style:italic;
padding-top:0px;
padding-bottom:0px;
line-height:10px;
}

#container #cuerpo #manual p#leyenda {
font-size:10px;
font-style:italic;
padding-left:70px;
padding-right:70px;
padding-top:0px;
padding-bottom:0px;
line-height:10px;
}

#container #cuerpo #manual p#remarcar {
font-size:13px;
padding-top:15px;
padding-bottom:0px;
text-align:center;
}

#container #cuerpo #manual a#link_interno {
color:#000;
text-decoration:none;
font-style:italic;
}

#container #cuerpo #manual ul.lista{
padding-bottom:8px;
}

#container #cuerpo #manual ul.lista li{
padding-top:12px;
}

#container #cuerpo #manual p#interno{
padding-left:40px;
padding-right:40px;
font-style:italic;
font-size:12px;
}













#libro_left {
padding:0px;
margin:0px 0px 60px 0px;   /*el margen superior no sale en firefox!!!!*/
width:244px;
height:400px;
border-style:dotted;
border-width:0px;
background:#fff  url('images/libro_left.jpg') no-repeat;
display: block;
position:relative;
top:29px;
left:25px;

}

#libro_right {
padding-top:20px;
margin:0px 0px 0px 0px;   /*el margen superior no sale en firefox!!!!       arriba derecha abajo izquierda                 ancho: margin + padding + border + contenido + border + padding + margin*/  
width:256px;
height:400px;
float:right;
border-style:dotted;
border-width:0px;
background:#fff  url('images/libro_right.jpg') no-repeat;
display: block;
position:relative;
top:29px;
left:-20px;
}

#container #cuerpo #libro_left ul{
padding-top:14px;
}

#container #cuerpo #libro_left ul li#nivel0{
text-align:left;
font-weight:bold;
font-family:Vivaldi, Radagund, Mistral;
font-size:18px;
list-style-type:none;
padding-left:10px;
padding-bottom:10px;
}

#container #cuerpo #libro_left ul li#nivel1{
text-align:left;
font-size:11px;
font-style:italic;
list-style-type:none;
list-style-position:inside;
margin-left:0px;
padding-bottom:2px;
padding-left:15px;
line-height:15px;
}

#container #cuerpo #libro_left ul li#nivel1_on {
color:#242424;
padding-left:15px;
list-style-type:none;
}

#container #cuerpo #libro_left #nivel1_on a {
color:#444;
}

#container #cuerpo #libro_left ul li#nivel2{
text-align:left;
font-size:11px;
list-style-type:none;
list-style-position:inside;
padding-left:35px;
padding-bottom:0px;
line-height:14px;
}

#container #cuerpo #libro_left ul li#nivel2_on {
color:#242424;
padding-left:35px;
list-style-type:none;
}

#container #cuerpo #libro_left #nivel2_on a {
color:#444 ;
}

#container #cuerpo #libro_left ul li#nivel3{
text-align:left;
font-size:11px;
list-style-type:none;
line-height:12px;
padding-bottom:0px;
margin-left:60px;
}

#container #cuerpo #libro_left ul li#nivel3_on {
color:#242424;
padding-left:60px;
list-style-type:none;
}

#container #cuerpo #libro_left #nivel3_on a {
color:#444 ;
}

#container #cuerpo #libro_right ul li#nivel1{
text-align:left;
font-size:11px;
font-style:italic;
list-style-type:none;
list-style-position:inside;
margin-left:0px;
padding-left:5px;
line-height:15px;
}

#container #cuerpo #libro_right ul li#nivel1_on {
color:#444;
padding-left:10px;
list-style-type:none;
}

#container #cuerpo #libro_right #nivel1_on a {
color:#444;
}

#container #cuerpo #libro_right ul li#nivel2{
text-align:left;
font-size:11px;
font-style:italic;
list-style-type:none;
list-style-position:inside;
margin-left:0px;
padding-left:25px;
line-height:14px;
}

#container #cuerpo #libro_right ul li#nivel2_on {
color:#444;
padding-left:25px;
list-style-type:none;
}

#container #cuerpo #libro_right #nivel2_on a {
color:#444 ;
}

#container #cuerpo #libro_left a, #container #cuerpo #libro_right a {
text-decoration:none;            /* le quito en firefox el subrayado pq se me va hasta el margen*/
font-style:italic;
color:#777;
}

#container #cuerpo #libro_left a:hover, #container #cuerpo #libro_right a:hover  {
text-decoration:none;            /* le quito en firefox el subrayado pq se me va hasta el margen*/
font-style:italic;
color:#ccc;
}

#container #cuerpo #libro_left a:visited, #container #cuerpo #libro_right a:visited  {
text-decoration:none;            /* le quito en firefox el subrayado pq se me va hasta el margen*/
font-style:italic;
color:#777;
}