/* --------------------- Común para toda la web ---------------------*/

body {
	margin:0px;
	padding:0px;
	font:normal 100% Arial, Helvetica, sans-serif;
	background:#000 url(../img/trama.jpg) repeat;
}

h1{
	margin:0px;
	padding:0px;
	float:left;
}

h1 img {
	border:none;
	margin:5px 0 0 1px;	
}


h2 {
	color:#dcdee2;
	font:normal 120% Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	text-align:center;
	margin:50px 0px 0 0;
}

h3 {
	color:#000;
	font:normal 100% Arial, Helvetica, sans-serif;
	margin:15px 0 0 15px;
	text-align:left;
	font-variant:small-caps;
}

h4 {
	color:#000;
	font:bold 65% Arial, Helvetica, sans-serif;
	margin:15px 0 10px 15px;
	font-variant:small-caps;
}


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

a{
	color:#666;
	text-decoration:underline;
}

a:hover{
	color:#000;
	text-decoration:underline;
}

img{
	border:none;
}


#contenedor{
	margin:111px auto;
	width:900px;
	height:600px;
}

/* --------------------- MENU ---------------------*/

#columna-menu{
	width:216px;
	height:575px;
	float:left;
	background:#dcdee2;
}

#menu-logo{
	width:216px;
	height:176px;
	float:left;
	background:#dcdee2;
}

#menu-logo img{
	border:none;
	margin:15px 0 0 45px;
}

#menu{
	width:196px;
	height:392px;
	float:left;
	background:#000;
	border-right:10px solid #dcdee2;
	border-left:10px solid #dcdee2;
}

#menu p{
	color:#666;
	font:normal 85% Arial, Helvetica, sans-serif;
	list-style-type:none;
	margin:8px 0 0 10px;
}

#menu ul{
	padding:5px 0 0 0;
}

#menu li{
	width: 176px;
	font:normal 70% Arial, Helvetica, sans-serif;
	list-style-type:none;
}

#menu li a{
	color:#dcdee2;
	font:normal 100% Arial, Helvetica, sans-serif;
	list-style-type:none;
	display: block;
	padding: 3px 0 3px 20px;
	text-decoration:none;
}

#menu li a:hover{
	width: 180px;
	color:#000;
	background:#dcdee2;
}

.aqui{
	background-color: #dcdee2;
	padding: 3px 0 3px 20px;
	width: 150px;
}



/* --------------------- CABECERA ---------------------*/

#contenido{
	margin:0px auto;
	width:649px;
	height:575px;
	float:right;
}

#cabecera{
	margin:0px auto;
	width:649px;
	height:154px;
}

#cabecera-A{
	width:223px;
	height:134px;
	float:left;
	background:#000;
	border-top:10px solid #dcdee2;
	border-bottom:10px solid #dcdee2;
}

#cabecera-A p{
	color:#dcdee2;
	font:normal 110% Arial, Helvetica, sans-serif;
	text-align:center;
	margin:45px 0 0 0;
}

#cabecera-B{
	width:396px;
	height:134px;
	float:right;
	background:#000;
	border-top:10px solid #dcdee2;
	border-bottom:10px solid #dcdee2;
}



/* --------------------- DESARROLLO ---------------------*/

#desarrollo{
	width:649px;
	height:399px;
	margin:22px 0 0 0;
}

#desarrollo p{
	color:#000;
	font:normal 75% Arial, Helvetica, sans-serif;
	padding:15px 15px 10px 15px;
	line-height:160%;
	text-align:justify;
}

#desarrollo ul{
	padding:0px;
}

#desarrollo li{
	font:normal 65% Arial, Helvetica, sans-serif;
	list-style-type:none;
	padding:0 0 0 30px;
}

#desarrollo-img{
	width:223px;
	height:399px;
	float:left;
}

#desarrollo-txt{
	width:396px;
	height:399px;
	float:right;
	background:#dcdee2;
}

#desarrollo-txt img{
	width:380px;
	height:300px;
	margin:5px 0 0 7px;
	border:1px solid #000;
}

#desarrollo-txt p,{
	color:#000;
	font:normal 75% Arial, Helvetica, sans-serif;
	padding:15px 15px 10px 15px;
	line-height:160%;
	text-align:justify;
}

