/********************************************

   AUTHOR:              Erwin Aligam 

   WEBSITE:             http://www.styleshout.com/

   TEMPLATE NAME:   Techmania 1.0

    TEMPLATE CODE:  S-0003

    VERSION:         1.1

 *******************************************/

 

/********************************************

   HTML ELEMENTS

********************************************/ 



/* Top elements */

* { margin:0; padding: 0; }



body {

    /*background-color: #3A3A3A;*/
    background:#D12420 url(top_bg.png) repeat-x scroll 0 0;
    color: #555; 
    /*font: 70%/1.5  Arial, 'Trebuchet MS',sans-serif;*/
    color:#2A3845;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.6em;
   

    text-align: center; 
    
    margin: 15px 0;

}  



/* links */

a   { 

    color: #0099FF;

    background: inherit;

    text-decoration: none;

}

a:hover { 

    color: #006699;

    background: inherit;     

}

 

/* headers */

h1, h2, h3 {

    font-family: 'Trebuchet MS', Arial, sans-serif;

    font-weight: bold;

}

h1 {

    font-size: 1.5em;   

}

h2 {

    font-size: 1.3em;

    text-transform: uppercase;

    color: #339900;

}

h3 {

    font-size: 1.1em;

    text-transform: uppercase;

    color: #333;

    letter-spacing: 1px;

}



h1, h2, h3, p { 

    padding: 0;

    margin: 10px 15px; 

}



ul, ol {

    margin: 10px 30px;

    padding: 0 15px;    

    color: #72A545; 

}

ul span, ol span {

    color: #666666;

}



/* images */

img {

    border: 2px solid #CCC;

}

img.float-right {

  margin: 5px 0px 10px 10px;  

}

img.float-left {

  margin: 5px 10px 10px 0px;

}



code {

  margin: 5px 0;

  padding: 10px;

  text-align: left;

  display: block;

  overflow: auto;  

  /*font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;TOLO*/

  /* white-space: pre; */

  background: #FAFAFA;

  border: 1px solid #EAEAEA;  

   /*border-left: 5px solid #72A545; TOLO*/
   
   

}

acronym {

  cursor: help;

  border-bottom: 1px solid #777;

}

blockquote {

    margin: 15px;

    padding: 5px  0px 5px 10px;    

    /*background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important; */
    
    /*background: #FAFAFA;/*url(quote.gif) no-repeat 5px 10px !important; */

    background-position: 8px 10px;

    /*border: 1px solid #EAEAEA; */

    /*border-right: 1px solid #EAEAEA;/*#72A545;*/
    
    /*border-bottom: 1px solid #EAEAEA;/*#72A545;  */

    /*font-weight: bold;*/
     
    /*text-align:justify;*/

}



/* form elements */

form {

    margin:10px 15px; padding: 0;

    border: 1px solid #EAEAEA; 

    background-color:#FAFAFA;

}

label {

    display:block;

    font-weight:bold;

    margin:5px 0;

}

input, select{

    padding:3px;

    
    border:1px solid #EAEAEA;
    font: normal 1em Verdana, sans-serif;

    color:#777;
    /*tolo*/
    background:#FFFFFF url(input.png) no-repeat scroll left top;
    max-width:180px;

}

textarea {

    width:400px;

    padding:4px;

    font: normal 1em Verdana, sans-serif;

    border:1px solid #eee;

    height:100px;

    display:block;

    color:#777;

}

input.button { 

    margin: 0; 

    font: bolder 12px Arial, Sans-serif; 

    border: 1px solid #EAEAEA;

    padding: 2px 3px; 

    background: #CCC url(buttonbg.gif) repeat-x left bottom; 

    color: #339900; 

}

input.button2 { 

    margin: 0; 

    font: bold 100% Arial, Sans-serif;

    border: 1px solid #CCC; 

    background: #CCC url(buttonbg.gif) repeat-x left bottom; 

    padding: 1px; 

    height: 25px;

    color: #333;    

    width: 55px;

}



