/* 
CUSTOM CARVINGS - 2008
Design: Logos Comunicaciones
www.logoscomunicaciones.com
*/


body {
color: #fff;
font-family: Trebuchet MS, Helvetica, sans-serif;
font-size:  12px;
text-align: center;
line-height: 16px;
background: #243237 url(../lib/bg.gif) repeat;
margin: 20px 0px;
padding: 0px;
}

a:link,a:visited{
text-decoration: underline;
line-height: 14px;
}

a:hover {
text-decoration: none;
}

img{
border: 0;
}

h1{
font-size: 22px;
font-weight: 400;
line-height: 12px;
}

h2{
font-size: 18px;
font-weight: 400;
line-height: 12px;
}

h3{
font-size: 14px;
font-weight: 400;
line-height: 12px;
}

p{
text-align: justify;
line-height: 14px;
}

#wrapper{
margin: auto;
width: 794px;
}

#container{
background: #405a63 url(../lib/bg_container_bottom.gif) no-repeat bottom;
width: 794px;
}

#containerTop{
background: url(../lib/bg_container_top.gif) no-repeat top;
width: 794px;
padding-top: 7px;
padding-bottom: 7px;
}

#header{
color: #405a63;
font-size: 10px;
text-align: left;
line-height: 18px;
background: #fff url(../lib/bg_head.gif) no-repeat top;
margin: 0px 7px;
width: 780px;
height: 151px;
}

#headIndex{
font-size: 10px;
text-align: left;
background: #fff url(../lib/bg_head_home.jpg) no-repeat top;
margin: 0px 7px;
width: 780px;
height: 142px;
}

/*
#headIndex{
top: 27px;
left: 577px;
_left: 575px;
position: absolute;
margin-top: 51px;
width: auto;
}
*/

#menu{
/*background: #2f464d url(../lib/bg_menu.gif) repeat;*/
margin: 0px 7px;
margin-top: 15px;
height: 38px;
}

#content{
color: #fff;
text-align: justify;
background: #000 url(../lib/bg_content.gif) no-repeat bottom;
margin: 0px 7px;
width: 720px;
padding: 20px 30px;
}

#contentHome{
color: #fff;
text-align: left;
background: #000 url(../lib/bg_home.jpg) no-repeat right bottom;
margin: 0px 7px;
width: 780px;
height: 452px;
}

#footer{
text-align: center;
color: #99a7ac;
font-size: 10px;
margin: 8px;
}

.left{
float: left;
}

.right{
float: right;
}

.clear{
clear: both;
}

.bold{
font-weight: 700;
}

.color1{
color: #99a7ac;
}

.color2{
color: #405a63;
}

.color3{
color: #ffff00;
}

.color4{
color: #fff;
}

.color5{
color: #c51015;
}

.color6{
color: #9b9b9b;
}

.italic{
font-style: italic;
}

.small{
font-size: 9px;
}

.imgThumb{
float: left; 
display: block; 
text-decoration: none; 
border: solid 2px #000; 
}

.imgActive{
float: left;
display: block;
text-decoration: none;
border: solid 2px #405a63;
}

/* LINKS */

a.link2:link,a.link2:visited {
text-decoration: none;
line-height: 14px;
}
a.link2:hover {
text-decoration: underline;
}

a.link3:link,a.link3:visited {
text-decoration: none;
line-height: 14px;
}
a.link3:hover {
text-decoration: none;
}

a.linkHeader:link,a.linkHeader:visited {
color: #405a63;
text-decoration: none;
line-height: 16px;
background: url(../lib/bullet.gif) no-repeat left;
padding-left: 10px;
}
a.linkHeader:hover {
text-decoration:  underline;
}

a.gallery:link, a.gallery:visited  { 
display: block;
float: left;
color: #9b9b9b;
font-size: 12px;
text-decoration: none; 
text-align: center;
width: 88px;
}
a.gallery:hover {
color: #fff;
text-decoration: none; 
}

a.galleryActive:link, a.galleryActive:visited  { 
display: block;
float: left;
color: #fff;
font-size: 12px;
text-decoration: none;
text-align: center;
background: url(../lib/active_gallery.gif) no-repeat bottom;
padding-bottom: 15px;
width: 88px;
}
a.galleryActive:hover { 
text-decoration: none; 
}

/* LINKS */


/* FORMULARIO */
#formCustom fieldset{
width: 380px;
}

#formCustom label{
/*float: left;*/
display: block;
font-size: 11px;
margin-right: 10px;
padding: 5px 0px;
}

/*
#formCustom input{
color: #002469;
clear: both;
font-size: 11px;
border: solid 1px #405a63;
padding: 3px;
}
*/

/*#formCustom .button{
color: #fff;
font-size: 12px;
text-align: center;
background-color: #1e3037;
border: double #405a63 2px;
padding: 5px 5px;	
width: 90px;
}*/

