/*

===================================
Color Guide
===================================

gelpy green #070
gelpy dark green #040

dark/font grey  #444 
midd grey #777
light grey #ccc
very light grey #f1f1f1


good green #040
light green #deffa4
dark green #040

error red #900;
error red light #fcc;
error red dark #7a0000;

aviso orange #4c4c3f;
aviso orange light #ffc;
aviso orange dark #6b5e2b;

===================================
*/

#wrap {
text-align:left;
color: #444;
}

#wrap{
margin:0 auto;
width: 960px;
}

hr{display: none;}
 
/* General Stuff ========================= */
p{margin-bottom: 10px;}
strong{font-weight: bold;}
a:link, a:visited{ color:#070}
a:hover{text-decoration:none; color: #070}
a:focus, a:active {outline: none; text-decoration:underline; color: #070;}

.wrong{color: #f00!important;}
.ok{color: #070!important;}
.move{color: #f70!important; cursor:move!important;}

.active a{cursor: default}

::-moz-selection { background: #dfc; color: #000; }
::selection { background: #dfc; color: #000;}

h1{font-size:138.5%;}
h2{font-size:182%;letter-spacing: -1px;}
h3{font-size:123.1%; margin-bottom: 10px; clear: both;}
h3.noclear{font-size:123.1%; margin-bottom: 10px; clear: none!important;}
h5{margin-bottom: 10px;}
h1,h2,h3,h4,h6, h5, strong{font-weight:bold;}
em{font-style:italic;}

.NoMargin{margin-left: 0!important; clear: left;}

.module{margin-bottom: 30px !important ;}


/* 2.header ========================= */

#header{margin:30px 0 30px 0;}

/* Logo nuevo invirtiendo cabeceras */

#identidad{
float: left;
width: 250px;
background: url(../images/logo.jpg) no-repeat 0 0;
padding: 0 0 0 55px;
}

#identidad h2{
font-family: Trebuchet ms, Arial, Verdana;
color: #000000;
text-decoration: none;
font-size: 240%;
padding: 0 0 0 0;
margin: -7px 0 0 0;
}
#identidad h2 a { text-decoration: none; color: #000000; } 

#identidad h1{
font-family: Arial, Sans, Verdana;
font-size: 90%;
text-decoration: none;
color: #7f7f7f;
text-transform: uppercase;
letter-spacing: 0;
margin: -3px 0 0 1px;
}
#identidad h1 a { text-decoration: none; color: #7F7F7F; }

/* 2-1.TopMenu ========================= */

#NavBar{float: right; margin-bottom: 10px;}

#NavBar li{float: left;}

#NavBar li a{
padding: 10px;
display: block;
margin-left: 10px;
font-size: 131%;
text-decoration: none;
font-weight: bold;
color: #444;
}

#NavBar li a:hover, #NavBar li.active a{
text-decoration: underline;}

#NavBar li:last-child a{
background: #070;
color: #fff;
text-transform: uppercase;
margin-left: 20px;
}

#NavBar li:last-child a:hover{
background: #040;
text-decoration: none;}


/* ToolBar ========================= */

#ToolBar{
clear: both;
padding-top: 5px;
border-top: 1px dotted #ccc;
}

#search{float: left; position:relative;}

#ToolBar label{display: none;}

#search a{
font-size: 85%;
font-weight: bold;
color: #ccc;
}

#AdvanceSearch{
}

#AdvanceSearch .column
{
float:left;
width: 400px;
margin: 0px 10px 10px 10px;
padding: 5px 20px 0px 20px;
}

#AdvanceSearch .border
{
border-right: 1px solid #c0c0c0;
}

#AdvanceSearch select {
width: 165px;
}

#AdvanceSearch input {
width: 160px;
}

#AdvanceSearch label{
display: inline;
float: left;
width: 100px;
}

#AdvanceSearch li
{
margin-bottom: 5px;
}

#UserMenu{float: right;}

