/*-----------------------------------------------------------------------------
Estilos Globales web site visualpro 2009

version:   1.0
date:      06/23
author:    [Visualpro c.a. (sherandoe montilla)]
email:     [contacto@visualpro.com.ve - sheran_du@hotmail.com
website:   [www.visualpro.com.ve]

-----------------------------------------------------------------------------*/

*{
font: 8pt Arial, Helvetica, sans-serif;
font-size:12px;
}
body{
background-image:url(../img/background.gif);
background-repeat:repeat-x;
background-color:#0d2b3c;
margin:0px;
}

/*------------------------------------------------------tope superior*/
#tope_superior{
margin:0px auto;
width:auto;
height:35px;
background-color:#091e2a;
padding:inherit;
}
/*modulo izquierdo suscripcion------*/
#contenedor_suscripcion{
width:918px;
height:35px;
margin:0 auto;
background-color:#091e2a;
background-image:url(../img/back_tope.jpg);
background-repeat:no-repeat;
}
.decripcion_suscripcion{
width:230px;
color:#FFF;
margin:8px 0 0 15px;
float:left;
}
.intro_mail{
float:left;
width:210px;
margin:3px 5px 0 0px;
}
.llenado2{
width:200px;
height:20px;
font-size:12px;
font-family:Verdana;
font-weight:bold;
color:#fff;
border-width:thin;
border-style:solid;
border-color:#ccc;
background-color:#000000;
background-image:url(../img/back_intro_text.jpg);
margin:0px auto;
text-indent: 6px;

}
.llenado2:hover{
border-width:thin;
border-style:solid;
border-color:#666;
}
.bot_link3{
width:130px;
height:35px;
float:left;
margin:0;
background-color:#000;
background-image:url(../img/boton_up3.gif);
}
.bot_link3 a{
color:#fff;
text-decoration:none;
display:block;
margin:10px 22px 0px 22px;
}
.bot_link3:hover a{
color:#ffcc66;
text-decoration:none;
display:block;
margin:10px 22px 0px 22px;
}
/*-----------------------------------------------------modulo chat messenger*/
#contenedor_chat_en_vivo{
width:400px;
height:30px;
float:right;
}
#texto_chat{
width:290px;
color:#FFF;
margin:0px 3px 0 0px;
float:right;
display:block;
}
.tetux{
width:160px;
color:#FFF;
margin:0px 3px 0 0px;
float:left;
display:block;
margin:8px 0 0 0px;
}

.bot_link4{
width:130px;
height:30px;
float:right;
background-color:#000;
background-image:url(../img/boton_up3.gif);
}
.bot_link4 a{
color:#fff;
text-decoration:none;
display:block;
margin:9px 22px 0px 28px;
}
.bot_link4:hover a{
color:#ffcc66;
text-decoration:none;
display:block;
margin:9px 22px 0px 28px;
}

/*-----------------------------------------------------banner*/
#banner{
margin:0px auto;
width:918px;
height:320px;
background-color:#000;
}
/*------------------------------------------------------*/
#contenedor_inferior{
margin:0 auto;
width:900px;
}
#modulo_izquierdo{
width:450px;
float:left;
}
#flash_izquierdo{
width:450px;
clear:both;

}
#modulo_derecho{
width:450px;
float:right;
}
/*-----------------------------------------------------------*/
#ultimos_proyectos{
width:100%;
/*height:316px;*/
height:275px;
float:right;
background-image:url(../img/ultimos_trabajos.jpg);
background-repeat:no-repeat;
margin:0 0 8px 0;
}

