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

/* Estructura */

body{
background-image:url(img/bg.jpg);
text-align:justify;
margin-top:0px;
width:1042px;
}

#costado_izquierdo{
background-image:url(img/bg_contenedor_01.jpg);
background-repeat:no-repeat;
width:161px;
height:721px;
float:left;
}

#contenido{
background-image:url(img/bg_contenedor_02.jpg);
background-repeat:repeat-y;
width:710px;
float:left;
text-align:left;
}

#costado_derecho{
background-image:url(img/bg_contenedor_03b.jpg);
background-repeat:no-repeat;
width:153px;
float:left;
height:721px;
}

/* Estilos cuerpo */

h1 {
height:	10px;
font-size: 9px;
text-align:left;
color:#210110;
}

h2 {
height:	10px;
font-size: 16px;
text-align:left;
color:#cdcdcd;
}

h3 {
height:	10px;
font-size: 13px;
text-align:left;
color:#cdcdcd;
}

#menu {
list-style:none;
margin:0;
padding:0;
background-image:url(img/bg_main.jpg);
height:93px;
}


#menu li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 85px;
	line-height: 16px;
	float:left;
	text-align:right;
	color:#999999;
	text-decoration:none;
	}
	
#menu li span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:right;
	text-decoration:none;
	color:#999999;
	}
	
#menu li a:link, #menu li a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	color:#999999;
	text-decoration:none;
	}
	
#menu li a:hover, #menu li a:active  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	color:#a17188;
	text-decoration:none;
	}
	
#menu li a:link span, #menu li a:visited span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:right;
	text-decoration:none;
	color:#999999;
	}
	
#menu li a:hover span, #menu li a:active span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:right;
	text-decoration:none;
	color:#a17188;
	}
	
#home {
text-align:center;
margin-bottom:5px;
margin-top: 15px;
margin-left:0;
background-image:url(img/bg_home.jpg);
width: 708px;
height:541px;
}

#menu_home li{
list-style:none;
float:left;
padding-left:5px;
}


		#menu_home li a {
			display:block;
			width: 128px;
			height:513px;
			}
			
		.editorial {
				background-image: url(img/editorial.jpg);
				background-position: top left;}
				
		.web {
				background-image: url(img/web.jpg);
				background-position: top left;}
				
		.branding {
				background-image: url(img/branding.jpg);
				background-position: top left;}
				
		.fotografia {
				background-image: url(img/fotografia.jpg);
				background-position: top left;}
				
		.miscelaneas {
				background-image: url(img/miscelaneas.jpg);
				background-position: top left;}
				
		#menu_home li a span {visibility:hidden;
		text-decoration:none;}
		
		#menu_home li a:hover {background-position: bottom left;}

	
#pie {
padding:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:15px;
color:#666666;
text-align:left;
text-decoration:none;
height:40px;
background-image:url(img/bg_pie.jpg);
background-repeat:repeat-y;
clear: left;
}

#pie a:link, #pie a:visited, #pie a:hover, #pie a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:15px;
color:#666666;
text-align:left;
text-decoration:none;
height:40px;
background-image:url(img/bg_pie.jpg);
background-repeat:repeat-y;
clear: left;
}

#gris {
background-image:url(img/bg_gris.jpg);
height:5px;
background-repeat:repeat-y;}

#negro{
background-image: url(img/bg_contenedor_02.jpg);
height:20px;
background-repeat:repeat-y;}


#home {
background-image:url(img/bg_home.jpg);
width: 708px;
height:541px;
}

#submenu {
background-image:url(img/bg_gris.jpg);
background-repeat:repeat-y;
height:24px;}

#submain li{
list-style:none;
float:left;
margin-left:15px;
}

#submain li span {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
text-decoration:none;
}



/* Estilos i-frame */

}

#img {
height:434px;
text-align:center;
vertical-align:middle;}

#botonera {
color:#cb759e;
text-decoration:none;
padding: 0 17px 0;
width: 193px;}

#botonera a:hover{
color:#384966;
text-decoration:none;}

#descripcion {
color:#FFFFFF;
padding:0 17px 0;
float:left;}

#botonera_img {
clear:left;
height:85px;
background-image:url(img/bg_botonera_img.jpg);
background-repeat:repeat-y;}

/* Estilos i-frame */

