@charset "utf-8";

/*-----------------ELEMENTS--------------------*/
* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

h1{
font: bold 29px Arial;
color: #8C6239;
margin:20px 10px 0 30px;
}

h1 span {
font: italic 14px Arial, Helvetica, sans-serif;
color:#fff;
margin:-30px 0 50px 20px;
position:absolute;
}

h2 {
font: italic 14px Arial, Helvetica, sans-serif;
color:#8C6239;
margin:0 15px 30px 50px;
}

h2 span {
color:#fff;
}

h3{
font: bold 17px Arial;
color: #4d4d4d;
margin:20px 10px 5px 50px;
text-transform:uppercase;
}

input, textarea {
	padding: 1px;
	border: 1px solid #ccc;
    -moz-box-shadow: 1px 1px 1px #e9e9e9;
    -webkit-box-shadow: 1px 1px 1px #e9e9e9;
    box-shadow: 1px 1px 1px #e9e9e9;
    font-size: 13px/100% Verdana, Tahoma, sans-serif;
	color: #666666;
	}

textarea {
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

	
/*--------------------LAYOUT--------------------*/	
	
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 width: 902px;
 float: left;
 padding: 10px;
 height: 70px;
 margin: 10px 0 0 0;
 background: #141317;
}
#navigation {
 float: left;
 width: 922px;
 color: #333;
 background: #fff;
}

#image-header {
height:200px;
border:2px solid #000;
padding:1px;
clear:both;
}

#leftcolumn { 
 color: #333;
 border: 1px solid #000;
 margin: 10px 10px 5px 0px;
 padding: 10px;
 width: 633px;
 float: left;
 background: #9B9B89;
}

#leftcolumn-int { 
 border: 1px solid #000;
 margin: 10px 10px 5px 0px;
 padding: 10px;
 width: 633px;
 float: left;
 background: #fff;
 min-height:637px;
}

#leftcolumn-pedido { 
 margin: 10px 10px 5px 0px;
 padding: 18px 10px 18px 18px;
 width: 250px;
 float: left;
 background: #E0E0E0;
}

#rightcolumn { 
 float: right;
 color: #333;
 margin: 10px 0px 5px 0px;
 width: 255px;
 display: inline;
 background: #fff;
}

#rightcolumn-pedido { 
 float: right;
 color: #333;
 margin: 10px 0px 5px 0px;
 width: 630px;
 display: inline;
 background: #fff;
 border: 1px solid #000;
}

#rightcolumn-faq {
width: 541px;
margin: 10px 0px 5px 0px;
padding:35px 35px 15px 53px;
background:#E0E0E0;
border: 1px solid #000;
float:right;
}

#footer { 
 width: 922px;
 clear: both;
 background: #fff;
 margin: 0px 0px 10px 0px;
 padding-top:20px;
}


/*--------------MENU----------------*/

#menu ul
{
  
}

#menu li
{
display: inline;
font-size:12px;
font-weight:bold;
}

#menu a { 

border-left: 1px solid #000;
padding: 5px 1.9em;
margin: 3px 0;
float:left;
}

#menu a:link, #menu a:visited
{
color: #000;
text-decoration: none;
text-transform:uppercase;
}

#menu a:hover 
{
color: #fff;
background-color: #A3AD11;
text-decoration: none;
}

#menu li a.current{
color: #fff;
background-color: #A3AD11;
text-decoration: none;
}

#menu li a.first{
border-left: none;
}

#menu li a.derecha {
float:right;
padding-right:19px;
}


/*---------------DERECHA----------------------*/

.caja-derecha{
border: thin solid #000;
background-color: #E6E6E6;
padding:20px 10px 10px 20px;
text-align:left;
margin-bottom:13px;
font:12px Arial, Helvetica, sans-serif;
}

.caja-derecha2{
border: thin solid #000;
background-color: #E6E6E6;
padding:10px 10px 10px 20px;
text-align:left;
margin-bottom:13px;
font:12px Arial, Helvetica, sans-serif;
}

/*.caja-derecha ul li{
list-style-type: none;
padding-left: 0;
margin-left: 0;
background: url(imgs/bullet.png) left no-repeat;
padding-left:15px; 
}

.caja-derecha ul li a {
text-decoration:none;
color:#000;
}
*/

.caja-derecha ol li {
margin-left:18px;
list-style-type: decimal;
margin-bottom:3px;
}


.caja-flechita {
text-align:right;
font-size:18px;
text-decoration:none;
color:#000;
}

.caja-flechita a {
text-decoration:none;
color:#000;
}

.caja-flechita2{
text-align:right;
font-size:18px;
text-decoration:none;
color:#000;
margin-top:-20px;
}

.caja-flechita2 a {
text-decoration:none;
color:#000;
}

.titulos-cajas{
font: bold 14px Arial;
color:#000;
text-transform:uppercase;
}

.titulos-cajas a {
text-decoration:none;
color:#000;
}

.texto-negro-cajas a{
font: 13px/1.2 Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000;
}



/*---------------OTHER ELEMENTS----------------*/

#cuadro-logo {
float:left;
width:300px;
margin:4px 0 0 4px;
}

#cuadro-logo-der {
float:right;
margin-right:9px;
margin-top:10px;
}

.titulos {
font: bold 29px Arial;
letter-spacing:-1px;
color:#fff;
margin:20px 10px 0 -5px;
}

.titulos-pedidos{
font: bold 29px Arial;
color: #8C6239;
letter-spacing:-1px;
}

.titulos-pedidos-peque{
font: bold 17px Arial;
color: #8C6239;
letter-spacing:-1px;
margin-bottom:-10px;
}

