/**
 * Filename:    videos_style.css
 *
 * Theme name:	Guaicani
 * Theme URI:	http://www.guaicani.com
 * Description: ...
 * Version		1.0
 * Author		Freddybg
 * Author URI	http:// ...
 *
 */
/* Importar
 ****************************/@import url(reset.css);
@import url(menu.desplegable.css);
@import url(defecto.avanzado.css);
/* Elementos básicos
 ****************************/
body {
    background: #E6E6E6 url(imagenes/bg_header_videos.gif) repeat-x left top;
    height: 151px;
    font: 75% Tahoma, Arial, Helvetica, sans-serif;
    color: #404040;
}

div.clear {
    clear: both;
}

div.clear hr, hr {
    margin: 0;
    padding: 0;
    display: none;
}

/* Enlaces
 ****************************/
a {
    text-decoration: none;
    color: #448ccb;
}

a:hover {
    text-decoration: underline;
}

/* Cabeceras
 ****************************/
h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, Arial, sans-serif;
    color: #4A4A4A;
    margin: 0 0 5px 0;
}

h1 {
    letter-spacing: -1px;
    font-size: 2.3em;
    line-height: 1em;
}

h2 {
    font-size: 2.3em;
    text-transform: capitalize;
}

h3 {
    font-size: 1.7em;
}

h4 {
    font-size: 1.3em;
}

h5 {
    font-size: 1.1em;
}

/* Contenedor
 ****************************/
div.contenedor {
    margin: 0 auto;
    width: 900px;
}

/* Navegación
 ****************************/
#navegador {
    float: right;
    background: url(imagenes/bg_navegador.gif) no-repeat right top;
    height: 31px;
    width: 780px;
}

/* header
 ****************************/
#header {
    height: 119px;
}

/* logo
 ****************************/
#logo {
    float: left;
    margin: 5px 12px 0 0;
}

/* Buscador
 ****************************/
#buscador {
    float: right;
    margin: 40px 5px 0px 0;
}

#buscador a.mapa_sitio {
    float: right;
    margin: 11px 7px 0 0;
    color: #7D6A58;
}

#buscador a.idioma {
    float: right;
    margin: 10px 27px 0 0;
}

#buscador a:hover {
    text-decoration: none;
    color: #CDBA8D;
}

input#focus {
    width: 300px;
    padding: 7px;
    border: 1px solid #7E6A57;
    background-color: #514339;
    color: #CDBA8D;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

input#boton {
    position: relative;
    left: -30px;
    top: 0px;
    background: url(imagenes/search.png) no-repeat;
    width: 22px;
    height: 21px;
    border: none;
}

/* Contenido
 ****************************/
#contenido {
    margin: 40px auto;
    background: #FFFFFF;
    border: 1px solid #B8BABB;
    height: 740px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#contenido h2 {
    float: left;
    margin: 20px 0 20px 13px;
}

div.items_right {
    float: right;
    margin: 15px;
}

div.items_right img {
    position: relative;
    top: 8px;
    right: 10px;
    padding: 0 0 0 20px;
}

div.items_right a {
    padding: 0 0px 0 0;
    color: #4A4A4A;
}

div.items_right a:hover {
    text-decoration: none;
}

div.post_video {
    float: left;
    width: 280px;
    height: 370px;
    margin: 20px 0px 30px 13px;
    background-color: #E6E6E6;
    border: 1px solid #B8BABB;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

p.bg_video {
    margin: 10px;
    background: #FFFFFF;
    padding: 5px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

p.bg_video object {
    width: 250px;
    height: 200px
}

p.comentario {
    margin: 12px;
    text-align: justify;
}

p.mas_videos {
    margin: 30px 0 20px 13px;
}

p.mensaje {
    margin: 0 13px;
    padding: 10px;
    text-align: center;
    border: #B8BABB 1px solid;
    font-size: 1.2em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#contenido ul {
    margin: 20px 0 20px 32px;
}

#contenido ul li {
    list-style: square;
    padding: 2px 0;
}

/** CONTENIDO CONTÁCTENOS
 *************************************************************
 */
#contenido-contactenos {
    margin: 40px 0;
    width: 500px;
    float: left;
    background-color: #FFFFFF;
    border: 1px solid #B8BABB;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
}

#formulario-contacto {
    margin: 20px 30px;
}

#formulario-contacto label {
    display: block;
    margin: 10px 0 0;
    color: #797979;
    font-weight: 700;
    line-height: 1.4em;
}

#formulario-contacto input {
    width: 97%;
    padding: 8px 6px;
    color: #949494;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #cecece;
    background-color: #F8F8F8;
}

#formulario-contacto textarea {
    width: 97%;
    height: 80px;
    padding: 8px 6px;
    color: #999;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #cecece;
    background-color: #F8F8F8;
}

#formulario-contacto input:focus, #formulario-contacto input:hover, #formulario-contacto textarea:focus, #formulario-contacto textarea:hover {
    background-color: #FFFFFF;
}

#formulario-contacto input.submit {
    background: #FFFFFF url(imagenes/submit.png) no-repeat scroll 11px 50%;
    cursor: pointer;
    width: 115px;
    margin: 10px 0;
    padding: 5px;
    border: 1px solid #999999;
    border-top-color: #ededed;
    border-left-color: #ededed;
    -moz-border-radius: 3px;
}