/* search */

#sidebar #search {

    background: #f2f2f2;

    margin: 0 15px;

    padding: 5px 0; 

}

#sidebar #search img {

    vertical-align: bottom;

}

#sidebar #search .textbox {

    background: #FFF url(input.png) no-repeat top left; 

    border: 1px solid #EAEAEA;

    font-size: 11px;

    padding: 3px;   

    width: 110px;

}

#sidebar #search input.searchbutton { 

    margin: 0; 

    font: bold 100% Arial, Sans-serif;

    border: 1px solid #CCC; 

    background: #CCC url(buttonbg.gif) repeat-x left bottom; 

    padding: 1px; 

    height: 25px;

    color: #333;    

    width: 55px;

}



/*****************************

      LAYOUT 

******************************/
#main2{
margin: 0 auto ;

   padding:0;   

   text-align: left;

   background-color:#FFF;

    width: 980px; 

}
#wrap {

   margin: 0 auto ;

   padding:0;   

   text-align: left;

   background-color:#FFF;

   width: 790px;  
   
   
   /*border:1px solid #EAEAEA;  */

}

#content-wrap {

    clear:both;

   margin:0; padding:0;

    width: 790px;       

}



/* header */

#header {

    position: relative;

   clear:left;

   width: 100%;/*790px;*/

    /*height: 135px; */

    margin: 0; padding: 0;

    /*background: #000 url(headerbg.jpg) no-repeat left bottom;*/

    /*background: #000;*/

}

#header h1#logo-text {

    position: absolute;

    margin: 0; padding: 0;

    font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;

    letter-spacing: -2px;

    color: #FFF;

    text-transform: none;

    

    /* change the values of top and right to adjust the position of the logo*/

    top: 36px; right: 35px; 

}

#header h2#slogan {

    position: absolute;

    margin: 0; padding: 0;

    font: bold 1em 'Trebuchet MS', Arial, Sans-serif;

    text-transform: none;

    letter-spacing: 1px;

    color: #FFF;

    

    /* change the values of top and right to adjust the position of the slogan*/

    top: 85px; right:35px;      

}



/* menu tabs */

#header #header-tabs {

    position: absolute;

    top: 0; left: 0;

    width: 100%;

    height: 25px;

    /*background: #000;*/

   font: bold 1.1em Verdana, Tahoma, 'Trebuchet MS',  Sans-serif;  

} 

#header-tabs ul {       

    margin:0;

   padding:2px 0px 0px 7px;

   list-style:none;

}

#header-tabs li {

    display:inline;

   margin:0;

   padding:0;

}

#header-tabs a {

    float:left;

   background: url(tableft.gif) no-repeat left top;

   margin:0;

   padding:0 0 0 4px;

   text-decoration:none;

}

#header-tabs a span {

    float:left;

   display:block;

   background: url(tabright.gif) no-repeat right top;

   padding:7px 15px 4px 8px;

   color: #CCC;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#header-tabs a span {float:none;}

/* End IE5-Mac hack */

#header-tabs a:hover span {

    color:#FFF;

}

#header-tabs a:hover {

    background-position:0% -42px;

}

#header-tabs a:hover span { background-position: 100% -42px;}

#header-tabs #current a { background-position:0% -42px; }

#header-tabs #current a span { background-position:100% -42px; color: #FFF;}



/* main content */

#main {

    float: left;

    width: 69%;/*535px;*/

    margin: 0; padding: 0;

    background-color: inherit;

}

#main h1 {

    padding: 8px 0 3px 25px;

    text-transform: none;

    background: url(square_arrow.gif) no-repeat 0% .7em;

    border-bottom: 2px solid #f2f2f2;   

    color: #339900; 

}   



/* sidebar */

#sidebar {

    float: right;

    width: 30%;/*245px;*/

    margin: 0 0 10px 0; padding: 0;

    background-color: inherit;  

}

