/* Web Ink - Modelo general de CSS - CC 2.5*/

/*-------------------------Item: clearer general-----------------*/

* {
	margin: 0; 
	padding:0;
}


/*------------------------ correction for autopadding in firefox------------------------*/

#divdelproblema img {
	display:block; /*firefox pone un autopadding si no defino esta propiedad. It is the "problem" that images as inline elements are
aligned in relation to the baseline of the text and the gap keeps some space for characters like "p".*/
}

/*------------------------Layout: ------------------------*/

#containerhead {			
	margin: auto;
	/* width: 100%; */
	background-color:#E6F1F7;
}

#containerheadadjust {			
	margin: auto;
	width:930px;
	background-image: url(../img/shadow-light.jpg);
	background-color:#E6F1F7;
	background-position:center center;
	background-repeat:repeat-y;
}

#header {				
	height: 103px; 
	width: 910px; 
	margin: auto;
	clear: both; 
	background-image:url(../img/engheader.jpg);
	background-repeat:no-repeat;
}

#containermenuadjust {			
	margin: auto;
	width:930px;
	background-image: url(../img/shadow-light.jpg);
	background-color:#E6F1F7;
	background-position:center center;
	background-repeat:repeat-y;
}

#menu {				
	height: 65px;
	width: 910px;
	margin: auto;
	/*border-top:1px solid #277292;*/
	border-top:1px solid white;
	background-image:url(../img/bgmenu.jpg);
	clear: both;
}

#banner {				
	background-color:#B5D5E4;
	text-align:center;
}

#banneradjust {				
	margin:auto;
	width:930px;
	height:82px;
	background-image:url(../img/shadow-medium.jpg);
	background-position:bottom;
	background-position:center center;
	background-repeat:repeat-y;
	text-align:center;
}

#bannershadow {				
	height: 11px;
	width: 910px;
	margin: auto;
	background-image:url(../img/shadowcontenttop.png);
	background-position:bottom;
}
	
#contentborders {				
	background-color:#E6F1F7;
}

#contentbordersadjust {				
	margin:auto;
	width: 930px;
	background-image: url(../img/shadow-light.jpg);
	background-position:center center;
	background-repeat:repeat-y;
}

#content {				
	width: 890px;
	margin:auto;
	padding: 10px 20px 0 20px;
	font-size:1.1em;	
}

#footercontainer {				
	background-color:#E6F1F7;
}

#footercontaineradjust {				
	width: 930px;
	margin:auto;
	background-image: url(../img/shadow-light.jpg);
	background-position:center center;
	background-repeat:repeat-y;
}

#footer {				
	/*background-image:url(../img/footer-awards2.jpg);*/
	background-image:url(../img/Footer-awards.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	border:0 none;
	height:75px;
	/*line-height:92px;*/
	margin:auto;
	padding:23px 0 0;
	text-align:center;
}
	
#editable {				
	width: 100%;
	overflow: auto; 	/* avoids the use of geniuswork making the container div stretch*/
	min-height: 300px;
}

/*.geniuswork {			"apply in the event that overflow does not work and remove this comment"
	width: 90%;
	background-color: #F2F2F2;
	margin: 0 auto 0 auto;
	clear:both;
	color: #888888;
}*/

/*-------------------------Layout:------------------------*/

#menu ul {
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}

#menu ul li {
	float:left;
	list-style-type:none;
	list-style-image:none;
	padding: 0;
}

#menu ul li a {
	text-align:center;
	padding: 45px 0 0 0;
	width: 130px;
	height:20px;
	float:left;
	font-size:1.1em;
	color:#435A6D;
	text-decoration:none;
}

#menu ul li#home a {
	background-image:url(../img/menuhome.jpg);}
#menu ul li#home,
#menu ul li#home a:hover,
#menu ul li#home a.selected
{
	background-image:url(../img/menuhoverhome.jpg);
}


#menu ul li#products a {
	background-image:url(../img/menustudio.jpg);}
#menu ul li#products,
#menu ul li#products a:hover,
#menu ul li#products a.selected
{
	background-image:url(../img/menuhoverstudio.jpg);
}

#menu ul li#news a {
	background-image:url(../img/menuweb.jpg);}
#menu ul li#news,
#menu ul li#news a:hover,
#menu ul li#news a.selected
{
	background-image:url(../img/menuhoverweb.jpg);
}

#menu ul li#customers a {
	background-image:url(../img/menuhosting.jpg);}
#menu ul li#customers,
#menu ul li#customers a:hover,
#menu ul li#customers a.selected
{
	background-image:url(../img/menuhoverhosting.jpg);
}

#menu ul li#about a {
	background-image:url(../img/menuportfolio.jpg);}
