/*STYLE INDEX*/

*{padding:0;margin:0;}

body{
	background:#333;
	font-family:Arial;
	font-size:12px;
	background: #333 url(../images/background.jpg) repeat;
	color:#c2c2c2;
}

a,a:hover,a:active,a:visited{text-decoration:none;color:#c2c2c2;}
a img,a:hover img,a:active img,a:visited img{border:none;text-decoration:none;}

#container{width:815px;margin:2em auto;overflow:hidden;}
#header{width:453px;height:61px;background: transparent url(../images/cabecera.png) no-repeat;}
#menu{width:365px;height:110px;background: transparent url(../images/menu.png) no-repeat;position:relative;left:450px;top:100px;z-index:15;}
#content{width:754px;margin:-3px 0;min-height:400px;overflow:hidden;background:#333 url(../images/content.jpg) top left repeat-x;border:10px solid #fff;position:relative;padding-bottom:3em;z-index:10;}	
#footer{width:754px;height:70px;position:relative;z-index:5;background:transparent url(../images/footer.png) center no-repeat;color:#333;}

/* STYLE HEADER*/

#header img{position:relative;top:.5em;float:left;}
#header p{float:left;font-size:26px;margin:10px 20px;color:#333;}

/* STYLE TYPOGRAFY*/

#content ul{list-style-type:none;margin:3em 5em;}
#content ul li{font-size:20px;color:#fff;padding:.5em;}
#content ul li img{position:relative;top:1em;margin:0 1em 0 0;}
#footer img{margin:0 auto;float:left;position:relative;left:22%;top:3px;}
#footer p{text-align:center;font-weight:bold;padding:1em;width:480px;margin:0 auto;float:left;position:relative;left:10%;}
#footer p.valid{text-align:center;font-weight:bold;padding:.2em;width:480px;margin:0 auto;float:left;position:relative;left:10%;bottom:1em;}
	#footer p.valid img{left:33%;}
#footer a{color:#333;}
#footer a:hover{text-decoration:underline;}

/*STYLE MENU*/

#menu ul{list-style-type:none;position:relative;top:2em;}
#menu ul li{float:left;margin-left:4em;}
#menu ul li a{display:block;color:#ffff00;font-size:16px;font-weight:bold;}
#menu ul li a:hover{color:#84ff00;}

/* STYLE PORAFOLIO*/

#content ul.portafolio{list-style-type:none;}
#content ul.portafolio li{font-size:20px;color:#fff;padding:.3em;float:left;width:270px;height:190px;}
#content ul.portafolio li a{display:block;width:263px;height:183px;padding:.3em;}
#content ul.portafolio li a:hover{background:#ff9c00;overflow:hidden;}
#content ul.portafolio li img{float:left;width:260px;height:180px;top:0;margin:0;}

/* STYLE  CONTACT*/

#content .contact{overflow:hidden;padding:3em;font-size:14px;color:#fff;}
#content .contact .table_contact td{padding:.5em;}
#content .contact .table_contact td input,#content .contact .table_contact td textarea{background:#fff;border:1px solid #333;padding:.2em;}
#content .contact .table_contact #consulta{max-width:200px;max-height:80px;}
#content .contact .table_contact td input.boton{padding:.2em;cursor:pointer;}