/* ESTRUCTURA GENERAL */
body{
	margin:0;
	background-color:#000;
	background-image:url(../images/bg-general.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

#menu {
	position:relative;
	margin:auto;
	margin-top:55px;
	width:770px;
	height:182px;
	background-image:url(../images/logo-sz-estudio.png);
	background-repeat:no-repeat;
	background-repeat: center top;
}

#menu div.barra-menu {
	position:relative;
	width:400px;
	height:26px;
	margin:0; 
	padding:140px 0 0 310px;
}

#menu div.barra-menu div.item {
	width:72px;
	height:26px;
	position:relative;
	float:left;
	padding:0;
}

#menu div.barra-menu div.item a.home {
	width:72px;
	height:26px;
	background-image:url(../images/menu-home.gif);
	background-position:center top;
	display:block;
	
}

#menu div.barra-menu div.item a.home:hover {
	background-position:center bottom;
}

#menu div.barra-menu div.item a.portfolio {
	width:72px;
	height:26px;
	background:url(../images/menu-portfolio.gif);
	background-position:center top;
	display:block;
	
}

#menu div.barra-menu div.item a.portfolio:hover {
	background-position:center bottom;
}

#menu div.barra-menu div.item a.servicios {
	width:72px;
	height:26px;
	background:url(../images/menu-servicios.gif);
	background-position:center top;
	display:block;
	
}

#menu div.barra-menu div.item a.servicios:hover {
	background-position:center bottom;
}

#menu div.barra-menu div.item a.contacto {
	width:72px;
	height:26px;
	background:url(../images/menu-contacto.gif);
	background-position:center top;
	display:block;
	
}

#menu div.barra-menu div.item a.contacto:hover {
	background-position:center bottom;
}

#menu div.barra-menu span {
width:2px;
height:26px;
position:relative;
float:left;
background-image:url(../images/menu-separador.gif);
background-repeat:no-repeat;
margin:0 12px;
}

#content {
	width:657px;
	position:relative;
	margin:auto;
}

#content .top {
	width:657;
	height:9px;
	background-image:url(../images/top-contenedor.png);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}

#content .central {
	width:657px;
	background-color:#000;
	margin:0;
	padding:0;
}

#content .central-port {
	background-image:url(../images/bk-portfolio.gif);
	background-repeat:no-repeat;
	background-position:top center;
	width:657px;
	background-color:#000;
	margin:0;
	padding:25px 0 0 0;
}


#content .bottom {
	width:657;
	height:20px;
	background-image:url(../images/bottom-contenedor.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}

#content .central img.home{
	padding:0 0 8px 23px;
}

/*...HOME - TEXTO..................................................................*/
#content .central .texto{
	position:relative;
	width:606px;
	height:135px;
	padding:10px 0 0 23px;
	background-image:url(../images/bg-texto.gif);
	background-repeat:no-repeat;
	background-position:right top;
	text-align:justify;
}

#content .central .texto .items{
	position:relative;
	float:left;
	width:186px;
	text-align:right;
	padding:0;
	margin:0;
}

#content .central .texto .items img{
	padding:5px 0;
	margin:0;
}

#content .central .texto .descripcion{
	position:relative;
	float:right;
	width:390px;
	padding:0;
	margin:0;
}
#content .central .texto .descripcion img{
	padding:5px 0;
	margin:0;
}
#content .central .texto p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	line-height:16px;
	padding:0;
	margin:0;
}

/*...HOME - NOVEDADES..................................................................*/
#content .central .novedades{
	position:relative;
	width:606px;
	height:260px;
	padding:20px 0 0 23px;
	background-image:url(../images/bg-texto.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

#content .central .novedades img{
	padding:0 5px;
	margin:0;
}


/*...FOOTER..................................................................*/

#content .central .footer, #content .central-port .footer {
	width:606px;
	height:40px;
	background-image:url(../images/bg-texto.gif);
	background-repeat:no-repeat;
	padding: 10px 0 15px 23px;
	position:relative;
}

#content .central .comunidades, #content .central-port .comunidades{
	width: 195px;
	float:left;
	padding-top:10px;

}
#content .central .comunidades img, #content .central-port .comunidades img{
	padding:0 0 8px 20px;

}

#content .central .foot_links, #content .central-port .foot_links {
	width: 396px;
	float:left;
	padding:0 0 0 15px;
	background:url(../images/bg_linea_vert.gif) left repeat-y;
}

#content .central .foot_links .ul_links, #content .central-port .foot_links .ul_links{
	width:95px;
	float:left;
}

#content .central .foot_links ul, #content .central-port .foot_links ul {
	padding:0;
	margin:0;	
	list-style:none;
}

