@charset "utf-8";
/* CSS Document */
html{width:100%;
     height:100%;
	 padding:0;
	 margin:auto 0;
	 }
	 
body{width:100%;
    height:100%;
	margin:auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/bg-copy.jpg);
	background-position:center;
	}
	
table{float:left}	

#wrapper{width:800px;
         min-height:800px;
		 margin:auto;
		 padding:0px 1px;
		 }
		 
.top{width:100%;
     height:25px;
	 margin:auto;
	 padding:0;
	 background-color: #CCCCCC;
	 background-image:url(images/topbg.jpg);
	 background-repeat:repeat-x;
	 border-top:solid 3px #990000;
	 font-size:11px;
	 line-height:20px;
	 text-align:right;
	 color:#FFFFFF;
	 font-weight:bold,
	 }
	 
.top span{margin-left:5px;
          margin-right:5px;
		  }

.top a{color:white;
       font-weight:bold;
	   margin-right:3px;
      }
	  
.top a:link, .top a:visited{ text-decoration:none;}	
	  
.top a:hover{ text-decoration:underline;}	 

	 
.header{  width:100%;
		  height:105px;
		  margin:auto;
		  padding:0;
		  background-color:white;
		  background-image:url(images/logo1.jpg);
		  background-repeat:no-repeat;
		  background-position:left;
		  }
		  
.menu{    width:100%;;
		  height:30px;
		  float:left;
		  margin-top:70px;
		  background-color:none;
		  text-align:left;
		  }

.display{width:100%;
         height:305px;
		 margin:auto;
		 }
		 
.footer{ width:800px;
		 height:65px;
		 margin:auto;
		 margin-top:10px;
		 margin-bottom:10px;
		 padding:0 0 5px 0;
		 background-color: #666666;
		 background-image:url(images/footerbg.jpg);
		 background-repeat:repeat-x;
		 border-bottom:solid 3px #990000;
		 font-size:11px;
		 text-align:center;
		 color:white;
		 }
.footer span{ width:100%;
              float:left;
			  background-color:#990000;
			  padding:3px 0px;
			  }
.footer a{color:white;
          font-weight:bold;
	      margin:0px 5px;
          }
	  
.footer a:link, .footer a:visited{ text-decoration:none;}	
	  
.footer a:hover{ text-decoration:underline;}
		  
/* MENU - ENGLISH */


ul#navlist
{
margin: 0;
margin-left:420px;
padding: 0;
white-space: nowrap;
width:200px;

}

#navlist li
{
display: inline;
list-style-type: none;
font-size:12px;
font-weight:bold;
margin: 0;
padding: 0;
}

#navlist a { padding: 5px 5px;
             margin-left:3px;}

#navlist a:link, #navlist a:visited
{
color: #990000;
background-color: white;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color:#990000;
text-decoration: none;
}

/* MENU - ESPAÑOL */


ul#navlist_es
{
margin: 0;
margin-left:220px;
padding: 0;
white-space: nowrap;
width:200px;

}

#navlist_es li
{
display: inline;
list-style-type: none;
font-size:12px;
font-weight:bold;
margin: 0;
padding: 0;
}

#navlist_es a { padding: 5px 5px;
             margin-left:3px;}

#navlist_es a:link, #navlist_es a:visited
{
color: #990000;
background-color: white;
text-decoration: none;
}

#navlist_es a:hover
{
color: #fff;
background-color:#990000;
text-decoration: none;
}





#current{color: #fff;
		 background-color:#990000;
		 text-decoration: none;
		}

.colone{ width:290px;
         background-color:white;
		 margin-left:12px;
		 margin-top:15px;
		 float:left;
		 }
.colone img{ margin-bottom:25px;}
		 
.coltwo{width:470px;
        background-color:#f9fbfb;
		background-image:url(images/gradient.gif);
		background-repeat:repeat-x;
		margin-left:12px;
		margin-top:15px;
		float:left;
		}
		


.coltwo h3{ width:100%;
			height:28px;
			line-height:28px;
			font-size:16px;
			color:#FFFFFF;
			background-color:red;
			background-image:url(images/red_bg.gif);
			background-repeat:repeat-x;
			margin:0;
			text-indent:10px;
			}
			
.coltwo em{margin:0;
           padding:0;
		   color:#990000;
           font-size:14px;
		   font-weight:bold;
		   font-style:normal;
		   }

.coltwo img{ float:left}

.coltwo p{ float:left;
           width:400px;
		   font-size:11px;
		   margin-left:10px;
		   }

.coltwo span{  /*float:left;*/ 		   /*mofificacion pal acordeon*/
			   width:100%;
			   font-size:11px;
			   margin-left:10px;
			   margin:5px 2px;
			   }
		   
.coltwo li{ list-style: none}

.coltwo a{color:#990000;
          margin:0px 5px;
          }
	  
.coltwo a:link, .footer a:visited{ text-decoration:none;}	
	  
.coltwo a:hover{ text-decoration:underline;}

.content li   {float:left;
			   width:285px;
			   font-size:11px;
			   margin-left:10px;
			   }

.thumb{padding:2px;
        margin-left:2px;
	   margin-top:2px;
	   float:left;
	   width:70px;
	   }
		   
		
.clear{clear:both}

.textfield{border:#CCCCCC solid 1px;
           background-color:#FFFFFF;
		   }
		   
/* SOLO PARA EL INTRO */


.colthree{width:470px;
        background-color:#f9fbfb;
		background-image:url(images/gradient.gif);
		background-repeat:repeat-x;
		margin-left:12px;
		margin-top:15px;
		float:left;
		}
		


.colthree h3{ width:100%;
			height:28px;
			line-height:28px;
			font-size:16px;
			color:#FFFFFF;
			background-color:red;
			background-image:url(images/red_bg.gif);
			background-repeat:repeat-x;
			margin:0;
			text-indent:10px;
			}
			
.colthree em{margin:0;
           padding:0;
		   color:#990000;
           font-size:14px;
		   font-weight:bold;
		   font-style:normal;
		   }

.colthree img{ float:left}
.colthree p{ float:left;
           width:285px;
		   font-size:11px;
		   margin-left:10px;
		   }
		   
.colthree span{  float:left;
			   width:100%;
			   font-size:11px;
			   margin-left:10px;
			   margin:5px 2px;
			   }
		   
.colthree li{ list-style: none}

.colthree a{color:#990000;
          margin:0px 5px;
          }
	  
.colthree a:link, .footer a:visited{ text-decoration:none;}	
	  
.colthree a:hover{ text-decoration:underline;}


/* EFFECT */

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 11px Verdana;
margin:2px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: red;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color:black;
}

strong{color:#993300 }

/*modificaciones pal acordeon*/
.expandable{
cursor: pointer;
font: bold 11px Verdana;
padding-left:15px;
margin-top:5px;
margin-left:5px;
}
.categoryitems{
font: 10px arial;
padding-left:20px;
margin-left:5px;
width:80%;
}
/*fin modificaciones pal acordeon*/