#sidebar h1 {

    padding: 8px 0px 3px 25px;

    background: url(square_arrow.gif) no-repeat 0% .7em;

    text-transform: none;   

    color: #339900;

}



#sidebar ul.sidemenu {

    list-style:none;

    margin:10px 15px;

    padding:0;      

}

#sidebar ul.sidemenu li {

    margin-bottom:1px;

    border: 1px solid #f2f2f2;

}

#sidebar ul.sidemenu a {

    display: block;

    font-weight: bold;

    color: #333;

    text-decoration:none;   

    padding: 2px 5px 2px 10px;

    background: #f2f2f2;

    border-left: 5px solid #CCC;    

    

    min-height: 18px;   

}



* html body #sidebar ul.sidemenu a { height: 18px; }



#sidebar ul.sidemenu a:hover {

    padding:2px 5px 2px 10px;

    background: #f2f2f2;

    color: #339900;

    border-left:5px solid #72A545;

}





/* footer */
/*
#footer { 

    clear: both;

    height: 40px;

    color: #CCC;

    background: #000;

    margin: 0;  

    font-size: 92%;         

}*/
#footer { 

clear: both;
background:#333333 none repeat scroll 0 0;
border-top:1px solid #222222;
color:#FFFFFF;
margin:60px 0 0;
padding:20px;
text-align:center;
}


#footer a { 

    text-decoration: none; 

    font-weight: bold;  

    color: #FFF; 

}

#footer #footer-left {

    width: 68%;

    float: left;

    text-align: left;

    margin: 0; padding: 10px;

}

#footer #footer-right {

    width: 25%;

    float: right;

    text-align: right;

    margin: 0; padding: 10px;

}



/* alignment classes */

.float-left  { float: left; }

.float-right { float: right; }

.align-left  { text-align: left; }

.align-right { text-align: right; }

.align-center { text-align: center; }



/* additional classes */

.clear {    clear:both; } 

.hide  { display: none; }

.gray  { color: #CCC; }



.comments { 

    color: #333; 

    background: #FFF;

    text-align: right; 

    border-top: 1px dashed #EFF0F1;

    border-bottom: 1px dashed #EFF0F1; 

    padding: 5px 0;

    margin-top: 20px;

}








/*


*/

ul.col2 

{ 

PADDING-RIGHT: 0px; 

PADDING-LEFT: 0px; 

FLOAT: left; 

PADDING-BOTTOM: 0px; 

MARGIN: 15px 10px; 

WIDTH: 92%; 

PADDING-TOP: 0px;

background:inhereit;



list-style-type: none;



} 

ul.col2 li

{ 

PADDING-RIGHT: 2px; 

DISPLAY: inline; 

PADDING-LEFT: 2px; 

FLOAT: left; 

PADDING-BOTTOM: 2px; 

WIDTH: 46%; 

PADDING-TOP: 0px;

margin-bottom:10px;

display:list-item;

text-align:left;

color: #555;

}







#header img{

border:0;

}

/*tolo*/
.textbox2 {

    background: #FFF url(input.png) no-repeat top left; 

    border: 1px solid #EAEAEA;

    font-size: 11px;

    padding: 3px;   

    width: 110px;

}




#tr-lista{
background:url("sprite.png");
}
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}



.post{
word-wrap: break-word;
overflow: hidden;
text-align:justify;
}

/*.post span.date, .post span.cat, .post span.user, .post span.comentario {padding-left:20px;}*/
#date {padding-left:20px;background:url("timeicon.gif") 0 50% no-repeat;}

#user {padding-left:20px;background:url("ico_user.gif") 0 50% no-repeat; margin-left:8px;}
#comentario {padding-left:20px;background:url("comentario.gif")  0 50% no-repeat; margin-left:8px;}

.noprint {display:none;}
.noscreen {display:none;}


.img-post{float:left;}
div#container{

}