#menu ul li#about,
#menu ul li#about a:hover,
#menu ul li#about a.selected
{
	background-image:url(../img/menuhoverportfolio.jpg);
}

#menu ul li#forums a {
	background-image:url(../img/menublog.jpg);}
#menu ul li#forums,
#menu ul li#forums a:hover,
#menu ul li#forums a.selected
{
	background-image:url(../img/menuhoverblog.jpg);
}

#menu ul li#contact a  {
	background-image:url(../img/menucontacto.jpg);}
#menu ul li#contact,
#menu ul li#contact a:hover,
#menu ul li#contact a.selected
{
	background-image:url(../img/menuhovercontacto.jpg);
}

#menu ul li#blank a  {
	background-image:url(../img/menuBlank.jpg);}
#menu ul li#blank,
#menu ul li#blank a:hover,
#menu ul li#blank a.selected
{
	background-image:url(../img/menuBlank.jpg);
}

/*-------------------------Layout:------------------------*/

.style1 {
	letter-spacing: 2px;
}
.style3 {
	text-align: center;
}
/*
.style4 {
	
	padding: 4px;
	width: 30%;
	margin: 0 10px 0 10px;
	clear: none;
	float: left;
	display: inline;
	text-align: center;
}
*/

.columnleft {		
	padding: 4px;
	width: 30%;
	margin:0 12px 0 0;
	clear:none;
	float:left; 
}

.columnmiddle {			
	padding: 4px;
	width: 30%;
	margin: 0 10px 0 10px;
	clear:none;
	float:left;
	display: inline;
}

.columnright {		
	padding: 4px;
	width: 30%;
	margin: 0 10px 0 10px;
	clear:none;
	float:left; 
}

.columnleft38 {		
	padding: 4px;
	width: 38%;
	margin: 0 6px 0 0;
	clear:none;
	float:left; 		
}

.columnright44 {	
	padding: 4px;
	width: 44%;
	margin: 0 0 0 5px;
	clear:none;
	float:left; 
}

.columnleft47 {		
	padding: 4px;
	width: 47%;
	margin: 0 5px 0 0;
	clear:none;
	float:left; 
}

.columnright47 {	
	padding: 4px;
	width: 47%;
	margin: 0 0 0 5px;
	clear:none;
	float:left; 
}

.columnleft52 {		
	padding: 4px;
	width: 52%;
	margin: 0 6px 0 0;
	clear:none;
	float:left; 		
}

.columnleft58 {		
	padding: 4px;
	width: 58%;
	margin: 0 0 0 6px;
	clear:none;
	float:left; 		
}

.columnright58 {		
	padding: 4px;
	width: 58%;
	margin: 0 0 0 6px;
	clear:none;
	float:left; 		
}

.columnright65 {		
	padding: 4px;
	width: 65%;
	margin: 0 0 0 6px;
	clear:none;
	float:left; 		
}

.columnall {		
	padding: 4px;
	width: 90%;
	margin: 0 6px 0 0;
	clear:none;
	float:left; 		/*place if necessary*/
}


/*--------------------------------------SUBMENU --------------------------*/

#submenu {
	width:960px;
	height:160px;
	}
#submenu ul {
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:0;
}

#submenu ul li {
	list-style-type:none;
	list-style-image:none;
	padding: 0;
	float:left;
}

#submenu ul li a {
	text-align:center;
	padding: 130px 0 0 0;
	width: 240px;
	height:30px;/*160-130*/
	float:left;
	font-size:1.2em;
	color:#ffffff;
	text-decoration:none;
}
#submenu ul li a:hover {
	color: #A5F202;
}

#submenu ul li#webdesign {
	background-image:url(../img/imgwebdev01hover.jpg);}
#submenu ul li#webdesign a {
	background-image:url(../img/imgwebdev01.jpg);}
#submenu ul li#webdesign a:hover {
	background-image:url(../img/imgwebdev01hover.jpg);}


#submenu ul li#web20 {
	background-image:url(../img/imgwebdev02hover.jpg);}
#submenu ul li#web20 a {
	background-image:url(../img/imgwebdev02.jpg);}
#submenu ul li#web20 a:hover {
	background-image:url(../img/imgwebdev02hover.jpg);}


#submenu ul li#presentations {
	background-image:url(../img/imgwebdev03hover.jpg);}
#submenu ul li#presentations a {
	background-image:url(../img/imgwebdev03.jpg);}
#submenu ul li#presentations a:hover {
	background-image:url(../img/imgwebdev03hover.jpg);}


#submenu ul li#downloads {
	background-image:url(../img/imgwebdev04hover.jpg);}
#submenu ul li#downloads a {
	background-image:url(../img/imgwebdev04.jpg);}
#submenu ul li#downloads a:hover {
	background-image:url(../img/imgwebdev04hover.jpg);}