/******************************************/
/*   Ezequiel Herrera Hidalgo             */
/*   Hoja de estilos                      */
/*                                        */
/******************************************/

/****************************
	  CLASES GENERICAS
	por orden alfabético
*****************************/

body {width:1004px; text-align:left; margin: 0px auto 0px auto; background: url("/img/comm/header_bg.png") top repeat-x; background-color:#FCFCFC; color:#666666; font-size:12px; font-family:arial, tahoma;}
a:link, a:visited, a:active {color:#6666CC; text-decoration:none;}
a:hover {text-decoration:underline;}
div {padding:0px; margin:0px;}
html {text-align:center;}
img {border:0px; vertical-align:bottom;}
input, textarea {border: solid 1px; border-color: #999; padding-left:5px; color:#333; font-size:12px; font-family:arial, tahoma;}
.boton {text-align:center; padding: 3px 5px 3px 5px; border: solid 1px; border-color:#CCC #999 #999 #CCC; background-color:#EEEEFF; color:#333333; cursor:pointer;}
p {padding:0px; margin:0px;}
select {border: solid 1px; border-color: #999; padding-left:5px;}
td {vertical-align:top;}

/****************************
	  CLASES PROPIAS
	por orden alfabético
*****************************/

/* CABECERA */

.candy_box {position:absolute; z-index:5000; top:33px; width:198px; padding:0px; background-color:#FCFCFC; border: solid 1px; border-color:#CCC #999 #999 #CCC; border-top:0px;}
.candy_box_op {position:absolute; z-index:5000; padding:0px; padding-top:1px; border: solid 1px; border-color:#CCC #999 #999 #CCC; border-top:0px; background-color:#FCFCFC;}

#header {width:1004px; height:50px;}
#header table{width:100%; height:50px;}

.candy_likelink {color:#6666CC; text-decoration:none; cursor:pointer;}
.candy_likelink_hover {color:#6666CC; text-decoration:underline; cursor:pointer;}

.likelink {color:#6666CC; text-decoration:none; cursor:pointer;}
.likelink_hover {color:#6666CC; text-decoration:underline; cursor:pointer;}

.pag_likelink {color:#999; text-decoration:none; cursor:pointer;}
.pag_likelink_hover {color:#E4E4E4; cursor:pointer;}

#logo {padding-left:20px; float:left; vertical-align:middle;}
#logo a {color:#333333; font-size:36px; font-family:arial, tahoma; font-weight:bold; text-decoration:none;}
#logo a:hover {color:#555555;}

#menu {height:50px; padding-left:10px; vertical-align:middle;}

#menu img {margin-right:5px; vertical-align:top;}
#menu a:link, #menu a:active, #menu a:visited {color:#6666CC; font-size:14px; font-family:arial, tahoma; text-decoration:none;}
#menu a:hover{text-decoration:underline;}

#menu table {height:20px; border:0px;}
td.box { margin:0px; padding:0px; border:0px; text-align:left;}
td.candy_col { margin:0px; padding:3px 5px 10px 5px; border:solid 1px #FFF; text-align:center;}
td.candy_col_over { text-align:center; border: solid 1px; background-color:#F3F3F3; border-color: #CCC #999 #F3F3F3 #CCC; padding:3px 5px 10px 5px;}

#finder_table .candy_col {width:150px;  height:30px; _height:19px; text-align:center; padding: 6px 5px 3px 5px; border: solid 1px; border-color:#CCC #999 #999 #CCC; background-color:#EEEEFF; font-size:14px; color:#333333; cursor:pointer;}
#finder_table .candy_col_over {width:150px; height:30px; _height:19px; text-align:center; padding: 6px 5px 3px 5px; border: solid 1px; border-color:#999 #CCC #CCC #999; background-color:#DDDDEE; font-size:14px; color:#999; cursor:pointer;}

#finder_table .finder_text {width:300px;height:25px;font-size:18px;padding-top:5px; color:#CDCDCD;}
#finder_table .finder_text_focus {width:300px;height:25px;font-size:18px;padding-top:5px; color:#333;}

#menu_user {width:200px; text-align:right; font-size:12px; color:#999999; vertical-align:middle; padding-right:20px;}
#menu_user table {height:20px; width:200px; border:0px;}
#menu_user td.candy_col { margin:0px; padding:3px 10px 10px 0px; border:0px; text-align:right;}
#menu_user td.candy_col_over { margin:0px; padding:2px 9px 9px 0px; text-align:right; background-color:#F3F3F3; border: solid 1px; border-color: #CCC #999 #F3F3F3 #CCC;}
#menu_user td.box { width:200px; margin:0px; padding:0px; border:0px; text-align:left;}

table.candy_table {width:198px;padding:0px;margin:0px;}
td.candy_td_a{padding:7px 0px 7px 10px; text-align:left; color:#333; border-top:dotted 1px #CCC; vertical-align:middle;}
td.candy_td_b{padding:7px 0px 7px 10px; text-align:left; color:#333; vertical-align:middle;}

td.candy_td_op_a{padding:7px 10px 7px 10px; text-align:left; color:#333; vertical-align:middle; border-top:dotted 1px #CCC; background-color:#FFF;}
td.candy_td_op_b{padding:7px 10px 7px 10px; text-align:left; color:#333; vertical-align:middle; background-color:#FFF;}

#album_options .candy_col { margin:0px; padding:3px 5px 0px 5px; border:solid 1px #FCFCFC; text-align:center;}
#album_options .candy_col_over {text-align:center; border: solid 1px; background-color:#F3F3F3; border-color: #CCC #999 #F3F3F3 #CCC; padding:3px 5px 0px 5px;}

/* PIE DE PÁGIINA */
#footer { width:964px; height:50px; margin: 0px auto 0px auto; padding-top:15px; text-align:center; border:0px; border-top:dotted 1px #CCCCCC; color:#999;}

/* CUERPO */
#body_cont {text-align:left; margin: 0px auto 0px auto; margin-top:20px; padding-bottom:40px;}

.foto_prof {width:48px; height:48px; background-color:grey; border:solid 1px #CCC}
.foto_thumb {width:78px; height:78px; background-color:grey; border:solid 1px #CCC}

#foto_table td{vertical-align:middle; text-align:left; padding:10px; padding-left:20px;}
#foto_table td.head {width:150px; height:34px; background-color:#F3F3F3; text-align:left; padding-right:20px; font-size:14px; vertical-align:middle;}

#info_point {margin:0px; padding:0px; clear:none; cursor:pointer; margin-left:5px;}

.menu {padding-bottom:0px; vertical-align:top;}
.menu_text {font-size:12px;padding-top:5px;padding-bottom:20px;}

#msg_ok {border:solid 1px #66CC88; background-color:#DEFFDD; padding:5px; margin-bottom:10px;}
#msg_ko {border:solid 1px #CC6677; background-color:#FFDDDD; padding:5px; margin-bottom:10px;}
#msg_info {border:solid 1px #CCCC77; background-color:#FFFFDD; padding:5px; margin-bottom:10px;}

.option:link, a.option:active, a.option:visited {font-size:20px;}
.option:hover {text-decoration:underline;}
.option_img {width:24px; text-align:left; vertical-align:middle}

.text {font-size:12px;padding-bottom:10px;}
.title {font-size:24px;padding-bottom:10px;}

#zp_results {width:100%; margin-top:10px; margin-bottom:10px;}
#zp_results td.left {height:24px; background-color:#F3F3F3; text-align:left; padding-left:20px; font-size:14px; vertical-align:middle;}
#zp_results td.right_foto { width:58px; height:58px; padding-right:5px; text-align:center; vertical-align:middle; border-bottom: dotted 1px #CCC;}
#zp_results td.right_top { text-align:center; vertical-align:bottom; font-size:14px;}
#zp_results td.right_bottom { height:24px; text-align:center; vertical-align:top; font-size:12px; padding-top:5px; border-bottom: dotted 1px #CCC;}

#zp_table {width:100%; margin-top:10px; margin-bottom:10px;}
#adv_finder {height:20px; vertical-align:top; text-align:right; padding-right:8px;}
input, #zp_table select {width:195px; padding-left:5px; font-size:14px; vertical-align:bottom;}
input.readonly {width:195px; padding-left:5px; font-size:14px; color:#666; background-color:#F3F3F3; vertical-align:bottom;}
textarea.long {width:380px; height:200px; padding-left:5px; font-size:14px; vertical-align:bottom;}
#input_spam {width:80px; margin-left:8px; text-align:center;}
#passmeter_cont{height:18px;vertical-align:top;}
#passmeter_cont img{vertical-align:bottom;}
td.left {min-width:150px; height:34px; background-color:#F3F3F3; text-align:right; padding-right:20px; font-size:14px; vertical-align:middle;}
td.right {width:auto; height:34px; padding-left:20px; vertical-align:middle;}
.check {border:0px; padding-left:5px; width:18px;}

/****************************
	  CLASES MODIFICADORAS
	por orden alfabético
*****************************/

.vtop {vertical-align:top}