/*------------------------------------------------------------*/
#footer{
width:900px;
height:15px;
display:block;
margin:0 auto;
clear:both;
text-align:center;
color:#FFFFFF;
padding:15px 0;
}
#contenedor_logos{
margin:0 auto;
text-align:center;
}
#contenedor_logos div{
margin:5px;
}
/*-------------------------------------------------portafolio publico-*/
#interno_ult_proy{
width:445px;
margin:60px 0 0 0;
height:235px;
}
/*----*/
.fot_miniatura_izq{
width:138px;
height:151px;
float:left;
}
/*----*/
.resumen_derecho{
width:307px;
height:151px;
float:right;
}
.titulo_utmtr{
font-weight:bold;
color:#FFF;
font-size:1.3em !important;
margin:5px 0 0 4px;
}
.sub_titulo_utmtr span{
font-size:0.9em !important;
color:#666;
margin:0 0 0 8px;
}
.resumen_utmtr {
color:#fff;
margin:0 0 0 8px;
text-align:justify;
}
/*----*/
.intro_link{
width:287px;
height:41px;
float:left;
margin:10px 0 0 8px;
color:#FFF;
}
.bot_link{
width:148px;
height:41px;
float:right;
margin:10px 0 0 0;
background-color:#000;
background-image:url(../img/boton_up.jpg);
}
.bot_link a{
color:#fff;
text-decoration:none;
display:block;
margin:13px 35px 0px 45px;
}
.bot_link:hover a{
color:#ffcc66;
text-decoration:none;
display:block;
margin:13px 35px 0px 45px;
}
/*--------------------------------------------*/
.titulo_proy_recientes{
width:450px;
height:33px;
background-image:url(../img/titul_proyect_recientes.png);
clear:both;
margin:10px 0;
}
.titulo_proy_anteriores{
width:450px;
height:33px;
background-image:url(../img/titul_proyect_ant.png);
clear:both;
margin:10px 0;
}
.contenedor_proy_anteriores{
width:450px;
height:212px;
background-image:url(../img/back_anteriores.png);
background-repeat:no-repeat;
margin:10px 0;

}
#interno_proy_anteriores{
width:445px;
height:212px;
padding:0 5px 0 0;
}
/*----------------------------------------------galeria*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #0a202d;
padding: 5px;
left: -1000px;
border: 1px solid #fff;
visibility: hidden;
color:#fff;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -110px;
left: -60px; /*position where enlarged image should offset horizontally */
}

#contenedor_galeria{
width:450px;
}
.cuadro_foto{
width:71px;
height:80px;
background-color:#000;
float:left;
margin:5px 10px 0 9px ;
color:#fff;
font-size:0.8em !important;
}
.miniatura_galeria{
width:61px;
height:60px;
background-color:#fff;
margin:4px auto auto auto;
}
.detalle_galeria{
width:183px;
height:94px;
background-color:#0e2b3d;
margin:auto;
padding:2px;
}
.detalle_galeria h1 {
margin:0;
font-weight:bold;
color:#b17231;
}
/*-------------------------------------formulario*/
#interna2{
width:auto;
background-color:#519caf;
height:30px;
text-align:right;
padding:15px 6px 0;
color:#FFFFFF;
}
.titulos_formulario{
margin:3px;
color:#fff;
width:100px;
}
.titulos_formulario2{
margin:3px;
color:#fff;
width:170px;
}
#interna4{
margin:3px 3px 1px 0px;
width:auto;
height:25px;
}

#interna6{
width:auto;
margin:3px 3px 2px 0px;
height:30px;
}
.llenado{
width:295px;
height:20px;
font-size:12px;
font-family:Verdana;
font-weight:bold;
color:#fff;
border-width:thin;
border-style:solid;
border-color:#ccc;
background-color:#014C74;
background-image:url(../img/back_intro_text.jpg);
margin:0px auto;
text-indent: 6px;

}
.llenado:hover{
border-width:thin;
border-style:solid;
border-color:#666;
background-color:#0D2B3C;
}
.llenado3{
width:297px;
height:20px;
font-size:12px;
font-family:Verdana;
color:#fff;
background-color:#014C74;
margin:0px auto;
text-indent: 6px;

}

.scroll_mio {
width: 295px;
color:#fff;
border-width:thin;
border-style:solid;
border-color:#ccc;
background-image:url(../img/back_intro_text_grande.jpg);
text-indent: 2px;
font-weight:bold;
}
.scroll_mio:hover{
border-width:thin;
border-style:solid;
border-color:#666;
}
#formulario{
width:auto;
padding:0;
padding:0 0 0 15px;
margin:0 20px 0 0;
border-top-width:thin;
border-top-style:solid;
border-top-color:#ccc;
border-bottom-width:thin;
border-bottom-style:solid;
border-bottom-color:#ccc;
}
.boton1{
width:100px;
height:20px;
margin:10px 0 0 0;
border-color:#fff;
border-width:thin;
border-style:solid;
color:#886c3c;
}
.boton1:hover{
background-color:#519CAF;
color:#fff;
}
.bot_link2{
width:100px;
height:20px;
background-image:url(../img/boton_up2.jpg);
margin:5px 0 5px 0px;
}
.bot_link2 a{
text-decoration:none;
color:#ffcc66;
display:block;
text-align:center;
padding:2px 0 0 0;
}
#direccion{
margin:0 20px 0 15px;
color:#fff;
padding:8px 0 0 11px;
}
.link_solo{
text-decoration:none;
color:#ffcc66;
}