div#containerpost {
/*margin: 0 auto;*/
margin-left:15px;
border-right: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
background: #FAFAFA;
}
#containerpost p {
word-wrap:normal;/* break-word;*/
/*text-align:justify;*/
/*overflow:hidden;*/}



#noticia_footer{
margin-left:15px;
padding-bottom:15px;
clear:both;
}

#link_noticia{
display:block;
font-size:15px;
color:green;
text-align:left;
}

.separador{
height:15px;
}

#lastcomments{
background: #FAFAFA;
padding:5px 5px 5px 5px;
border-right: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
}

#img_nb{
border: 0;
}

#menu {
background:transparent url(menu_tall.gif) repeat-x scroll center top;
height:65px;
}
.left {
float:left;
}
#menu .rightbg {
/*background:transparent url(menu_right.gif) no-repeat scroll right top;*/
}

#menu .leftbg {
/*background:transparent url(menu_left.gif) no-repeat scroll left top;*/
height:65px;
width:100%;
}
#menu .padding {
padding:9px 0;
}

#menu ul {
/*list-style:none;
*/list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

/*
#menu li {
/*background:transparent url(menu_libg.gif) repeat-y scroll right top;*/
/*
display:block;
float:left;
font-size:12px;
text-align:center;
width:100px;
}
*/




#menu li a {
color:#919191;
display:block;
font-size:12px;
font-weight:normal;
padding:0 0 5px;
text-decoration:none;
}

#menu #current{
text-decoration:underline;
color:black;
}

#menu li a:hover {
text-decoration:underline;
}
.clear {
clear:both;
}



#flags img{border:0;}

#flags {

   float:left;  

}

#logout {

   float:right;
 
}
#logout img{border:0;}

.left{float:left;}
.right{float:right;}

a#play{
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(btn_next.gif) center left no-repeat;
}


a#volver{
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(btn_prev.gif) center left no-repeat;
}

.borde0{border:0;}

/**/

/**/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/*
#menu {
width:380px; height:32px; font-size:0.85em; position:relative; z-index:100; border-right:1px solid #000;
}
*/
/* hack to correct IE5.5 faulty box model */
/** html #menu {width:381px; w\idth:380px;}*/
/* remove all the bullets, borders and padding from the default list styling */
/*#menu ul {padding:0;margin:0;list-style-type:none;}*/
#menu ul ul {width:95px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
float:left;
width:100px;
position:relative;
font-size:12px;
text-align:center;
}
#menu ul li ul li {

width:100px;
}

/* style the links for the top level */
/*#menu a, #menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; width:89px; 
height:30px; 
border:1px solid #000; 
border-width:1px 0 1px 1px; 
background:#333333; 
padding-left:5px; 
line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a, * html #menu a:visited {width:95px; w\idth:89px;}

/* style the second level background */
/*#menu ul ul a.drop, #menu ul ul a.drop:visited {
background:#666666 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;
}*/
/* style the second level hover 
#menu ul ul a.drop:hover{
background:#EE6600 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;
}*/
/*
#menu ul ul :hover > a.drop {
background:#EE6600 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;
}
*/
/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {background:#333333;}
/* style the third level hover */
#menu ul ul ul a:hover {background:#EE6600;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:5px;
left:-15px; 
width:95px;
z-index:5;
/*border-top:1px solid #000;*/
}
#menu ul ul li{
text-align:left;
}
/* another hack for IE5.5 */
* html #menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
#menu ul ul ul{left:95px; top:-1px; width:95px;}

/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left {left:-95px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {
background:transparent url(menu_tall.gif) repeat-x scroll center top;
color:#919191;
display:block;
font-size:12px;
font-weight:normal;
padding:5px 5px;

}
/* yet another hack for IE5.5 */
* html #menu ul ul a{
width:96px;w\idth:84px;
}

/* style the top level hover */
/*#menu a:hover, #menu ul ul a:hover{color:#fff; background:#EE6600;}*/
/*#menu :hover > a, #menu ul ul :hover > a {color:#fff;background:#EE6600;}*/

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{ visibility:visible;}