/* 

	Project: Torplas Corporate Website

   	Author: Alexis Olivo (www.persuativa.com) 

								*/



hr {

	line-height: 1.0em;
	border-style: dotted;
	border-color: #eee;
	margin-top: 10px;
	margin-bottom: 10px;

}


body {
    padding: 0;
    margin: 0;
    font: 11px Tahoma, Arial, sans-serif;
    line-height: 1.6em;
    background: #fff;
    color: #454545;
  }

/* links */






a {
    color: #003B6E;
    background: inherit;
  }


a:hover {
    color: #9EC068;
    background: inherit;
  }

/* headings */






h1 {
    font: bold 2.5em "Arial", Sans-Serif;
    margin: 0;
    letter-spacing: -1px;
  }


h2 {
    font: bold 2em Arial, Sans-Serif;
    margin: 0;
    padding: 0;
  }


h1 a, h2 a {
    color: #2b2b2b;
    background: #fff;
    text-decoration: none;
  }


h1 a:hover, h2 a:hover {
    color: #2b2b2b;
    background: #FFF;
  }


.title {
    color: #808080;
    background: #fff;
  }

/* lists and form elements */






ul {
    margin: 0;
    padding : 0;
    list-style : none;
  }


form {
    margin: 0;
  }


input.search {
    width: 279px;
    border: none;
    background: #fff url(../images/input.gif) no-repeat;
    padding: 6px 10px;
    color: #1E67A8;
    font-weight: bold;
  }


input.button {
    padding: 3px;
  }

/* content holder */






#content {
    margin: 10px auto;
    width: 960px;
  }

/* header */






#header {
    height: 120px;
    /* this is the size of the header and logo */;
  }


#logo {
    padding: 15px 0 0 250px;
  }


#logo p {
    margin: 0;
    padding: 0 0 0 10px;
    color: #808080;
    background: #fff;
  }


#top_info {
    float: right;
    width: 200px;
    /* margin: 20px 5px 0 0;
    */ text-align: right;
  }

/* horizontal tabbed menu */	






#tabs {
    background: #fff url(../images/bigbox.gif) no-repeat top left;
    color: #000;
    height: 64px;
    text-align: center;
    padding: 0 0 0 210px;
  }


#tabs li {
    display: inline;
    height: 45px;
  }


#tabs li a {
    float: left;
    background: #fff url(../images/tab_normal.gif) no-repeat;
    color: #808080;
    padding: 7px 0;
    width: 82px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
  }


#tabs li a:hover {
    background: #fff url(../images/tab_current.gif) no-repeat;
    color: #000;
  }


#tabs li a.current {
    background: #fff url(../images/tab_current.gif) no-repeat;
    color: #2C71AE;
  }


.key {
    text-decoration: underline;
  }

/* search form */






#search {
    float: left;
    clear: both;
    color: #000;
    background: #fff url(../images/search_linux.gif) no-repeat;
    padding: 14px 0 20px 5px;
    width: 500px;
    margin: 5px 0 0 0;
  }


#search p {
    padding: 0;
    margin: 0;
  }

/* grey subheader */






.gboxtop {
    clear: both;
    height: 8px;
    background: #dedede url(../images/gboxtop.gif) no-repeat;
    color: #000;
  }


.gbox {
    background: #dedede url(../images/gbox.gif) no-repeat bottom left;
    color: #444;
    padding: 1px 13px 7px 13px;
    margin: 0 0 20px 0;
  }


.gbox p {
    padding: 7px 0;
    margin: 0;
  }

/* left side */






.left {
    float: left;
    width: 650px;
    margin: 0 0 10px 0;
    background: #ffffff;

  }


.left_articles {
    margin: 0 20px 15px 10px;
    padding: 10px 0 0 0;
    text-align: justify;
    border-bottom: 1px dotted #fff;
    color: #000;
    background: #ffffff;
	min-height:400px;
  }


.left_articles p {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
  }


.left_articles h2 {
    padding: 1px 0 0 1px ;
    margin: 0 ;
  }

.left_articles h3 {
    margin: 0;
    padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
  }

.calendar {
    height: 50px;
    float: left;
    background: #fff url(../images/calendar.gif) no-repeat;
    width: 50px;
    padding: 5px 0 0 9px;
    color: #808080;
  }


.calendar p {
    padding: 0;
    margin: 0;
  }


.description {
    padding: 0 0 2px 0;
    margin: 0 10px 5px 0;
    border-bottom: 1px dotted #ccc;
  }


.descriptionProduct {
    padding: 0 0 2px 0;
    margin: 0 10px 5px 0;
    border-bottom: 1px dotted #336600;
    color: #669900;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
  }


.image {	
    float: left;
    margin: 0 18px 8px 0;
	width: 300px;
/*    border: 1px solid #dedede*/;
  }
  
.pict {
    float: left;
    margin: 0 18px 8px 0;
	max-width: 300px;
    /*border: 1px solid #dedede;*/
  }  
  
  .thumbnailLeft {
    float: left;
    margin: 0 0px 8px 0;
	width: 140px;
    border: 3px solid #339900;
  } 
  
  .thumbnailRight {
    float: right;
    margin: 0 0px 8px 0;
	width: 140px;
    border: 3px solid #339900;
  } 

/* bottom thirds */






.thirds {
    float: left;
    width: 203px;
    background: #eee;
    margin: 0 12px 0 0;
    color: #5d5d5d;
  }


.smallboxtop {
    height: 12px;
    background: #fff url(../images/modules_windowBorder_green.gif) no-repeat top;
    color: #000;
  }