#UserMenu li{
float: left;
padding: 1px 0 1px 10px;
margin-left: 10px;
border-left: 1px solid #ccc;
}

#UserMenu li:first-child{border: none;}

#UserMenu li a{font-weight: bold;}


/* more ========================= */

h6 a{
display: block;
font-size: 85%;
text-transform: uppercase;
padding: 2px 0 2px 20px;
background: transparent url(../images/icons/add.png) no-repeat left center;
clear: both;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
color: #444!important;
text-decoration: none;
}
h6 a:hover{
text-decoration: underline;}


/* MainTitle ========================= */

#MainTitle p, #MainTitle h1{
font-size: 152%;
font-weight: normal;
margin-bottom: 10px;}

#MainTitle h2{
font-size: 220%;
margin: 25px 0 0px 0;
text-align: center;
}

#MainTitle ul{
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}

#MainTitle ul li{
float: left;
}

#MainTitle ul li a{
display: block;
color: #777;
font-size: 100%;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
margin:0 20px 0px 0;
padding-bottom: 3px;
}

#MainTitle ul li a:hover{color: #444;}

#MainTitle ul li.active a{
color: #444;
background: url(../images/arrow.gif) no-repeat bottom center;
}


/* main ========================= */

#main{
float: left;
width: 620px;
margin-bottom: 20px;}

/* fullwide ========================= */
#fullwide{
float: left;
width: 960px;
margin-bottom: 20px;}

/* User ========================= */ 
.user{
float: left;
width: 280px;
margin: 0  10px 20px 0;
}

/* normal */
.user ul{margin-left: 60px;}
.user li ul{ margin: 0;}

/* small */
ul.small { margin: 4px 0 0 40px!important; }

.user .photo{
float: left;
margin: 0;
}


.user .photo a img{display: block;}
.user .photo a:hover img{background: #777;}

.user li{font-size: 85%;}
.user li.fn{font-size: 100%;font-weight: bold;}

.user .adr{ margin-bottom: 5px;}

.user .tool a{
display: block;
text-transform: uppercase;
font-weight: bold;
padding: 2px 0 2px 20px;
background-color: transparent;
background-position: left center;
background-repeat: no-repeat;
color: #444;
text-decoration: none;
} 

.user .tool a:hover{text-decoration: underline;}


.AddFriend a{background-image: url(../images/icons/user_add.png)}
.DeleteFriend a{background-image: url(../images/icons/user_delete.png)}
.Thread a{background-image: url(../images/icons/email_open.png)}
.Delete a{background-image: url(../images/icons/cancel.png)}
.SendMessage a{background-image: url(../images/icons/email_go.png)}
.ReplayMessage a{background-image: url(../images/icons/email_replay.png)}
.GoUser a{background-image: url(../images/icons/user_go.png)}
.flag a{background-image: url(../images/icons/flag_red.png)}
.ThumbUp a{background-image: url(../images/icons/thumb_up.png)}
.ThumbDown a{background-image: url(../images/icons/thumb_down.png)}
.maps a{background-image: url(../images/icons/map.png)}
.flag a{background-image: url(../images/icons/flag_red.png)}
.flag a{background-image: url(../images/icons/flag_red.png)}
.EditFavour a{background-image: url(../images/icons/page_white_edit.png)}
.heart a{background-image: url(../images/icons/heart.png)}
.NoHeart a{background-image: url(../images/icons/heart_delete.png)}
.UserComment a{background-image: url(../images/icons/user_comment.png)}
.CloseFavour a{background-image:  url(../images/icons/page_white_zip.png)}
.EditPictures a{background-image: url(../images/icons/camera.png)}




.map{background-image: url(../images/icons/map.png)}

a.icon{
background-position: left center;
background-repeat: no-repeat;
font-size: 85%;
font-weight: bold;
padding:2px 0 2px 20px;margin-left: 20px;
color: #444;
text-decoration: none;
}

a.icon:hover{text-decoration: underline;}

/* Links ========================= */

#links{
margin-bottom: 10px;
}

