/* CSS Document */

/* 
-------------------------------------------------------------------
GENERAL 
-------------------------------------------------------------------
*/

* {
margin:0;
padding: 0px;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color: #659999;
background: #E9F1F2;
}

h1 {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:1.5em;
color: #990000;
}

h2 {
font-size: 1.1em;
color: #FF9900;
padding: 15px 0 5px 0;
}

h3 {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#336666;
padding: 0 0 20px 0;
}

h5 {
color: #FF0000;
font-size:3.5em;
font-weight:bold;
font: "Arial", Helvetica, sans-serif;
}

a {
color: #659999;
text-decoration:none;
}

a:hover {
color: #FF9900;
}

/* 
-------------------------------------------------------------------
FORMULARIOS 
-------------------------------------------------------------------
*/

form {
width:300px;
padding: 10px 0 0 30px;
}

form h2 {
padding: 15px 0 5px 0px;
}

label {
font-size:1em;
color: #336666;
}

.campo {
color: #999966 ;
font-size:1.3em;
width:280px;
border:1px solid #ddeaf7;
border-bottom:3px solid #ddeaf7;
margin-bottom:10px solid #ddeaf7;
background-color:#FFFFFF;
padding:3px;
}

.campo:hover {
border:1px solid #FFFFFF;
border-bottom:3px solid #FFFFFF;
}

.comentario {
color: #999966;
font-size:1.5em;
width: 330px;
height: 200px;
border:1px solid #ddeaf7;
border-bottom:3px solid #ddeaf7;
margin-bottom:10px;
padding:3px;
}

.comentario:hover {
border:1px solid #FFFFFF;
border-bottom:3px solid #FFFFFF;
}

.boton {
border:1px solid #369;
padding:3px;
color:#FFFFFF;
background-color:#369;
}

.boton:hover {
border:1px solid #369;
padding:3px;
color:#369;
background-color:#ffffff;
}

/* 
-------------------------------------------------------------------
CLASES 
-------------------------------------------------------------------
*/

.titulo {
font-size:0.9em;
color:#336666;;
font-weight:bold;
}

.motos {
color:  #CC3300;
font-size:1.2em;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

.copy {
font-size: 0.8em;
color: #CCCC33;
}

.encabezado {
color: #0099CC;}

.align_midle {
position:relative;
vertical-align:middle;
margin:auto;
}

.float_left {
float:left;
}

.float_rigth {
float:right;
clear:both;
padding: 0 30px 10px 0;
}

.lista {
font-size:0.8em
}

.lista ul {
padding:5px 0 30px 0px;
}

.lista ul li {
display:inline;
list-style:none;
}

.promo {
color: #FF0000;
font-size:3.5em;
font-weight:bold;
font: "Arial", Helvetica, sans-serif;
}

.fecha {
color: #006666;
font-size:0.9em;
}

/* 
-------------------------------------------------------------------
ESTRUCTURA 
-------------------------------------------------------------------
*/

#contenedor {
width:100%;
background-image:url(../images/bg.gif);
background-repeat:repeat-x;
}

#contenido {
margin: 0px auto 0 auto;
width:705px;
}

#fondo { 
background-image:url(../images/bg_contenido.gif);
background-repeat:repeat-y;
}

#borde {
border:1px dotted #CCCCCC;
width: 380px;
padding:10px 0 0 10px;
}

#columna_izq {
float:left;
width:235px;
}

#columna_izq p {
padding: 0 20px 10px 30px;
}

#columna_izq ul li {
list-style:none;
display: list-item;
padding: 0 20px 5px 30px;
}

#columna_der {
width:380px;
float:right;
padding: 0 50px 0 0;
clear: right; /* > ie fix */
}

#columna_der p {
font-size:1em;
padding: 5px 0 10px 0;
}

#columna_der li {
list-style:none;
font-size:0.9em;
padding: 0 0 10px 5px;
}


#limpia {
clear:both;
}

#promociones {
padding: 20px 50px 0 30px;
width:350px;
min-height:140px;
background-image:url(../images/bg_promo.gif);
background-repeat:repeat-y;
}

#promociones h2 {
font-size:1.5em;
color: #33CCCC;}

#promociones h4 {
font-size:2.1em;
color: #CC0000;}


#promociones_pie {
min-height:30px;
background-image:url(../images/bg_pie_promo.gif);
background-repeat: no-repeat;

}

#pie {
min-height:140px;
background-image:url(../images/bg_pie.gif);
background-repeat:no-repeat;
background-position: left;
}

#pie p {
font:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#8BD3E5;
}

#pie a {
font:Arial, Helvetica, sans-serif;
font-size:0.8em;
color: #00CCCC;
text-decoration:none;
}

#pie a:hover {
color: #FFFFFF;
background:none;
}



#pie ul li {
list-style:none;
display:inline;
}

#credits {position:fixed;right:0;top:400px;}