#content .central .foot_links ul li, #content .central-port .foot_links ul li {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #333;
	line-height:12px;
	padding:0;
	margin:0;
}

#content .central .foot_links ul li a, #content .central-port .foot_links ul li a{
	list-style:none;
	color: #333;
	text-decoration:none;
}

#content .central .foot_links ul li a:hover, #content .central-port .foot_links ul li a:hover{
	color: #04a7ca;
}
#content .central .foot_links ul li strong, #content .central-port .foot_links ul li strong {
	color:#666;
}

/*...SUB MENUES..................................................................*/

#content .submenu {
	width:657px;
	height:45px;
	background-color:#000;
	background-image:url(../images/divisor-submenu.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin:0;
	padding:10px 0 0 0;
}

#content .submenu .imagen {
	position:relative;
	float:left;
	margin:0 10px 0 20px;
	padding:0;
}

#content .submenu .subitem {
	width:85px;
	height:14px;
	position:relative;
	float:left;
	padding:0 15px 0 15px;
	margin:0;
}

#content .submenu .subitem a.grafico {
	width:85px;
	height:14px;
	background-image:url(../images/submenu-grafico.gif);
	background-position:center top;
	display:block;
	
}

#content .submenu .subitem a.grafico:hover {
	background-position:center bottom;
}

#content .submenu .subitem a.ilustracion {
	width:85px;
	height:14px;
	background-image:url(../images/submenu-ilustracion.gif);
	background-position:center top;
	display:block;
	
}

#content .submenu .subitem a.ilustracion:hover {
	background-position:center bottom;
}

#content .submenu .subitem a.web {
	width:85px;
	height:14px;
	background-image:url(../images/submenu-web.gif);
	background-position:center top;
	display:block;
	
}

#content .submenu .subitem a.web:hover {
	background-position:center bottom;
}

/*---CONTACTO-----*/

#content .central .telefonos {
	position:relative;
	width:606px;
	height:100px;
	padding:20px 0 0 23px;
}

#content .central .contactanos {
	position:relative;
	width:606px;
	height:350px;
	padding:0 0 0 23px;
}

#content .central .contactanos .formulario {
	position:relative;
	width:609px;
	height:243px;
	background-image:url(../images/bg-contacto.gif);
	background-repeat:no-repeat;
	margin:20px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;	
	color:#999;
	padding:20px 0 0 40px;
}

#content .central .contactanos .formulario .campo {
	position:relative;
	width:230px;
	height:40px;
	float:left;
	text-align:right;
	
}
#content .central .contactanos .formulario .mensaje {
	position:relative;
	width:460px;
	height:95px;
	float:left;
	text-align:right;
	
}

#content .central .contactanos .formulario .mensaje p {
	width:20px;
	float:left;
	margin:0;
	padding:0 0 0 25px;
		
}

#content .central .contactanos .formulario .boton{
	position:relative;
	width:460px;
	height:50px;
	float:left;
	text-align:right;
	
}

#content .central .contactanos .formulario .boton .enviar {
	background-color:#4d4d4d;
	border:medium none;
	color:#FFFFFF;
	font-size:12px;
	float:right;
	font-weight:bold;
	height:28px;
	width:65px;
	
}
input {
	border:0;
	margin:0 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#444;
	padding:3px;
	width:144px;
}
textarea {
	border:0px;
	height:70px;
	width:374px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#444;
	padding:3px;
	margin:0 0 0 5px;
	
}

.central img.gracias {
margin:30px 0 50px 170px;
}

/* ------ SERVICIOS -----*/

#content .central .services {
	position:relative;
	width:606px;
	padding:20px 0 0 23px;
}

#content .central .services p {
	color:#999999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:16px;
	margin:0pt;
	padding:15px 0 0 0;
}

#content .central .services ul.web, ul.grafico, ul.ilustracion {
	padding:0;
	margin:10px 0 0 5px;
}

#content .central .services ul.web li{
	color:#e2df00;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;	
	line-height:17px;
	padding-left:15px;
	list-style:none;
	background-image:url(../images/bullet-serv-web.gif);
	background-repeat:no-repeat;
	background-position: 0;
}

#content .central .services ul.grafico li{
	color:#b3006b;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:17px;
	padding-left:15px;
	list-style:none;
	background-image:url(../images/bullet-serv-grafico.gif);
	background-repeat:no-repeat;
	background-position: 0;
}


#content .central .services ul.ilustracion li{
	color:#0ba2c9;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:17px;
	padding-left:15px;
	list-style:none;
	background-image:url(../images/bullet-serv-ilustracion.gif);
	background-repeat:no-repeat;
	background-position: 0;
}