.smallbox {
    background: #fff url(../images/smallbox.gif) no-repeat bottom left;
    color: #444;
    padding: 1px 10px 10px 10px;
  }


.smallbox p {
    padding: 0;
    margin: 0;
    text-align: right;
  }


.smallbox h4 {
    font: bold 12px arial, helvetica, sans-serif;
    color: #003366;
    padding: 1px;
    margin: 0 0 5px 0;
    text-align: center;
  }

/* right side */

#right {
    float: right;
    width: 295px;
    margin: 0 0 10px 0;
  }


.boxtop {
    height: 20px;
    background: #fff url(../images/right_windowBorder.gif) no-repeat;
    color: #000;
  }


.box {
    background-color : #fff;
    background-image : url(../images/right_bkg.jpg);
    background-position : top left;
    background-repeat : no-repeat;
    color : #5b5b5b;
    margin-bottom : 10px;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    min-height : 300px;
    padding-bottom : 15px;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 3px;
  }


.box p {
    padding: 0;
    margin: 0;
  }


.box h3 {
    margin-bottom: 2px;
    margin-top: 0px;
    font: bold 12px arial, helvetica, sans-serif;
  }


.image {
    float: left;
    margin: 0 9px 3px 0;
  }

/* misc */






.buttons {
    text-align: right;
    padding: 4px 3px 0 0;
    width: 170px;
  }


.left_articles .buttons {
    float: right;
    height: 20px;
  }


.bluebtn {
    background: #488EB2 url(../images/button_blue.gif) no-repeat;
    width: 100px;
    padding: 1px 16px 5px 16px;
    color: #fff;
    text-decoration: none;
  }


.greenbtn {
    background: #488EB2 url(../images/button_green.gif) no-repeat;
    color: #fff;
    text-decoration: none;
    float: right;
    padding-top: 0px;
    padding-right: 17px;
    padding-bottom: 3px;
    padding-left: 15px;
    width: 25px;
    vertical-align:top;
  }


.bluebtn:hover, .greenbtn:hover {
    background: #488EB2 url(../images/button_over.gif) no-repeat;
    color: #fff;
  }

/* footer  */



.footer {
    clear: both;
    text-align: center;
    line-height: 1.8em;
    padding: 10px 0 10px 0;
    border-top: 1px solid #ccc;
  }
  
  .footer li{
    clear: both;
    text-align: center;
    display: inline;
    padding: 0 5px 0 5px;
    border-top: 1px solid #ccc;
  }

/* div catalogue links */





#catalogue {
    position:absolute;
    left:610px;
    top:160px;
    width:120px;
    min-height:60px;
    z-index:50;
    background-color: #FEFEFE;
    visibility: hidden;
    border: 1px solid #999999;
    padding-left: 10px;
    text-align: left;
  }


#catalogue .linktoCatalogue {
    background:#eeeeee none;
    height: 18px;
    padding: 0;
    width: 92%;
    margin-top: 1px;
  }

/* que interesante la aplicacion aqui */



#catalogue a.linktoCatalogue:hover {
    background:#cccccc none;
    height: 18px;
  }


#catalogue .linktoCatalogue:link {
    background: #eeeeee none;
    height: 18px;
  }

/* modules > 3 columns */




.moduleTitles {
    float: right;
    padding: 0;
    margin: 0;
  }

/* extraNav */

.extraNav {
    background: #cccccc url(../images/bkg_extraNav.gif) repeat-x bottom;
    width: 275px;
    margin: 0;
    padding:0;
    margin-bottom: 1px;
    display: block;
  }

.box .sublines a:link{
padding: 0;
margin-top: 1px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 1px;
text-indent: 5px;
display: block;
height: 15px;
width: 200px;
  }

.box .sublines a:hover{
color: black;
padding: 0;
margin-top: 1px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 1px;
text-indent: 5px;
display: block;
height: 15px;
width: 200px;
  }
  
  .box .sublines a:visited{
padding: 0;
margin-top: 1px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 1px;
text-indent: 5px;
display: block;
height: 15px;
width: 200px;
  }

/*.sublines a:link{
background: #eeeeee url(../images/bkg_sublines.gif) repeat-x bottom;
padding: 0;
margin-top: 1px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 1px;
text-indent: 10px;
display: block;
height: 15px;
  }

.sublines a:hover{
background: #99ccff url(none);
color: black;
padding: 0;
margin-top: 1px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 1px;
text-indent: 10px;
display: block;
height: 15px;
  }*/

 .sublinesTable img {
float: left;
  }  
  
 .sublinesTable {
width: 260px;
padding: 0;
margin: 0;
  }
  
 .sublinesTable h4{
color : #003366;
border-top-color: #003366;
border-top-style: dotted;
border-top-width: 1px;
padding: 0;
margin: 1px 0 0 0;
  }
  
 .sublinesTable ul{
float: left;
  }

.extraNav a:link {
    background-color : #cccccc;
    background-image : url(../images/bkg_extraNav.gif);
    background-position : bottom;
    background-repeat : repeat-x;
    display : block;
  }


.extraNav a:hover {
    background : #99cc66;
    text-decoration: none;
    color : #000000;
  }
  
.extraNav a#current {
background: #999;
display:block;
color:#000;
border:#000 1px solid;
} 

.paginator {
clear: both;
    text-align: center;
    margin: 10px;
  }

.iconsForPages {
padding: 20px;
float: left;
  }


.navbarThumb {
border: 1px;
border-color:#666;
margin-right: 10px;
float: left;
  }

.navbarThumb img{
border: 1px;
border-color:#666;
  }
 
img.navbarThumb {
border: 1px;
border-color:#666;
  }