/* ************************************* */
/* Common styles for the theme			  */
/* ************************************* */
/* Normal, standard links. */
/* 
CODIGO ORIGINAL 
a:link{color:#476C8E; text-decoration:none}
a:visited{color:#476C8E; text-decoration:none}
a:hover{text-decoration:underline}
*/
a:link{color:#476C8E; text-decoration:none}
a:visited{color:#476C8E; text-decoration:none}
a:hover{text-decoration:underline}
/* 
CODIGO ORIGINAL 
a.postlink:link{color:#AAD5F9}
a.postlink:visited{color:#AAD5F9}
*/
a.postlink:link{color:#AAD5F9}
a.postlink:visited{color:#AAD5F9}
/* Tables should show empty cells. */
table{empty-cells:show}
/* set a fontsize that will look the same in all browsers. */
/* 
ESTA PARTE CAMBIA EL FONDO GENERAL DEL FORO (AQUEL QUE SE VE EN LA PARTE DE HASTA ABAJO
OPOCIONAL  - background:url(IMEGEN.EXTENCION) -
CODIGO ORIGINAL
body{font:95%/90% Calibri,'Trebuchet MS',Verdana,sans-serif; background-color:#194061; top #B02F5F repeat-x; margin:0; padding:0}
*/
body{font:95%/90% Calibri,'Trebuchet MS',Verdana,sans-serif; background-color:#000000; top #B02F5F repeat-x; margin:0; padding:0}
/* use dark grey for the text, leaving black for headers etc */
/*
CODIGO ORIGINAL
body, td, th, tr{color:#000000}
*/
body, td, th, tr{color:#000000}
/*
ESTA PARTE CAMBIA LA LINEA QUE DIVIDE EL FONDO FONDO PRINCIPAL DEL FONDO DE LA ZONA DE TEMAS
CODIGO ORIGINAL
#bodyarea{  margin:5px 5px 0 5px;	padding:1px; border:1px solid #f5f3f4;	background-color:#ebe9ea}
*/
#bodyarea{  margin:5px 5px 0 5px;	padding:1px; border:1px solid #f5f3f4;	background-color:#ebe9ea}
/*ESTA PARTE CAMBIA EL FONDO DE LA ZONA DE TEMAS
CODIGO ORIGINAL
#bodyarea2{  padding:10px;  border-bottom:1px solid #F5A9D0;	background-color:#424242; top #B02F5F repeat-x}
*/
#bodyarea2{  padding:10px;  border-bottom:1px solid #F5A9D0;	background:url(http://www.totalizee.com.mx/Themes/Prof/images/bg-01-04-10.jpg); top #B02F5F repeat-x}
/* lets give all forms zero padding/margins */
form{padding:0px; margin:0px}
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button{color:#000; font-family:verdana,sans-serif}
input, button{font-size:90%}
textarea{font-size:100%; color:#000; font-family:verdana,sans-serif}
/* All input elements that are checkboxes or radio buttons. */
input.check{border:none}
/* Selects are a bit smaller, because it makes them look even better 8). */
select{font-size:90%; font-weight:normal; color:#000; font-family:verdana,sans-serif}
/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor{height:1px; border:0; color:#9dc0d8; background-color:#9dc0d8}
/* By default set the color on these tags as black. */
h1, h2, h3, h4, h5, h6, h7{color:black; font-size:1em; margin:0; padding:0}
/*
h3 {
color:#194061;
font-family:Georgia,serif;
font-style:italic;
font-weight:bold;
text-align:center;
}*/

/* No image should have a border when linked. */
a img{border:0}

/* No lines around buttons in Firefox! */
a{outline:none}

/* Reset all lists. */
ul, ul li{padding:0; margin:0; list-style:none}

/* We can define lists to be lists tho! */
ul.normallist{padding-left:2em}

ul.normallist li{list-style:disc}

/* ************************************* */
/* Some handy custom classes				 */
/* ************************************* */
.floatright{float:right}
.floatleft{float:left}

/* Default font sizes:small (8pt), normal (10pt), and large (14pt). */
.smalltext{font-size:0.8em; font-family:verdana,sans-serif}
.middletext{font-size:0.95em}
.normaltext{font-size:1em}
.largetext{font-size:1.4em}

/* This style will make sure all headers use the same padding throughout. */
.headerpadding{padding:10px 10px 10px 10px}
/* smaller padding used in paragraphs, sections etc */
.smallpadding{padding:0.2em}
/* larger padding used in paragraphs, sections etc */
.largepadding{padding:0.7em}

/* A small space to the next section. */
.marginbottom{margin-bottom:1em}
/* On the top too. */
.margintop{margin-top:1em}
/* remove bold/italic styles */
span.plainstyle{font-weight:normal; font-style:normal}
/* float a list horizontally */
ul.horizlist{width:100%}
ul.horizlist li{float:left; padding:0.2em 0.4em 0.2em 0.4em; vertical-align:top}
/* make a inline-list */
ul.nolist li{display:inline}
/* Helping style to clear floated items. */
.clearfix:after{ content:".";  display:block;  height:0;  clear:both;  visibility:hidden}

.clearfix{display:inline-block}

/* custom */
b.nav {color:#A0FF62}

/* Hides from IE-mac. \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac. */
/* ************************************* */
/* Some specific SMF elements				*/
/* ************************************* */
/* A quote, perhaps from another post. */
blockquote{ border:dotted #666 1px;  border-left:solid #ff5a00 5px;  margin:10px 0px 10px 0px;  padding:15px;  color:#333;  font-style:italic;  font-size:12px;  background:#fcfcfc}

/* A code block - maybe even PHP; ). */
code{background-color:#FFF; display:block; font-family:"courier new","times new roman",monospace; font-size:x-small; line-height:1.3em; /* Put a nice border around it. */ border:dotted #666 1px;  border-left:solid #72879a 5px;  margin:0px;  padding:15px;  color:#333;  font-style:italic; /* Stop after about 24 lines,and just show a scrollbar. */max-height:24em; overflow:auto}

/* The "Quote:"and "Code:"header parts... */
.quoteheader, .codeheader{color:#000; text-decoration:none; font-style:normal; font-weight:bold; font-size:x-small; line-height:1.2em; width:100%}

/* For links to change the code stuff... */
.codeoperation{font-weight:normal}

/* Styling for BBC tags */
.bbc_color a{color:inherit}
.bbc_img{border:0}
.bbc_list{margin-top:0; margin-bottom:0; margin-left:2em}
.bbc_list li{list-style:disc}
.bbc_list li li{list-style:circle}
.bbc_size{line-height:1.3em}
.bbc_table{font:inherit; color:inherit}
.bbc_table td{font:inherit; color:inherit; vertical-align:top}
.bbc_u{text-decoration:underline}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help{cursor:help}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction{color:red}

/* The main post box - this makes it as wide as possible. */
.editor{width:96%}

/* Highlighted text - such as search results. */
.highlight{background-color:yellow; font-weight:bold; color:black}

/* A more discreet highlight colour, for selected membergroups etc. */
.highlight2{background-color:#B3F4B0; color:black}

/* ************************************* */
/* Real common classes						 */
/* ************************************* */
/* Alternating backgrounds for posts, and several other sections of the forum. */
/* 
CODIGO ORIGINAL
.windowbg{color: #000000; background-color:#f1f5f8; border-bottom:1px solid #000000}
*/
.windowbg{color: #000000; background-color:#f1f5f8; border-bottom:1px solid #000000}
/*
CODIGO ORIGINAL
.windowbg2{color:#000000; background-color:#f1f5f8}
*/
.windowbg2{color:#000000; background-color:#f1f5f8}
/*
CODIGO ORIGINAL
.windowbg3{color:#000000; background-color:#f1f5f8}
*/
.windowbg3{color:#000000; background-color:#f1f5f8}

.windowbg4{color:#0000000; border-bottom:1px solid #000000}

/*
CODIGO ORIGINAL
.windowbg5{color:#000000; background:url(images/windowbg5.gif) #f1f5f8 top repeat-x;}
 */
.windowbg5{color:#000000; background:url(images/windowbg5.gif) #f1f5f8 top repeat-x;}
/* Fin de cambios */

/* Color for background of posts requiring approval */
.approvebg{ background:url(images/topic_bg.gif) #edf1f4 bottom repeat-x;  border-left:3px solid #ecbd90;  border-right:3px solid #ecbd90}
/* Color for background of *topics* requiring approval */
.approvetbg{ background:url(images/aprove_bg.gif) #edf1f4 bottom repeat-x;  border-bottom:3px solid #d2e1e9}

/* the today container in calendar */
.calendar_today{background-color:#FFF}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) 
CODIGO ORIGINAL
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, #credits h3{color:#5b7083; font-style:normal; background:url(images/titlebg.jpg) #c3dff2 repeat-x; border-bottom:solid 1px #9dc0d8; padding-left:10px; padding-right:10px}
.titlebg, .titlebg a:link, .titlebg a:visited{font-weight:bold; color:#5b7083; font-style:normal}

.titlebg a:hover{color:#404040}
*/
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, #credits h3{color:#5b7083; font-style:normal; background:url(http://www.totalizee.com.mx/Themes/Prof/images/catbg.gif) #000000 repeat-x; border-bottom:solid 1px #9dc0d8; padding-left:10px; padding-right:10px}
.titlebg, .titlebg a:link, .titlebg a:visited{font-weight:bold; color:#5b7083; font-style:normal}

.titlebg a:hover{color:#404040}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited{color:black; font-style:normal; text-decoration:underline}

.titlebg2 a:hover{text-decoration:underline}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers. */
.catbg, tr.catbg td, .catbg3, tr.catbg3 td{background:url(images/catbg.gif) #5b7083 repeat-x; color:#fff; padding-left:10px; padding-right:10px}
.catbg2, tr.catbg2 td{background:url(images/catbg.gif) #5b7083 repeat-x; color:#fff; padding-left:10px; padding-right:10px}
.catbg, .catbg2, .catbg3{border-bottom:solid 1px #fff}
.catbg, .catbg2{font-weight:bold}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited{font-size:95%; color:white; text-decoration:none}
.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited{color:white; text-decoration:none}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover{color:#e0e0ff}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor{padding:0px; background-color:#9dc0d8}

/* This is used on tables that should just have a border around them. */
.tborder{padding:1px; border:1px solid #99a2a9; background-color:#FFF}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage{overflow:auto; line-height:1.3em; width:100%}
.postarea .post{clear:right; float:left}
/* add a visual divider between subject and post */
.post .inner{padding-top:0.7em}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here; ). */
.signature{clear:right; padding:1em 0 3px 0; border-top:solid 1px #888; width:100%; overflow:auto; line-height:1.3em}

/* Sometimes there will be an error when you post */
.error{color:red}

/* Messages that somehow need to attract the attention. */
.alert{color:red}

/* Calendar colours for birthdays, events and holidays */
.birthday{color:#920AC4}

.event{color:#078907}

.holiday{color:#000080}

/* Colours for warnings */
.warn_mute{color:red}

.warn_moderate{color:orange}

.warn_watch{color:green}

a.moderation_link, a.moderation_link:visited{color:red; font-weight:bold}

.openid_login{background:white url(images/openid.gif) no-repeat; padding-left:18px}

/* The AJAX notifier */
#ajax_in_progress{background:#32CD32; color:white; text-align:center; font-weight:bold; font-size:18pt; padding:0.4em; width:100%; position:fixed; top:0; left:0}

#ajax_in_progress a{color:white; text-decoration:underline; font-size:smaller; float:right}

/* ************************************* */
/* Buttons and menus							*/
/* ************************************* */
.buttonlist ul, .buttonlist_bottom ul{background:url(images/maintab_first.gif) no-repeat; padding-left:13px; padding-bottom:4px; padding-top:4px}
.buttonlist ul li, .buttonlist_bottom ul li{margin:0; padding:0; display:inline}
.buttonlist ul li a, .buttonlist ul li a:visited, .buttonlist_bottom ul li a, .buttonlist_bottom ul li a:visited{float:left; display:block; color:#69808e; font-size:0.8em; font-family:tahoma,sans-serif; text-transform:uppercase; border-bottom:4px solid #47c63b}
.buttonlist ul li a:hover, .buttonlist_bottom ul li a:hover{color:#65c9eb; text-decoration:none; border-bottom:4px solid #92b7ca}
.buttonlist ul li a span, .buttonlist_bottom ul li a span{display:block; padding:0.1em 0.5em 0 0.5em}
.buttonlist ul li a.active, .buttonlist_bottom ul li a.active{background:url(images/maintab_active_last.gif) no-repeat bottom right; padding-right:8px}
.buttonlist ul li a.active span em, .buttonlist_bottom ul li a.active span em{padding:0.1em 0.5em 0.5em 0.5em; display:block; font-style:normal; background:url(images/maintab_active_back.gif) repeat-x bottom right}
.buttonlist ul li a.active span, .buttonlist_bottom ul li a.active span{background:url(images/maintab_active_first.gif) no-repeat bottom left; padding:0 0 0 8px}

/* For links that are basically submit buttons. */
.buttonlist_submit{background:transparent; color:white; text-transform:uppercase; vertical-align:top; text-decoration:none; font-size:9px; font-family:tahoma,sans-serif; border:0}

.buttonlist_submit:hover{color:#e0e0ff}

/* ..for the "bottom"menu */
.buttonlist_bottom ul{background:url(images/maintab_first.gif) no-repeat; background-position:-3px}
.buttonlist_bottom ul li a span{padding:0.5em 0.5em 0.1em 0.5em}
.buttonlist_bottom ul li a.active{background:url(images/mirrortab_active_last.gif) no-repeat top right}
.buttonlist_bottom ul li a.active span em{background:url(images/mirrortab_active_back.gif) repeat-x top right}
.buttonlist_bottom ul li a.active span{background:url(images/mirrortab_active_first.gif) no-repeat top left}

/* the old type of menu, with images */
.oldbuttonlist{text-align:right; padding:0.5em}

/* ************************************* */
/* The below is deprecated.				  */
/* ************************************* */
/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last{color:white; text-transform:uppercase; vertical-align:top}
.maintab_back, .maintab_active_back{color:white; text-decoration:none; font-size: 9px; vertical-align:top; padding:2px 6px 6px 6px; font-family:tahoma,sans-serif}

.maintab_first{background:url(images/maintab_first_prev.gif) left bottom no-repeat; width:10px}
.maintab_back{background:url(images/maintab_back.gif) left bottom repeat-x}
.maintab_last{background:url(images/maintab_last_prev.gif) left bottom no-repeat; width:8px}
.maintab_active_first{background:url(images/maintab_active_first.gif) left bottom no-repeat; width:6px}
.maintab_active_back{background:url(images/maintab_active_back.gif) left bottom repeat-x}
.maintab_active_last{background:url(images/maintab_active_last.gif) left bottom no-repeat; width:8px}

/* how links behave in main tab. */
.maintab_back a:link, .maintab_back a:visited, .maintab_active_back a:link, .maintab_active_back a:visited{color:white; text-decoration:none}

.maintab_back a:hover, .maintab_active_back a:hover{color:#e0e0ff; text-decoration:none}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last{color:white; text-transform:uppercase; vertical-align:top}
.mirrortab_back, .mirrortab_active_back{color:white; text-decoration:none; font-size:9px; vertical-align:bottom; padding:6px 6px 2px 6px; font-family:tahoma,sans-serif}

.mirrortab_first{background:url(images/mirrortab_first_prev.gif) no-repeat; width:10px}
.mirrortab_back{background:url(images/mirrortab_back.gif) repeat-x}
.mirrortab_last{background:url(images/mirrortab_last_prev.gif) no-repeat; width:6px}
.mirrortab_active_first{background:url(images/mirrortab_active_first.gif) no-repeat; width:6px}
.mirrortab_active_back{background:url(images/mirrortab_active_back.gif) repeat-x}
.mirrortab_active_last{background:url(images/mirrortab_active_last.gif) no-repeat; width:8px}

/* how links behave in mirror tab. */
.mirrortab_back a:link, .mirrortab_back a:visited, .mirrortab_active_back a:link, .mirrortab_active_back a:visited{color:white; text-decoration:none}

.mirrortab_back a:hover, .mirrortab_active_back a:hover{color:#e0e0ff; text-decoration:none}

/* These are for the auto suggest floating div type thing. */
.auto_suggest_div{border:1px solid #505050; position:absolute; font-size:.7em}

/* An auto suggest item */
.auto_suggest_item{background-color:#FAFAFA; padding:2px}

/* hovered auto suggest item */
.auto_suggest_item_hover{background:url(images/autosuggest_back.gif) repeat-x; background-color:#7897B4; padding:2px; cursor:pointer; color:white}

.logobg{ background: #406ea7 url(images/shadow_header.jpg) left repeat-x; width:100%; height:120px; margin:0 auto}

.shadow_header{  width:960px;	height:120px; margin:0 auto;  background: #406ea7 url(images/header.jpg) left no-repeat; }

.profile_hight{  background:url(images/profile_hight.gif) left bottom no-repeat;	padding:10px}

.who_{  background-color:#f3f4f3;	border:1px solid #ced6dd}

.profile_look{  text-align:center;	margin:3px 0 3px 0}

.topic_bg{	background:url(images/topic_bg.gif) #edf1f4 bottom repeat-x;	 border:2px solid #d2e1e9}

#twitter_update_list {font: small-caps 14px Calibri,'Trebuchet MS',Verdana,sans-serif}

.centro {color:yellow; font-size:115%}

.tituloright1 {color:#FF6283; font: italic bold 115% Georgia,serif}

.textcentro {text-align:center}

.cuerporight {width:170px}

/*.copy{	background:url(images/smf_rus.gif) center top no-repeat}*/