#formCustom p{
margin: 5px 0px;
width: 206px;
}
/* FORMULARIO */

/*ADICIONADO JSZ 15/09/2008*/

.box{
background-color: #2c3b41;
color:#fff;
border: solid 1px #36474e;
padding: 12px;
width:550px;
}

.error { 
color:#ff0033;
/*background-color: #000;*/
font-size: 14px;
}
.inputError {
background-color:#F6C0C9;
border:1px solid #FF0033;
float:none;
margin:2px 0 0;
}
textarea{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
padding: 3px;
overflow-y:hidden;
overflow-x:hidden;
overflow:hidden;
}

/* 21 DE NOVIEMBRE */

#contentMess{
overflow: hidden;
color: #fff;
text-align: justify;
background-color: #405a63;
padding: 14px;
padding-top: 0;
_padding-top: 1px;
}

a.linkHeader2:link,a.linkHeader2:visited {
color: #747941;
text-decoration: none;
line-height: 16px;
background: url(../lib/bulletb.gif) no-repeat left;
padding-left: 10px;
}
a.linkHeader2:hover {
text-decoration:  underline;
}

a.btnLogout:link,a.btnLogout:visited {
display: block;
float: left;
color: #fff;
text-align: center;
text-decoration: none;
line-height: 20px;
background: url(../lib/bg_logout.gif) no-repeat left;
padding-top: 4px;
width: 69px;
height: 24px;
}
a.btnLogout:hover {
color: #ec9fa1;
text-decoration:  none;
}

a.btnReply:link,a.btnReply:visited {
display: block;
color: #fff;
text-align: center;
text-decoration: none;
line-height: 20px;
background: #bc070b url(../lib/bg_btn_reply.gif) no-repeat left;
padding-top: 6px;
margin: auto;
margin-top: 10px;
width: 112px;
height: 28px;
}
a.btnReply:hover {
color: #ec9fa1;
text-decoration:  none;
}

a.btnSend:link,a.btnSend:visited {
display: block;
color: #fff;
text-align: center;
text-decoration: none;
line-height: 20px;
background: #bc070b url(../lib/bg_btn_send_mess.gif) no-repeat left;
margin-top: 10px;
padding-top: 4px;
width: 92px;
height: 23px;
}
a.btnSend:hover {
color: #ec9fa1;
text-decoration:  none;
}

a.linkAttach:link,a.linkAttach:visited {
color: #fff;
text-decoration: underline;
background: url(../lib/bullet_clip.gif) no-repeat left;
padding-left: 24px;
}
a.linkAttach:hover {
color: #fff;
text-decoration:  none;
}

a.linkShow:link,a.linkShow:visited {
color: #fff;
text-decoration: none;
background: url(../lib/arrow_down.gif) no-repeat right;
padding-right: 14px;
}
a.linkShow:hover {
color: #c6ced1;
text-decoration:  underline;
}


.btnLogin{
color: #405a63;
font-size: 11px;
text-align: center;
border: 0;
background: url(../lib/bg_btn.gif) no-repeat left;
width: 98px;
height: 22px;
}

.boxUser{
float: left;
font-size:  11px;
text-align: left;
background: #405a63 url(../lib/bg_boxuser.gif) no-repeat left;
padding: 0 6px;
padding-top: 5px;
height: 23px;
}

.btnSendmess{
display: block;
color: #fff;
text-align: center;
border: 0;
font-size:  11px;
background: #bc070b url(../lib/bg_btn_send_mess.gif) no-repeat left;
margin-top: 15px;
width: 92px;
height: 27px;
}

.boxMess{
overflow: hidden;
float: left;
color: #41505e;
font-size:  11px;
border: solid 8px #eef0f1;
background-color: #fff;
margin-right: 5px;
margin-bottom: 14px;
padding: 8px 17px;
width: 411px;
}

.boxShow{
float: right;
text-align: right;
margin-top: 15px;
_margin-top: 20px;
margin-right: 230px;
_margin-right: 115px;
width: 200px;
z-index: 10000;
}

.boxOptionsmess{
float: left;
color: #41505e;
border: solid 2px #eef0f1;
border-top: 0;
background-color: #fff;
padding: 6px;
margin-left: 10px;
_margin-left: 5px;
width: 100px;
}

.imgMess{
float: left;
border: solid 8px #eef0f1;
}

.imgBig{
float: left;
margin-right: 30px;
margin-bottom: 30px;
border: solid 9px #fff;
}

.color7{
color: #ff5c02;
}
/* 16 DICIEMBRE */

/* LISTADOS */
ul#listImg{
float: right;
margin: 0;
padding: 0;
list-style: none;
width: 220px;
}

ul#listImg li{
margin: 0;
padding: 0;
list-style: none;
line-height: 0;
}

ul#listImg li img{
display: block;
float: left;
border: solid 8px #eef0f1;
width: 84px;
margin-right: 10px;
*margin-right: 4px;
margin-bottom: 5px;
}