#links li{
float: left;}

#links li a img{
display: block;
margin-right:5px;
}


/* Estadisticas ========================= */

.graph { 
    position: relative; /* IE is dumb */
    width: 294px; 
    border: 1px solid #ccc; 
    padding: 2px; 
    margin-bottom: 5px;					
}

.photo .graph{
width: 46px;
padding: 1px;
margin: 2px 0 0 0;
}


.graph strong { 
    display: block;	
    position: relative;
    text-align: center; 
    color: #000; 
    height: 20px; 
    line-height: 20px							
}

.photo .graph strong{
line-height: 2px;
height: 2px;}

.graph strong span { position: absolute; left: 5px; } /* This extra markup is necessary because IE doesn't want to follow the rules for overflow: visible */

.LevelOne {background: #091; width: 100%;}
.LevelTwo {background: #ae7; width: 75%;}
.LevelThree {background: #fc0;width: 50%;}
.LevelFour {background: #f70;width: 25%;}
.LevelFive {background: #f00;width: 5%;}


/* fidelidad */
/*.photo{border: 1px solid #ccc; border-bottom-width: 4px;}
.LOne {border-color: #091;}
.LTwo {border-color: #ae7;}
.LTree {border-color: #fc0;}
.LFour {border-color: #f70;}
.LFive {border-color: #f00;}
*/



/* UserHeader ========================= */

.UserHeader{margin-bottom: 20px;}

.bocadillo{
background: url(../images/bocadillo_UserHeader.gif) no-repeat left bottom;
padding-bottom: 25px;
margin-bottom: 0;}

.UserHeader .vcard{float: left;margin-left: 10px;}

.UserHeader h2, .UserHeader ul, .UserHeader .photo{float: left;}

.UserHeader h2{font-size: 197%;}
.UserHeader h2 a { text-decoration: none; color: #444;}
.UserHeader h2 a:hover { text-decoration: underline;}

.UserHeader ul{
margin-left: 20px;
}

.UserHeader ul li{float: left; margin-top: 10px;}

.UserHeader ul li a{
display: block;
font-size: 85%;
text-transform: uppercase;
margin-left: 10px;
padding:2px 0 2px 30px;
border-left: 1px solid #ccc;
font-weight: bold;
background-repeat: no-repeat;
background-position: 10px 50%;
color: #444;
text-decoration: none;
}

.UserHeader ul li a:hover{text-decoration: underline;}

.UserHeader ul li:first-child a{
border: none;
}

.UserHeader p{
clear: both;
margin:0;
padding-top: 2px;}

/* MainTable ========================= */

.MainTable{width: 100%;}

.MainTable th{
font-weight: bold;
text-transform: uppercase;
font-size: 85%;
}

.MainTable tr, .MainTable td{border-top: 1px dotted #ccc;}

.MainTable th, .MainTable td{padding: 5px 0;}

.MainTable td.points{font-weight: bold;}
.MainTable td.points span{
font-size: 85%;
text-transform: uppercase;}

.peque { font-size: 90%; }
.diminuto { font-size: 72%; }
.right { text-align: right; width: 25px; }

/* Mp ========================= */


.MainTable tr.new{background-color: #fff8dd;}
.MainTable td li a{font-weight: bold;}

.MainTable td a.wrong{
font-size: 85%;
font-weight: bold;}

.MainTable td a img{
display: block;
margin: 2px 0;
}


.MainTable li.date{
font-size: 85%;
color: #777;}

.action{margin-bottom: 5px;}




/* Box ========================= */

.box{
padding: 19px;
border: 1px solid #ccc;
border-top: none;
}

.date{
color: #ccc;
margin: -5px 0 15px 0!important;
}

/* TabMenu ========================= */

.TabMenu{
background: url(../images/tab_border.gif) repeat-x bottom left;
margin-bottom: 20px;}

.TabMenu li{
float: left;
margin-right: 5px;
}

.TabMenu li.derecho{
float: right;
margin-left: 5px;
margin-right: 0; !important
}

.TabMenu li a{
display: block;
padding: 10px;
background: #f1f1f1;
font-size: 85%;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
color: #888;
margin-bottom: 1px;
}

.TabMenu li a:hover{color: #444;}

.TabMenu li.active a{
color: #444;
border:1px solid #ccc;
border-bottom: none;
padding: 9px 9px 11px 9px;
background: #fff;
margin-bottom: 0;
}

.TabMenu li.title {
display: block;
padding-top: 2px;
font-size: 182%;
text-decoration: none;
font-weight: bold;
color: #888;
margin-bottom: 1px;
}


/* Tags ========================= */

ul.tags{margin-bottom: 20px;}
ul.tags li{
float: left;
}

ul.tags li a{
display: block;
padding: 2px 4px;
margin: 0 2px 2px 0;
font-weight: bold;
background: #9d9;
word-wrap: normal;
color: #fff;
text-decoration: none;
}

ul.tags li a:hover{
background: #080;}

/* pictures ========================= */

.pictures{margin-bottom: 10px;}
.pictures li{
float: left;
margin: 0 0 10px 10px;
}

.pictures li a img{
display: block;
padding: 4px;
border: 1px solid #ccc;
}

.pictures li a:hover img{
background: #ccc;
}

/* FavourMenu ========================= */

.FavourMenu {
border-top: 1px dotted #ccc; 
padding-top: 10px; 
margin: 10px 0 10px 0;}

.FavourMenu li{float: left;}

.FavourMenu li a{
display: block;
font-size: 85%;
text-transform: uppercase;
margin-right: 10px;
padding:2px 0px 2px 30px;
border-left: 1px solid #ccc;
font-weight: bold;
background-repeat: no-repeat;
background-position: 10px 50%;
color: #444;
text-decoration: none;
}

.FavourMenu li a:hover{text-decoration: underline;}

.FavourMenu li:first-child a{
border: none;
}

/* Fixes for user snap */

.user .FavourMenu { border-top: none; padding: 0; margin: 7px 0px 0px 60px; }
.user .FavourMenu li a { border: none; font-size: 95%;}

/* SideBar ========================= */

#SideBar{
float: right;
width: 300px;
margin-bottom: 20px;
}



/* Comments ========================= */

.comment{
margin:  0 0 10px 0;
min-height: 50px;
}

.comment .photo{
float: left;
}

.dialog{
background-image:  url(../images/bocadillo_comment.gif);
background-repeat: no-repeat;
background-position: 5px 0;
margin-left: 50px;
padding-left: 25px;
}

.me .dialog {background-image: url(../images/bocadillo_comment_form.gif)}

.comment .CommBox{
padding: 15px 20px 10px 20px;
border: 1px solid #ccc;
border-left: none;
}

.comment .over{
}

.comment .over:hover{
padding-bottom: 8px;
padding-right:  18px;
border-right: 3px solid #ccc;
border-bottom: 3px solid #ccc;
cursor: pointer;
}

.me .CommBox{background: #fff9e0; border: none;}

.comment form label{
color: #494842;
margin-bottom: 5px;
}

.comment form textarea{
display: block;
height: 80px;
width: 480px;
margin-bottom: 5px;
}

.comment h4{font-size: 123.1%; margin: 0 0 5px 0;}
.comment h5{margin-bottom: 4px;}

.comment .points{
float: right;
font-size: 100%;
font-weight: bold;
margin-left: 10px;
}

.comment .points strong{font-size: 200%;}


/* form ========================= */

input[type="text"], select, textarea{
border: 1px solid #ccc;
padding: 2px;
color: #222;
}
input[type="password"] {
border: 1px solid #ccc;
padding: 2px;
color: #222;
}
select{padding: 1px;}

input[type="text"]:focus, select:focus, textarea:focus{border-color: #444; color: #444;}

/* input[type="submit"]{
background: #070;
border: none;
padding: 2px 10px;
font-weight: bold;
color: #fff;
}

input[type="submit"]:hover, input[type="submit"]:focus{
background: #040;
cursor: pointer;
}*/


/* MainForm ========================= */


.MainForm{
margin-bottom: 20px;
}

.MainForm fieldset{
border-top: 1px solid #ccc;
margin-top: 20px;
}

.MainForm legend{
margin-left: 10px;
padding: 0 5px;
font-weight: bold;
text-transform: uppercase;
}

.MainForm ol{margin: 10px 0;}

.MainForm ol li{
margin: 0 0 10px 0;
border-bottom: 1px dotted #ccc;
padding-bottom: 10px;
}

.MainForm li label{
float: left;
width: 160px;
padding-top: 5px;}

.filtro li label{
font-weight: bold;
}

.MainForm li label em{
font-size: 80%;
color: #777;}


.MainForm input, .MainForm textarea{
border: 1px solid #ccc;
border-top: 2px solid #ccc;
padding: 3px;
font-weight: bold;
width: 250px;
background-color: #f1f1f1;
}

.MainForm input.short{width: 35px;}

.MainForm input:focus, .MainForm textarea:focus{
color: #777!important;
border-color: #777;
background-color: #fff;
}

.MainForm p input{
padding: 5px 20px;
width: auto;
margin-left: 170px;
background: #070;
color: #fff;
border: none;
cursor: pointer;
}
.MainForm p input:hover{background: #040;}


.MainForm input.wrong{
border-color: #f00;
color: #f00!important;
background: #ffd5d5;
}

.MainForm input.ok{border-color: #080;}

.MainForm strong{color: #f00;}
.MainForm strong.regular{color: #222;}

.MainForm strong.ok{color: #040;}

.MainForm fieldset fieldset{
border: none;
margin-bottom: 10px;}


.MainForm fieldset fieldset legend{
margin-left: 0px;
padding: 0px 0 5px 0;
font-weight: normal;
text-transform: none;
color: #444;
}

.MainForm fieldset fieldset label{
text-align: left;
display: block;
width: auto;
float: none;
margin-left: 170px;
}

.MainForm fieldset fieldset label input{
border-top: 2px solid #ccc;
padding: 0px;
font-weight: normal;
width: auto;
border: none;
background: no-repeat;
}

.MainForm small { padding-left: 160px; }

/* Paginacion ========================= */

.pgn{
clear: both;
margin: 10px 0 40px -2px!important;
}

.pgn li{
float: left;
line-height: 22px;
color: #ccc;
}

.pgn li a{
display: block;
border: 1px solid #ccc;
padding: 0px 6px;
margin: 0 2px 5px 2px;
color: #777;
text-decoration: none;
}

.pgn li a:hover{
background: #777;
color: #fff;
}

.pgn li.active a{
background: #070;
border-color: #070;
color: #fff;
}


/* Avisos ========================= */

.aviso{
padding: 15px 15px 3px 15px;
margin: 0 0 25px 0;
background: #fff8dd;
color: #4c4c3f;
}

.extended_search{
background: #f4f4f4;
color: #900;
}

.error{
background: #fcc;
color: #900;
}

.sucess{
background: #deffa4;
color: #040;
}

.aviso a{color: #6b5e2b; text-decoration: underline;}
.error a{color: #7a0000;}
.sucess a{color: #040;}

.aviso h5{
margin-bottom: 10px;
font-weight: bold;
font-size: 116%;
}

.aviso h6 a{
float: right;
background-image: url(../images/icons/cancel.png);
background-repeat: no-repeat;
background-position: 0 0;
background-color: transparent;
width: 16px;
height: 16px;
text-indent: -999999px;
border: none;
padding: 0;
display: inline;
clear: none;
}

/* infoBox ========================= */

.points h2{font-size: 182%; text-transform: uppercase;}
.points h2 strong {font-size: 182%; text-transform: none;}

.points a{
float: right;
font-size: 85%;
font-weight: bold;
margin-top: 30px;
text-transform: uppercase;
display: block;
padding-left: 10px;
background: url(../images/icon_raise.gif) no-repeat left center;
color: #070;
text-decoration: none;
}

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

.BtnGeneral a{
display: block;
background: #070;
text-align: center;
color: #fff!important;
text-transform: uppercase;
text-decoration: none;
max-height: 30px;
padding: 10px 0;}

.BtnGeneral a:hover{background: #040;}

.InfoList dt{
font-weight: bold;
float: left;
width: 140px;
text-align: right;
padding: 0 0 5px 0px;
}

.InfoList dd{
padding: 0 0 5px 0px;
margin-left: 145px;}


.InfoBox{position: relative;}
.InfoBox .arrow{
position: absolute;
left: -20px;
}

.InfoBox p { margin: 0px 0 8px 0; }
.aviso .cambiarap { color: #444; border-bottom: 1px dashed #808080; text-decoration: none; }
.aviso .cambiarap:hover { font-weight: bold; color: #444; border-bottom: 1px dashed #808080; text-decoration: none; }

/* MainList ========================= */

.MainList{margin-bottom: 10px;}

.MainList li{
padding: 4px 0 4px 20px;
background-position: 0 2px;
background-repeat: no-repeat;
}

.MainList li a{text-decoration: none;}

.MainList li a:hover{text-decoration: underline;}

.GoFavour li{background-image: url(../images/icons/page_white_go.png)}
.favour{background-image: url(../images/icons/page_white_go.png)}
.offer{background-image: url(../images/icons/heart.png)}
.outgoing{background-image: url(../images/icons/user_go.png)}
.incoming{background-image: url(../images/icons/user_come.png)}
.follow{background-image: url(../images/icons/user_add.png)}
.msn{background-image: url(../images/icons/email_open.png)}
.coin{background-image: url(../images/icons/coins_add.png)}
.CoinDelete{background-image: url(../images/icons/coins_delete.png)}

.HelpIn a{background-image: url(../images/icons/heart_in.png)}
.HelpOut a{background-image: url(../images/icons/heart_out.png)}

/* Footer ========================= */

#footer{
clear: both;
border-top: 1px dotted #ccc;
margin-top: 10px;
padding: 10px 0 20px 0;
}

#footer ul, #footer ul li{float: right;}

#footer ul li a{
display: block;
padding: 3px 15px 5px 0px;
margin-right: 0px;
margin-left: 15px;
border-right: 1px solid #ccc;
}

#footer ul li:first-child a{ border: none}
#footer p{ float: left;}
#footer img { margin-top: -3px; }

/* Clear Fix ========================= */

#header:after, #ToolBar:after, .module:after, .UserHeader:after, .UserHeader .vcard:after, ul.tags:after, .pictures:after, .FavourMenu:after, .comment:after, .dialog:after, .TabMenu:after, #footer:after, #MainTitle ul:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html #header, * html #ToolBar, * html .module, * html .UserHeader, * html .UserHeader .vcard, * html ul.tags, * html .pictures, * html .FavourMenu, * html .comment, * html .dialog, * html .TabMenu, * html #footer, * html #MainTitle ul{display: inline-table;}

/* Hides from IE-mac \*/
#header, #ToolBar, .module, .UserHeader, .UserHeader .vcard, ul.tags, .pictures, .FavourMenu, .comment, .dialog, .TabMenu, #footer, #MainTitle ul {height: 1%;}
#header, #ToolBar, .module, .UserHeader, .UserHeader .vcard, ul.tags, .pictures, .FavourMenu, .comment, .dialog, .TabMenu, #footer, #MainTitle ul {display: block;}
/* End hide from IE-mac */

/* IE6 hacks */

* html .user{display: inline;}
* html .InfoBox h5.BtnGeneral a{height: 1%;}

/** Hacks **/
.hidden { display: none; }

a.browse_link
{
    float: left;
    width: 30%;
    margin: 0px 10px 4px 0;
    padding: 4px 0px 3px 10px;
    display: block;
    text-decoration: none;
    border-bottom: 1px dotted #f0f0f0;
}

a.browse_link:hover
{
    background: #fafafa;
    padding-left: 7px;
    border-left: 3px solid #bdbdbd;
}

a.browse_link_mini
{
    margin: 0px 10px 4px 0;
    padding: 4px 0px 3px 10px;
    display: block;
    text-decoration: none;
    border-bottom: 1px dotted #f0f0f0;
    clear: both;
}

a.browse_link_mini:hover
{
    background: #fafafa;
    padding-left: 7px;
    border-left: 3px solid #bdbdbd;
}

.inactive
{
    filter: alpha(opacity=50);
    opacity: .5;
}


/* Default forms (only inside main) ========================= */

#main form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  /* max-width: 600px; */
  /* width: 560px; */
}

#main form fieldset {
  border-color: #C0C0C0;
  border-width: 1px;
  border-style: solid;
  margin: 20px 0px 10px 0px;
  padding: 15px;        /* padding in fieldset support spotty in IE */
}

#main form fieldset p
{
    margin: 0px 0px 10px 2px;
    color: #454545;
    font-size: 12px;
}

#main form fieldset img {

    margin: 5px 0px 0px 8px;
}

#main form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

#main form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
    font-weight: normal;
}

#main form input, #main form textarea, #main form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:3px 0px 5px 0px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

#main form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

#main textarea { overflow: auto; }

#main form small {
	display: block;
    margin: 0 0 15px 160px; /* instructions/comments left margin set to align w/ right column inputs */
    color: #454545;
    font-family: arial;
    font-size: 11px;
}

#main form .required { font-weight: bold; } /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#main .check
{
    width: auto;
    height; auto;
}

/* Ordered list */
.NormalText ul, .NormalText ol{margin:1em;}
.NormalText ol, .NormalText ul{margin-left:2em;}
.NormalText ol li{list-style:decimal outside;}
.NormalText ul li{list-style:disc outside;}

/** Links **/
.links img { margin: 15px 0 0px 0;}

/* Noticias */
.noticia { width: 300px; float: left; padding: 0 30px 0 0px;}
.last_child { padding: 0px; !important }
.noticia .titulo a {text-decoration: none; color: #444;}
.noticia .titulo a:hover { text-decoration: underline; }
.noticia p { text-align: justify;}

/* Columna escrutador */
#columna_derecha_jornada_en_juego { width: 220px; float: right; padding: 0 0 20px 20px;}
#seguimiento_twitter { margin-top: 10px; }

/* Para seguimiento de twitter */
.twtr-hd h3 { display: none; !important }
.twtr-hd h4 { display: none; !important }
.twtr-profile-img-anchor { display: none; !important }
/* .twtr-ft img { display: none; !important } */
/* .twtr-ft span { display: none; !important } */

/* Estilos para pelotitas de euromillones y primitiva */
ul.combinacion { list-style:none; margin: 0 0 0 0; padding: 5px 0 40px 0;}
ul.combinacion li { float: left; background-repeat: no-repeat; margin-right: 5px; min-width: 25px; text-align: center; font-size: 12px; padding: 5px 0 11px 0; }
li.numero { background-image:url('../images/f_numero.gif'); }
li.estrella { background-image:url('../images/f_estrella.gif'); min-width: 33px!important; margin-top: -2px!important; padding-top: 7px!important; }
li.reintegro { background-image:url('../images/f_reintegro.gif'); color: #fff; }
li.complementario { background-image:url('../images/f_complementario.gif'); color: #fff; }

/* Listas ordenadas de funcionamiento */
.list2 {
	color: #999;
	list-style: upper-roman outside;
}

.list2 p {
	color: #444;
}

/* Botes de la semana */

.bote_semana { margin: 15px 20px 0px 0px; text-align: right;}
.bote_semana img { float: left; }
.bote_semana span {padding-left: 20px; font-size: 240%;}