.titulos-pedidos-blanco{
font: bold 29px Arial;
color: #fff;
letter-spacing:-1px;
}

.titulos-pedidos-blanco-peque{
font: bold 17px Arial;
color: #fff;
letter-spacing:-1px;
}

.titulos-pedidos-gris{
font: bold 29px Arial;
color: #B2B2B2;
letter-spacing:-1px;
}

.titulos-pedidos-gris-peque{
font: bold 17px Arial;
color: #B2B2B2;
letter-spacing:-1px;
}
.texto-negro {
margin:0 30px 7px 50px;
font: 13px/1.2 Arial, Helvetica, sans-serif;
color:#000;
}

.texto-negro-peque {
font:9px Arial, Helvetica, sans-serif;
color:#000;
margin:10px 0;
}

.texto-marron {
margin:0 30px 20px 50px;
font: 12px/1.2 Arial, Helvetica, sans-serif;
color:#8C6239;
}

.texto-marron-normal {
margin-left:50px;
font: 12px/1.2 Arial, Helvetica, sans-serif;
color:#8C6239;
}

.texto-marron-normal a{
font: 12px/1.2 Arial, Helvetica, sans-serif;
color:#8C6239;
text-decoration: none;
}

.texto-marron-normal a:hover{
font: 12px/1.2 Arial, Helvetica, sans-serif;
color:#8C6239;
text-decoration:underline;
}


.texto-marron-sin {
font: 12px/1.2 Arial, Helvetica, sans-serif;
color:#8C6239;
}

.texto-gris {
margin:0 30px 20px 50px;
font: 12px/1.2 Arial, Helvetica, sans-serif;
color:#333;
}

.texto-gris-normal {
font: 12px/1.2 Arial, Helvetica, sans-serif;
color:#333;
}

.texto-gris-peque {
font: 10px/1.2 Arial, Helvetica, sans-serif;
color:#333;
}

.texto-gris-margen {
margin:0 30px 20px 70px;
font: 12px/1.2 Arial, Helvetica, sans-serif;
color:#333;
}

.texto-blanco-peque {
font: 12px Arial, Helvetica, sans-serif;
color:#fff;
margin-left:50px;
}

.texto-blanco-peque a{
text-decoration:none;
color:#fff;
}


.caja1 {
float:left;
margin-left:45px;
margin-top:10px;
}

.caja2 {
float:right;
margin-right:40px;
margin-bottom:40px;
margin-top:10px;
}

.caja1-pedido {
float:left;
margin-left:65px;
margin-top:10px;
}

.caja2-pedido {
float:right;
margin:10px 40px 40px 0;
width:260px;
}

.clear {
clear: both;
}

.boton {
float:right;
margin-right:20px;
margin-bottom:15px;
clear:both;
}

.boton a{
display: block;
background-image:url(imgs/boton-grisoscuro.png);
height:38px;
width:250px;
border:0;
-moz-box-shadow: none;
}

.boton a:hover{
display: block;
background-image:url(imgs/boton-grisoscuro.png);
height:38px;
width:250px;
opacity:0.75;
filter:alpha(opacity=75);
border:0;
-moz-box-shadow: none;
}

.boton-continuar {
float:right;
margin-right:20px;
margin-bottom:15px;
clear:both;
display: block;
background-image:url(imgs/continuar.png);
height:38px;
width:156px;
border: 0;
-moz-box-shadow:none;
}

.boton-continuar:hover{
display: block;
background-image:url(imgs/continuar.png);
height:38px;
width:156px;
-moz-box-shadow:none;
opacity:0.75;
filter:alpha(opacity=75);
border: 0;
}

.boton-enviar{
display: block;
background-image:url(imgs/enviar.png);
border:0;
-moz-box-shadow:none;
}

.boton-enviar:hover{
display: block;
background-image:url(imgs/enviar.png);
opacity:0.75;
filter:alpha(opacity=75);
border:0;
-moz-box-shadow:none;
}


/*---------------EXTRAS----------------------*/

#table-container {
margin-left:50px;
}
.element {
width:165px;
float:left;
border:thin solid #000;
padding:3px 5px 3px 5px;
margin: 3px;
color:#fff;
}

.element-texto {
width:180px;
float:left;
margin: 3px;
margin-bottom:25px;
}



/*---------------FOOTER----------------------*/

#column1 {
float: left; 
width: 240px;
padding:10px;
}

#column2 {
float: left; 
width: 210px;
padding:10px;
}

#column3 {
float: left; 
width: 210px;
padding:10px;
}

#column4 {
float: left; 
width: 180px;
padding:10px;
text-align:right;
}

.linea1{
height:3px;
background-color:#000;
}

.linea2 {
margin-top:1px;
height:2px;
background-color:#9B9B89;
}

.linea3{
clear:both;
height:1px;
background-color:#B2B2B2;
}

.linea4{
margin-top:1px;
height:1px;
background-color:#B2B2B2;
}

.tit-footer{
color: #B2B2B2;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-bottom:4px;
font-weight:bold;
}

.tit-footer a{
color: #B2B2B2;
text-decoration:none;
}

.tit-footer a:hover{
color: #B2B2B2;
text-decoration:underline;
}

.sub-tit-footer{
color: #B2B2B2;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:5px;
}

.sub-tit-footer a{
color:#B2B2B2;
text-decoration:none;
}

.sub-tit-footer a:hover{
color: #B2B2B2;
text-decoration:underline;
}

.orbitalia {
font:11px Arial, Helvetica, sans-serif;
color: #B2B2B2;
margin:7px 0;
}
.orbitalia a{
color: #B2B2B2;
text-decoration:none;
}