#imagen li {
list-style:none;
float:left;
}

		#imagen li a {
			display:block;
			width: 67px;
			height:67px;
			}
			
		#imagen li a span {
		visibility:hidden;
		text-decoration:none;}
		
		.editorialuno {
		background-image:url(portfolio/btn_editorial/01.jpg);
		background-position: top left;
		}
		
		.editorial_02 {
		background-image:url(portfolio/btn_editorial/02.jpg);
		background-position: top left;
		}
		
		.editorial_03 {
		background-image:url(portfolio/btn_editorial/03.jpg);
		background-position: top left;
		}

		.editorial_04 {
		background-image:url(portfolio/btn_editorial/04.jpg);
		background-position: top left;
		}
		
		.editorial_05 {
		background-image:url(portfolio/btn_editorial/05.jpg);
		background-position: top left;
		}
		
		.editorial_06 {
		background-image:url(portfolio/btn_editorial/06.jpg);
		background-position: top left;
		}
		
		.editorial_07 {
		background-image:url(portfolio/btn_editorial/07.jpg);
		background-position: top left;
		}
		
		.editorial_08 {
		background-image:url(portfolio/btn_editorial/08.jpg);
		background-position: top left;
		}
		
		.editorial_09 {
		background-image:url(portfolio/btn_editorial/09.jpg);
		background-position: top left;
		}

		.editorial_10 {
		background-image:url(portfolio/images/btn_icon_01.jpg);
		height:11px;
		width:9px;
		background-repeat:no-repeat;
		}	
		
		.editorial_10_b {
		background-image:url(portfolio/images/btn_icon_02_b.jpg);
		height:11px;
		width:9px;
		background-repeat:no-repeat;
		}	
		
		.editorialdos {
		background-image:url(portfolio/btn_editorial/10.jpg);
		background-position: top left;
		}
		
		.editorial2_02 {
		background-image:url(portfolio/btn_editorial/11.jpg);
		background-position: top left;
		}
		
		.editorial2_03 {
		background-image:url(portfolio/btn_editorial/12.jpg);
		background-position: top left;
		}

		.editorial2_04 {
		background-image:url(portfolio/btn_editorial/13.jpg);
		background-position: top left;
		}
		
		.editorial2_05 {
		background-image:url(portfolio/btn_editorial/14.jpg);
		background-position: top left;
		}
		
		.editorial2_06 {
		background-image:url(portfolio/btn_editorial/15.jpg);
		background-position: top left;
		}
		
		.editorial2_07 {
		background-image:url(portfolio/btn_editorial/16.jpg);
		background-position: top left;
		}
		
		.editorial2_08 {
		background-image:url(portfolio/btn_editorial/17.jpg);
		background-position: top left;
		}
		
		.editorial2_09 {
		background-image:url(portfolio/btn_editorial/18.jpg);
		background-position: top left;
		}
		
		.editorialtres {
		background-image:url(portfolio/btn_editorial/19.jpg);
		background-position: top left;
		}
		
		.editorial3_02 {
		background-image:url(portfolio/btn_editorial/20.jpg);
		background-position: top left;
		}
		
		.editorial3_03 {
		background-image:url(portfolio/btn_editorial/21.jpg);
		background-position: top left;
		}

		.editorial3_04 {
		background-image:url(portfolio/btn_editorial/22.jpg);
		background-position: top left;
		}
		
		.editorial3_05 {
		background-image:url(portfolio/btn_editorial/23.jpg);
		background-position: top left;
		}
		
		.editorial3_06 {
		background-image:url(portfolio/btn_editorial/24.jpg);
		background-position: top left;
		}
		
		.editorial3_07 {
		background-image:url(portfolio/btn_editorial/25.jpg);
		background-position: top left;
		}
		
		.editorial3_08 {
		background-image:url(portfolio/btn_editorial/25.jpg);
		background-position: top left;
		}
		
		.editorial3_09 {
		background-image:url(portfolio/btn_editorial/25.jpg);
		background-position: top left;
		}

		.editorial_10 {
		background-image:url(portfolio/images/btn_icon_01.jpg);
		height:11px;
		width:9px;
		background-repeat:no-repeat;
		}	
		
		.editorial_10_b {
		background-image:url(portfolio/images/btn_icon_02_b.jpg);
		height:11px;
		width:9px;
		background-repeat:no-repeat;
		}	
		
		.webuno {
		background-image:url(portfolio/btn_web/01.jpg);
		background-position: top left;
		}
		
		.web_02 {
		background-image:url(portfolio/btn_web/02.jpg);
		background-position: top left;
		}
		
		.web_03 {
		background-image:url(portfolio/btn_web/03.jpg);
		background-position: top left;
		}

		.web_04 {
		background-image:url(portfolio/btn_web/04.jpg);
		background-position: top left;
		}
		
		.web_05 {
		background-image:url(portfolio/btn_web/05.jpg);
		background-position: top left;
		}
		
		.web_06 {
		background-image:url(portfolio/btn_web/06.jpg);
		background-position: top left;
		}
		
		.web_07 {
		background-image:url(portfolio/btn_web/07.jpg);
		background-position: top left;
		}
		
		.web_08 {
		background-image:url(portfolio/btn_web/07.jpg);
		background-position: top left;
		}
		
		.web_09 {
		background-image:url(portfolio/btn_web/07.jpg);
		background-position: top left;
		}
		
		.brandinguno {
		background-image:url(portfolio/btn_branding/01.jpg);
		background-position: top left;
		}
		
		.branding_02 {
		background-image:url(portfolio/btn_branding/02.jpg);
		background-position: top left;
		}
		
		.branding_03 {
		background-image:url(portfolio/btn_branding/03.jpg);
		background-position: top left;
		}

		.branding_04 {
		background-image:url(portfolio/btn_branding/04.jpg);
		background-position: top left;
		}
		
		.branding_05 {
		background-image:url(portfolio/btn_branding/05.jpg);
		background-position: top left;
		}
		
		.branding_06 {
		background-image:url(portfolio/btn_branding/06.jpg);
		background-position: top left;
		}
		
		.branding_07 {
		background-image:url(portfolio/btn_branding/07.jpg);
		background-position: top left;
		}
		
		.branding_08 {
		background-image:url(portfolio/btn_branding/08.jpg);
		background-position: top left;
		}
		
		.branding_09 {
		background-image:url(portfolio/btn_branding/09.jpg);
		background-position: top left;
		}
		
		.brandingdos {
		background-image:url(portfolio/btn_branding/10.jpg);
		background-position: top left;
		}
		
		.branding2_02 {
		background-image:url(portfolio/btn_branding/11.jpg);
		background-position: top left;
		}
		
		.branding2_03 {
		background-image:url(portfolio/btn_branding/12.jpg);
		background-position: top left;
		}

		.branding2_04 {
		background-image:url(portfolio/btn_branding/13.jpg);
		background-position: top left;
		}
		
		.branding2_05 {
		background-image:url(portfolio/btn_branding/14.jpg);
		background-position: top left;
		}
		
		.branding2_06 {
		background-image:url(portfolio/btn_branding/15.jpg);
		background-position: top left;
		}
		
		.branding2_07 {
		background-image:url(portfolio/btn_branding/16.jpg);
		background-position: top left;
		}
		
		.branding2_08 {
		background-image:url(portfolio/btn_branding/17.jpg);
		background-position: top left;
		}
		
		.branding2_09 {
		background-image:url(portfolio/btn_branding/17.jpg);
		background-position: top left;
		}
		
		.fotografiauno {
		background-image:url(portfolio/btn_fotografia/01.jpg);
		background-position: top left;
		}
		
		.fotografia_02 {
		background-image:url(portfolio/btn_fotografia/02.jpg);
		background-position: top left;
		}
		
		.fotografia_03 {
		background-image:url(portfolio/btn_fotografia/03.jpg);
		background-position: top left;
		}

		.fotografia_04 {
		background-image:url(portfolio/btn_fotografia/04.jpg);
		background-position: top left;
		}
		
		.fotografia_05 {
		background-image:url(portfolio/btn_fotografia/05.jpg);
		background-position: top left;
		}
		
		.fotografia_06 {
		background-image:url(portfolio/btn_fotografia/06.jpg);
		background-position: top left;
		}
		
		.fotografia_07 {
		background-image:url(portfolio/btn_fotografia/07.jpg);
		background-position: top left;
		}
		
		.fotografia_08 {
		background-image:url(portfolio/btn_fotografia/08.jpg);
		background-position: top left;
		}
		
		.fotografia_09 {
		background-image:url(portfolio/btn_fotografia/09.jpg);
		background-position: top left;
		}
		
		.fotografiados {
		background-image:url(portfolio/btn_fotografia/10.jpg);
		background-position: top left;
		}
		
		.fotografia2_02 {
		background-image:url(portfolio/btn_fotografia/11.jpg);
		background-position: top left;
		}
		
		.fotografia2_03 {
		background-image:url(portfolio/btn_fotografia/12.jpg);
		background-position: top left;
		}

		.fotografia2_04 {
		background-image:url(portfolio/btn_fotografia/13.jpg);
		background-position: top left;
		}
		
		.fotografia2_05 {
		background-image:url(portfolio/btn_fotografia/14.jpg);
		background-position: top left;
		}
		
		.fotografia2_06 {
		background-image:url(portfolio/btn_fotografia/15.jpg);
		background-position: top left;
		}
		
		.fotografia2_07 {
		background-image:url(portfolio/btn_fotografia/16.jpg);
		background-position: top left;
		}
		
		.fotografia2_08 {
		background-image:url(portfolio/btn_branding/17.jpg);
		background-position: top left;
		}
		
		.fotografia2_09 {
		background-image:url(portfolio/btn_branding/17.jpg);
		background-position: top left;
		}

		.miscelaneasuno {
		background-image:url(portfolio/btn_miscelaneas/01.jpg);
		background-position: top left;
		}
		
		.miscelaneas_02 {
		background-image:url(portfolio/btn_miscelaneas/02.jpg);
		background-position: top left;
		}
		
		.miscelaneas_03 {
		background-image:url(portfolio/btn_miscelaneas/03.jpg);
		background-position: top left;
		}

		.miscelaneas_04 {
		background-image:url(portfolio/btn_web/07.jpg);
		background-position: top left;
		}
		
		.miscelaneas_05 {
		background-image:url(portfolio/btn_web/07.jpg);
		background-position: top left;
		}
		
		.miscelaneas_06 {
		background-image:url(portfolio/btn_web/07.jpg);
		background-position: top left;
		}
		
		.miscelaneas_07 {
		background-image:url(portfolio/btn_web/07.jpg);
		background-position: top left;
		}
		
		.miscelaneas_08 {
		background-image:url(portfolio/btn_web/07.jpg);
		background-position: top left;
		}
		
		.miscelaneas_09 {
		background-image:url(portfolio/btn_web/07.jpg);
		background-position: top left;
		}
			
		#imagen li a:hover {background-position: bottom left;}
		
		#imagen li .editorial_10 a:hover {
		background-image:url(portfolio/images/btn_icon_02.jpg);
		background-position: right;
		height:11px;
		width:9px;}
		
		#imagen li .editorial_10 a:hover {
		background-image:url(portfolio/images/btn_icon_02_b.jpg);
		background-position: right;
		height:11px;
		width:9px;}
		
