/*  
Theme Name: Basic
Theme URI: http://www.infographic.com.ar
Version: 1.0
Author: Jennifer Tregoning
Author URI: http://www.infographic.com.ar
*/


/* Clearing Hack (http://www.positioniseverything.net/easyclearing.html)
----------------------------------------------- */
.cm:after
{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.cm {display: inline-table;}
/* Hides from IE-mac \*/
* html .cm {height: 1%;}
.cm {display: block;}
/* End hide from IE-mac */



/*___ GENERAL 
--------------------------------------------------------------*/

body {
	margin: 0;
	background: url(../images/bg.jpg) repeat-x #fff /*#FF9900*/;
	font: 0.9em/16pt Verdana, Helvetica, sans-serif;
	color: #666;
}



p {
	font: 0.8em/16pt;
	margin-top: 0px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 {font-family: georgia;
  	font-weight: normal;
  	padding: 0px 0px 5px 0px; 
	margin: 0px 0px 20px 0px;
	}

h3 {font-family: georgia;
  	font-weight: normal;
  	padding: 0px 0px 5px 0px; 
	margin: 0px 0px 20px 15px;
	}


ul li
{ margin: 0px 0px 0px 0px; 
  padding: 0px;
}

ol
{ margin: 0px 0px 0px 0px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 0px 0px; 
  padding: 0px;
}

h1, h2, h3, h4, h5, h6 {line-height: auto;}
h1 {font-size: 60pt;}
h2 {font-size: 13pt;}
h3 {font-size: 16pt;}
h4 {font-size: 10pt;}


pre {
  padding: 5px 0;
  margin: 0;
}

h1 span, h2 span, h3 span { 
  display: block;
  text-indent: -9999px; 
  overflow: hidden; 
  margin: 0; 
  padding: 0; 
  border: 0;
}


  
a{ outline: none;}
a, a:link, a:visited {

color: #FF6600;
background-color:#FFf;
text-decoration: none;
}

a:hover {
text-decoration:none;
color:#FFFFFF;

background-color:#FF9900;
}



  
  
  
  /* ___ MAIN
------------------------------------------------------------*/
    
 #main{
  background:;
  width:auto;
  margin: 0px 30px 10px 0px;
  padding: 0px 0 30px 10px;
  }
  
  #header {
  background: #FF9900;
  width: 100%;
  height: 30px;
  padding: 0 10px 0 0px;
  display: block;
  float: right;
  margin: 0;


}

  #header p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
   color: #fff;
   text-align:right;
  background-color:#FF9900;
   
}


  
  .box1{
 width: 318px;
 height: 318px;
 float: left;
 display: block;
 background: #FFf;
 border: solid #CCCCCC thin;

 margin: 10px;
 padding: 10px;
 }
 
 .box_s{
 width: 320px;
 height: 200px;
 float: left;
 display: block;
 background: #E6E6E6;
 margin: 10px;
 padding: 10px;
 }
   
  
 .box{
 width: 320px;
 height: 320px;
 float: left;
 display: block;
 background: ;
 margin: 10px;
 padding: 10px;
 }
  
  
   .box_grande1{
 width: 100%;
 height: 100%;
 float: left;
 display: block;
 background: url(../images/px_bg_box.jpg) #E6E6E6;
 margin: 0px 0 0 0;
 padding: 10px;
 }
  
   .box_grande{
 width: 100%;
 height: 100%;
 float: left;
 display: block;
 background:#E6E6E6;
 margin: 0px 0 0 0;
 padding: 10px;
 }
  
  
  
  
  
  
/* ___ BRAND
------------------------------------------------------------*/

  #logo{ 
 width: 270px;
 height: 43px;
 margin-top: 91px;
 background: url(../images/logo.jpg)  no-repeat;
  
  
  }
  
/* ___ MENU NAVIGATION
------------------------------------------------------------*/
#menu {
height: 32px;
background: #40403E;

}

#menu li {
display: inline; 
 }

#menu a {
font-size: 16px; 
color: #FFf; 
padding: 0em;}

#menu a:hover {color: #333333;}
#menu a.active {color: #333333; font-weight: bold;}
  
#menu li a 
{ display: block;
  float: left;
  height:26px;
  text-decoration: none; 
  padding: 6px 20px 0px 20px;
  border-right: 2px solid;
  font-weight: regular;
  background: #40403E;
  margin: 0 0 5px 0;
  color: #fff;
  border-color: #2C2C2A;
  
} 

#menu li a:hover, #menu li a.selected, #menu li a.selected:hover
{   color: #EEE;
	background:#003366;
  	border-color: #2C2C2A;
  
}   
  
  
  
/* ___ CONTENT
------------------------------------------------------------*/

.content {
	clear:both;
	width: 440px; 
	float: left;
	background: #FFFFFF; 
	height: auto;
	list-style: none; 
	margin: 0 0 5px 0;
	padding: 10px;}
	
.content img {border: 1px solid #ccc; float: left; margin: 0 10px 0px 0;}
	
.title{
	border-bottom: 1px solid #999999; 
	}	
	
.subtitle {font-weight: normal; margin: 5 0 5 0;}
.subtitle a {color: #006699; text-decoration: none;}
.subtitle a:link, .posttitle a:visited {}
.subtitle a:hover, .posttitle a:active {color: #003333;}	



#promo {
	clear:right;
	
	}
#promo il{
	width: 265px;
	height: 60px;
	float: right;
	background: #444;
	aligment: left;
	padding: 10px;
	margin: 0px 0px 5px 0px;
	}

/* ___ FOOTER
------------------------------------------------------------*/
#footer{
	clear:left;
	background: #444;
	padding: 0 0 0 10px;
	}