/* ---- ESTILOS GENERALES ---- */

*, body {
margin: 0;
padding: 0;
}

body {
background: #fff;
font: 12px/1.5em sans-serif;
text-align: center;
color: #666;
}

hr {
clear: both;
background: #fff;
color: #fff;
border: none;
height: 1px;
margin: 20px 0;
}

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

a:hover {
border-bottom: 1px #EF9E21 solid;
}

/* ---- CONTENEDOR ---- */

#contenedor {
text-align: left;
width: 450px;
margin: 50px auto;
}

#contenedor div, #contenedor ul {
padding: 20px 0;
background: #fff;
}

#contenedor div.logo ,#contenedor div.intro {
padding: 0;
}

/* ---- ENCABEZADOS ---- */

#contenedor h1 {
text-indent: -9999px;
height: 195px;
background: url(img/logo.png) center no-repeat;
}

#contenedor h1 a {
border: none;
display: block;
width: 450px;
height: 195px;
}

#contenedor h2 {
font: 20px sans-serif;
color: #999;
}

/* ---- BUSCADOR ---- */

#contenedor div.buscador {
padding: 10px 0;
margin-top: 20px;
text-align: center;
background: #f7f7f7;
border: 1px solid;
border-top-color: #eee;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #eee;
}

#contenedor div.buscador form, #contenedor div.buscador input {
margin: 0;
vertical-align: middle;
}

#contenedor div.buscador #q {
width: 370px;
}

#contenedor div.buscador #sa {
width: 50px;
background: #666;
padding: 2px;
border: 1px #666 solid;
text-transform: uppercase;
color: #fff;
font: 10px sans-serif;
}

/* ---- SITIOS ---- */


#contenedor .imagen {
width: 210px;
float: left;
background: #fff;
}

#contenedor .imagen a {
border: none;
}

#contenedor .imagen img {
background: #fff;
padding: 4px;
border: 1px #ddd solid;
}

#contenedor .sitio {
list-style: none;
width: 230px;
float: right;
background: #fff;
}


#contenedor .sitio strong {
font-weight: normal;
color: #000;
}

#contenedor .sitio .encabezado {
margin-bottom: 8px;
}

#contenedor .sitio .encabezado h2 {
font: 17px sans-serif;
border-bottom: 1px #ddd solid;
}

#contenedor .sitio .encabezado h2 a span {
font-weight: normal;
color: #bbb;
}

#contenedor .sitio li.titulo {
background: #ccc url(img/titulo.gif) bottom center no-repeat;
color: #666;
text-align: center;
text-transform: lowercase;
font: 10px sans-serif;
padding: 3px 3px 6px 3px;
margin-top: 22px;
}

#contenedor .sitio li.item {
font-size: 11px;
padding: 2px 0 2px 8px;
background: url(img/li.gif) left no-repeat;
border-bottom: 1px #ddd solid;
}

/* ---- CONTACTO ---- */

form {
margin-top: 20px;
}

label {
font: 10px sans-serif;
display: block;
text-transform: uppercase;
letter-spacing: 1px;
padding: 3px;
color: #666;
background: #eee;
}

input, textarea {
padding: 3px;
width: 442px;
margin-bottom: 15px;
font: 14px sans-serif;
border: 1px #eee solid;
}

input:focus, textarea:focus {
border-color: #666;
}

input.boton {
display: block;
width: 250px;
margin: 0 auto;
color: #666;
font-weight: bold;
background: #f7f7f7;
border: 1px solid;
border-top-color: #eee;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #eee;
}