/* Estilos empresa */

#img_empresa {
width:229px;
height:542px;
float:left;
}

#img_empresa_dos {
width:479px;
height:542px;
float:right;
background-image:url(img/empresa/images/empresa_final_03.jpg);
background-repeat:no-repeat;
}

#texto_empresa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #cdcdcd;
	text-decoration: none;
	text-align:left;
	padding-left: 20px;
	padding-right:45px;
	padding-top:25px;
	text-align:justify;
}

#texto_empresa li {
list-style:none;
}

/* Estilos contacto */

#img_contacto {
background-image:
}

.txtPpal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #cdcdcd;
	text-decoration: none;
}
#form1 label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #a14270;
	text-decoration: none;
	background-color: #2b0417;
	text-align: justify;
	height: 27px;
	width: 163px;
	border-top-color: #2b0417;
	border-right-color: #2b0417;
	border-bottom-color: #2b0417;
	border-left-color: #2b0417;
}
.box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CCCCCC;
	text-decoration: none;
	background-color: #230612;
	border: 0px 0 #CCCCCC;
	scrollbar-Arrow-Color:#0b0203;
	scrollbar-DarkShadow-Color:#0b0203; 
	scrollbar-Track-Color:#37001a; 
	scrollbar-Face-Color:#37001a; 
	scrollbar-Shadow-Color:#0b0203; 
	scrollbar-Highlight-Color:#37001a; 
	scrollbar-3dLight-Color:#37001a; 
}

#bg_contacto{
background-image:url(formulario/bg_form.jpg);
background-repeat:no-repeat;
width:705px;
height:542px;}






