/* 
 * Nombre: victor.css
 * Descripción: estilos asociados a la web de Victor Bernal
 * Autor: Innova Creaciones
 */
 
* {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;}
body {background-color:#000;text-align:center;font-size:11px;} 
a{text-decoration:none;}
h1 {height:25px;background-color:#000;font-size:15px;color:#D1CFCF;font-weight:bold;text-align:right;text-transform:uppercase;padding-top:6px;padding-right:12px;}

p {margin:6px 0;}
img {border:none;padding:0;}


#contenedor {margin:0 auto;text-align:left;width:810px;background-color:#750505;position:relative;}
#intro {height:460px;background-color:#323232;}

/**** logo ****/
#logo {background:url(../images/logo.gif) no-repeat top left; width:440px;height:110px;z-index:99;position:absolute;top:0;left:0;cursor:pointer;}
#logo span {display:none}

/**** navegacion superior ****/
#top_nav {background-color:#323232;border-bottom:solid 1px #686868;text-align:right;}

/**** menu navegación ****/
#menu{background:url(../images/bg_menu.gif) repeat-x;border-bottom:solid 1px #666;border-top:solid 1px #666;height:56px;list-style: none;clear:both}
#contacto{float:left;width:150px;height:28px;margin:8px;text-align:center;text-transform:uppercase;padding-top:12px;}
#expo{float:left;width:150px;height:28px;margin:8px;border-right:solid 1px #b2b2b2;text-align:center;text-transform:uppercase;padding-top:12px;}
#marcas {float:left;width:150px;height:28px;margin:8px;text-align:center;text-transform:uppercase;padding-top:12px;border-right:solid 1px #b2b2b2;}

#contacto a, #expo a, #marcas a{font-size:14px;font-weight:bold;color:#333;}
#contacto a:hover {color:#000;background:url(../images/contacto_shadow.jpg) no-repeat top center;padding-bottom:20px;height:40px;position:relative; top:0px;}
#expo a:hover {color:#000;background:url(../images/exposicion_shadow.jpg) no-repeat top center;padding-bottom:20px;height:40px;position:relative; top:0px;}
#marcas a:hover {color:#000;background:url(../images/marcas_shadow.jpg) no-repeat top center;padding-bottom:20px;height:40px;position:relative; top:0px;}

/**** pie ****/
#pie{color:#FFF;padding:15px;text-align:right;}
#pie a {color:#FFF; text-decoration:underline;}

/**** titulos ****/
#proyectos_tit,#expo_tit, #marcas_tit {border-bottom:solid 1px #750505;color:#CC3724}

/**** información ****/
#info {background-color:#323232;padding:0;margin:0;height:353px;color:#FFF;}
#contenido_texto {float:left;width:245px;margin:30px 12px 0 12px;background-color:#323232;}
#contenido_texto a, #contenido_imagen a {color:#CC3724;}
#contenido_texto a:hover, #contenido_imagen a:hover {color:#FFF;}

#contenido_imagen {float:right;width:527px;height:353px;}
#contenido_expo {float:right;width:521px;height:353px;background-color:#ccc;overflow:auto;padding-left:6px;}

/**** galería de imágenes ****/
.thumbnail{float: left;width:160px;color: #000;margin:6px 3px;}
.thumbnail a{text-decoration: none;}
.thumbnail h2{color:#750505; font-size:14px; font-weight:bold;text-align:left;margin:6px 0;}
.thumbnail img {border: solid 1px #750505;}

#toolTipBox {
	width: 125px;
	height: 15px;
    display: none;
    padding-left: 19px;
	border: 1px solid #535353;
    position: absolute;
    background: #fff url(../images/mg_thumbnail.gif) no-repeat 0 0;
    color: #535353;
 }
 
/**** clear ****/
.clear, .clearboth {clear:both;}

/****  formularios ****/
input,textarea {font-family:Arial, Helvetica, sans-serif;border:1px solid #750505; display:block; font-size:12px;margin:2px 0;}
input.but {border:1px solid #750505;color:#FFF; font-weight:bold; background-color: #000 ; cursor:pointer; padding:3px;font-size:10px;}