#desarrollo-txt ul, #desarrollo-pedidos ul, #desarrollo-aviso-texto ul{
	padding:0px;
}

#desarrollo-txt li, #desarrollo-pedidos li, #desarrollo-aviso-texto li{
	font:normal 65% Arial, Helvetica, sans-serif;
	list-style-type:none;
	padding:0 0 0 30px;
}

#desarrollo-pedidos{
	width:649px;
	height:396px;
	margin:22px 0 0 0;
	padding:5px 0 0 0;
	background:#dcdee2;
}

#desarrollo-pedidos p, #desarrollo-aviso-texto p{
	color:#000;
	font:normal 70% Arial, Helvetica, sans-serif;
	padding:15px 15px 10px 15px;
	line-height:165%;
	text-align:justify;
}

#desarrollo-aviso{
	width:649px;
	height:396px;
	margin:22px 0 20px 0;
	padding:5px 0 0 0;
	background:#dcdee2;
}

#desarrollo-aviso-texto{
	width:630px;
	height:346px;
	margin:22px 0 20px 0;
	padding:5px 0 0 0;
	background:#dcdee2;
	overflow:auto;
}



/*--------------------------- GALERIA ------------------------------*/
#desarrollo-galeria-enr{
	width:223px;
	height:399px;
	float:left;
	background:#dcdee2;
}

#desarrollo-galeria-enr ul{
	margin:10px 0 0 17px;
	padding:0px;
}

#desarrollo-galeria-enr li{
	margin:0px;
	padding:0px;
	text-decoration:none;
	display:inline;
}

#desarrollo-galeria-enr img {
	width:76px;
	height:25px;
	border:1px solid #000;
	margin:0 0 10px 10px;
	padding:2px;
}

.img {
	width:76px;
	height:25px;
	margin:0px;
}




/*--------------- PIE ----------------*/

#pie{
	margin:0px auto;
	width:900px;
	clear:both;
}

#pie ul{
	padding:14px 0 0 35px;
	margin:0px;
	text-align:left;
}

#pie li{
	font:normal 70% Arial, Helvetica, sans-serif;
	text-align:right;
	padding:0px;
	margin:0px;
	display:inline;
	color:#dcdee2;
}

#pie li a{
	color:#dcdee2;
	text-decoration:none;
}

#pie li a:hover{
	color:#666;
	text-decoration:none;
}

address{
	font:normal 70% Arial, Helvetica, sans-serif;
	color:#dcdee2;
	padding:15px 0 0 0;
	float:right;
}


/* ---------------- FORMULARIO ----------------------- */

/*#formulario {
	float:right;
	width:250px;
	color:#999;
	font:normal 70% Arial, Helvetica, sans-serif;
	margin:15px 30px 0 0;
}*/

#form {
	float:left;
	width:350px;
	color:#000;
	font:normal 70% Arial, Helvetica, sans-serif;
	margin:15px 0 0 20px;
}

legend {
	display:none;
}

fieldset {
	border-style:none;
	margin-bottom:8px;
}

.gracias {
	color:#000;
	border:1px solid #333;
	padding:10px;
	margin:40px 0 0 40px;
	width:300px;
	text-align:left;
	float:left;
}

label{
	color:#000;
	text-align:left;
}

fieldset input, textarea{
	background-color:#000;
	border:0px solid #fff;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:2px 5px;
	margin-top:2px;
	margin-bottom:4px;
	color:#fff;
	font:normal 95% Arial, Helvetica, sans-serif;
	display:block;
	width:100%;
}

textarea{
	height:50px;	

}

.boton{
	width:80px;
	padding:3px 0px;
	background-color:#eee;
	border:1px solid #ccc;
	color:#666;
	margin:8px 0px 5px 0px;
	cursor:pointer;
}

.boton:hover{
	color:#000;
	border:1px solid #000;
}

.checklabel {
	color:#000;
}

.check {
	margin-right:2px;
}

#formulario a{
	color:#0138ce;
}

#formulario a:hover{
	text-decoration:underline;
}








a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../img/icon_pdf.gif) no-repeat center right;
}



.clear {
	clear:both;
}