@charset "utf-8";
/* CSS Document */

*{	margin:0px;
	padding:0px;
	border:none;
	}


body {
	margin-top:10px;
	background-color:#000;
	width:965px;
	margin:auto;}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:lighter;
	color:#ff062c;
}




p {	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666;
}



#presentacion {
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999;
}
	
#presentacion a:hover{color:#F00;}


#flash {
	margin:auto;
	text-align:center;
	width:800px;
	height:500px;
	background-color:#999;
}


#ojodepez {
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:10px;
	color: #666;
	text-decoration:none;
}


#cabecera {
	margin-top:10px;
	width:960px;
	height:120px;}
		

#logo{
	float:left;
	width:180px;
	height:120px;}

#bienvenido{
	margin-left:136px;
	float:left;
	width:520px;
	}

#bienvenido p {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #999;}
	
#contenido {
	float:left;
	width:960px;
	margin-top:33px;}
	
#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #CCC;
	width:180px;
	height:550px;
	float:left;}

li {list-style-type:none;	
	text-align:right;
	width:180px;
	margin:5px 0px 5px 0px;}

#menu2 {margin-top:240px;}


#menu1 a:hover{color:#ff062c;}
#menu2 a:hover{color:#ff062c;}


	
	
a{	text-decoration:none;
	outline:none;
	display:block;
	padding-right:19px;}

a:link {color:#CCC;}
a:visited{color:#CCC;}
a:active{color:#CCC;}
a:hover{color:#000;}

#contenedor {
	float:left;
	width: 770px;}
	
#izquierda {
	width:86px;
	margin:183px 0px 0px 50px;
	float:left;}
	
#derecha {
	
	margin:183px 0px 0px 50px;
	float:left;}

#cuadros {	
	height:400px;
	width:400px;
	float:left;}
	

#titulos {
	border-top: 1px solid #161616;
	color:#FFF;
	width:210px;
	margin-left:136px;
	text-align:left;
	float:left}
	
#materiales {
	border-top: 1px solid #161616;
	color:#FFF;
	width:190px;
	text-align: right;
	float:left}
	
	
#menupinturas {
	width:407px;	
	margin-top: 40px;
	margin-left: 136px;
	float:left}
	
#menupinturas div {
	width: 30px;
	height: 30px;
	margin: 0px 7px 7px 0px;
	float: left;}
	
#menumurales {
	width:407px;	
	margin-top: 40px;
	margin-left: 136px;
	float:left;
}
	
#menumurales div {
	height: 30px;
	margin: 0px 1px 7px 0px;
	float: left;
}

#agoragalery {
	margin-left:40px;
	margin-top:70px;
}
	
.enconstruccion {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:20px;
}

#marcoteorico  {
	margin-left: 300px;
	width:480px;
    height:550px;
    overflow:auto;

}

#marcoteorico p  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	line-height: 22px;
	margin: 0px 30px 20px 0px;
}

#infoteorica  {
	margin: 0px 50px 0px 300px;	
}

#infoteorica p  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	line-height: 22px;
	margin: 0px 30px 20px 0px;
}




#firma {
	text-align:right;
}


form {
	padding: 5px 10px 20px 10px;
	border: 1px solid #1C1C1C;
}

label {
	display: block;
	font-weight: bold;
	margin: 8px 0;
	color: #fff;
	width:60px;
}
input, select, textarea {
	padding: 5px 4px;
	font: normal 1em Verdana, Tahoma, sans-serif;
	color: #6A6969;
	background: #0C0C0C;  
	border: 1px solid #1C1C1C;
}
textarea {
	width: 400px;
	height: 100px;
	display: block;	
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #ff062c;
	background: #000;
	border-width: 1px;
  	border-style: solid;
  	border-color: #1c1c1c;
}

#main {
	width:400px;
}

#contacto {
	width:400px;
}

#mensaje {
	width:300px;
}