#formulario-contacto textarea, #formulario-contacto input#name, #formulario-contacto input#email, #formulario-contacto input#phone, #formulario-contacto input#city {
    border: 1px solid #dedede;
    -moz-border-radius: 4px;
}

#formulario-contacto textarea.error {
    background-color: #f8dbdb;
    border: 1px solid #e77776;
}

#formulario-contacto input#name.error, #formulario-contacto input#email.error, #formulario-contacto input#phone.error, #formulario-contacto input#city.error {
    background-color: #f8dbdb;
    border: 1px solid #e77776;
}

#formulario-contacto span.error, #formulario-contacto span.error, #formulario-contacto span.error {
    color: #e46c6e;
    font-weight: normal;
}

#formulario-contacto span#req-name {
    padding-left: 3px;
}

#formulario-contacto span#req-email {
    padding-left: 3px;
}

#formulario-contacto span#req-city {
    padding-left: 3px;
}

#formulario-contacto span#req-message {
    padding-left: 3px;
}

p.resultado-envio {
    margin: 0 auto 30px;
    width: 84%;
    padding: 10px;
    text-align: center;
    background-color: #FFFFFF;
}

.anadir {
    border: 1px solid #B8BABB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

img.loader-submit {
    position: relative;
    left: -25px;
    top: 4px;
    visibility: hidden;
}

#contenido-contacto-der {
    margin: 40px 0;
    width: 300px;
    float: right;
    background-color: #FFFFFF;
    border: 1px solid #B8BABB;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
    padding: 20px 30px;
}

#contenido-contacto-der p {
    margin: 0 0 18px 0;
}

span.phone {
    background: url(imagenes/phone.gif) no-repeat left center;
    padding: 10px 0 10px 25px;
    font-weight: bold;
}

span.mobile-phone {
    background: url(imagenes/telefono.png) no-repeat left center;
    padding: 10px 0 10px 25px;
    font-weight: bold;
}

span.fax {
    background: url(imagenes/fax.png) no-repeat left center;
    padding: 10px 0 10px 25px;
    font-weight: bold;
}

span.email {
    background: url(imagenes/email.png) no-repeat left center;
    padding: 10px 0 10px 25px;
    font-weight: bold;
}

span.address {
    background: url(imagenes/direccion.png) no-repeat left center;
    padding: 10px 0 10px 25px;
    font-weight: bold;
}

span.address-align {
    margin: 0 0 0 88px;
}

/* Contenido Galería
 ****************************/
#contenido_galeria {
    background-color: #FFFFFF;
    height: 600px;
}

ul.topic {
    position: relative;
    top: -32px;
    padding: 0 0 0 10px;
}

ul.topic li {
    display: block;
    width: 132px;
    height: 30px;
    float: left;
}

ul.topic li a.set {
    display: block;
    font-size: 11px;
    width: 124px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #000;
    text-decoration: none;
    background: url(imagenes/pestana.png) no-repeat;
}

ul.topic li a ul, ul.topic li ul {
    display: none;
}

ul.topic li.active a {
    color: #000;
    background: url(imagenes/pestana-hover.png) no-repeat;
}

ul.topic li a:hover, ul.topic li:hover a {
    color: #000;
    background: url(imagenes/pestana-hover.png) no-repeat;
}

ul.topic li.active ul {
    display: block;
    position: absolute;
    left: 0;
    top: 35px;
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 10px 0px;
    z-index: 1;
}

ul.topic li a:hover ul, ul.topic li:hover ul { /*display:block; position:absolute; left:0; top:35px; list-style:none; padding:0; margin:0; padding:10px 0px;  z-index:100;*/
}

ul.topic li ul li {
    display: inline;
    width: 105px;
    height: 81px;
    float: left;
    margin: 11px;
}

ul.topic li ul li a {
    display: block;
    width: 110px;
    height: 85px;
    cursor: default;
    float: left;
    text-decoration: none;
    background: #444;
    border: 1px solid #CCCCCC;
}

ul.topic li ul li a img {
    display: block;
    width: 100px;
    height: 75px;
    border: 5px solid #eee;
}

ul.topic li a:hover ul li a:hover, ul.topic li:hover ul li a:hover {
    white-space: normal;
    position: relative;
}

ul.topic li a:hover ul li a:hover img, ul.topic li:hover ul li a:hover img {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 105px;
    height: 80px;
    border: solid 1px #fff;
    background: #fff;
    cursor: pointer;
}

/* Footer
 ****************************/
#footer {
    background-color: #514339;
    border-top: 1px solid #7E6A57;
	overflow: hidden;
}

/* Links
 ****************************/
#links {
    background: url(imagenes/bg_footer.gif) repeat-y top left;
}

/* Copyright
 ****************************/
#copyright {
    background: url(imagenes/bg_footer.gif) repeat-y top left;
    padding: 20px 0 35px 0;
}

p.copyright {
    float: left;
    color: #7D6A58;
}

p.navegador_footer {
    float: right;
    color: #CDBA8D;
}

p.navegador_footer a {
    color: #CDBA8D;
}

p.navegador_footer a:hover {
    color: #7D6A58;
    text-decoration: none;
}

div.separador {
    padding: 0;
    background: url(imagenes/separador.jpg) no-repeat top left;
    width: 900px;
    height: 2px;
}