body {
	margin:0px;
	background-position:center top;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/bg_body.jpg);
	background-repeat: repeat-y;
}

/* INPUT DE ERRORES */
input[type=text].error, input[type=password].error, input[type=file].error, select.error{
	border:#8C6B28 solid 1px;
	}

textarea.error{
	border:#8C6B28 solid 1px;
	}
	
/*FIN INPUT DE ERRORES */

p,td,th,li,div{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

a{
text-decoration:none;
color:#CC9933;
}

a:hover{
text-decoration:none;
}

a img{
	border:none;
}

h1,h2,h3,h4,h5,h6{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:15px;
}

h1{
color:#CC9933;
font-size:12px;
font-weight:normal;
}


.prev, .next {display:none;}

.izq .submenu{ display:none;} .superior .separador{padding:0;}


#wrap{
	width:990px;
	margin:auto;
}

#columnaizq{
	width:195px;
	float:left;
	position:relative;
	display:inline-block;
}

#columnader{
	width:785px;
	padding-left:5px;
	float:left;
	position:relative;
	display:inline-block;
}

#idioma{
	text-align:right;
	width:785px;
	display:inline-block;
	position:relative;
}

#versioningles{
	background-color:#444444;
	padding:5px;
	float:right;
	font-size:9px;
	width:100px;
	text-align:center;
}

#versioningles a:link{
color:#CCC;
font-size:9px;
}

#contactos ul{
list-style:none;
margin:0;
padding:0;
}



#contactos{
margin-top:50px;
padding-right:20px;
text-align:right;
}

#contactos a:link{
color:#CCC;
font-size:9px;
}








#contactos a:hover {
	color:#CC9933;
	font-size:9px;
}




.slideshow{
	position:relative;
	z-index:50;
	padding-top:25px;
	height: 520px;
	width: 775px;
}

.portfolio{
text-align:center;
}

.portfolio a{

}

.portfolio img{
}

.slideshow #nav {
float:left;
margin:0;
position:relative;
}
.slideshow #nav li { float: left; list-style: none}
.slideshow #nav a { margin: 5px; padding: 3px 5px; text-decoration: none; color:#575757;}
.slideshow #nav a.activeSlide {color:#cc9933;}
.slideshow #nav a:focus { color:#cc9933; }

.slideshow .prev{
	float:left;
}

.slideshow .next{
	float:right;
}

/*********** IMAGEN SOLA ***********/
.imagen_sola{
	text-align:center;
}

.izq .imagen_sola{
margin-top:60px;	
}



#submenuizquierda{
	width:170px;
	float:left;
	position:relative;
	display:inline-block;
}

#contenidoderecha{
	width:600px;
	float:right;
	position:relative;
	display:inline-block;
}

#submenu_branding{
	padding-top:140px;
}
#submenu_naming{
	padding-top:105px;
}

#submenu_packaging{
	padding-top:175px;
}
#submenu_multimedia{
	padding-top:210px;
}

.nombretrabajo{
	padding-top:15px;
	padding-left:10px;
	z-index:0;
	width:150px;
	position:absolute;
}
.otrostrabajos {
	position:absolute;



	width:: 140px;
	padding-left:7px;
	clip: rect(auto,auto,auto,auto);
	margin-top: 120px;
	width: 143px;
}
.otrostrabajos div {
	padding:0px;
	margin:0px;
	float:left;
}
.otrostrabajos .uno a{
	background-image: url(../../images/otros-izq.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 25px;
	width: 25px;
	overflow: hidden;
	text-indent: -9999px;
}
.otrostrabajos .dos a{
	background-image: url(../../images/otros-der.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	height: 25px;
	width: 25px;
	text-indent: -9999px;
}
.otrostrabajos .uno a:hover {
	background-image: url(../../images/otros-izq.jpg);
	background-repeat: no-repeat;
	background-position: center -26px;
	float: left;
	height: 25px;
	width: 25px;
}
.otrostrabajos .dos a:hover {
	background-image: url(../../images/otros-der.jpg);
	background-repeat: no-repeat;
	background-position: center -26px;
	float: left;
	height: 25px;
	width: 25px;
}



#brandingcolapsa {
	float: left;
	position: relative;
	width: 180px;
	display: none;
	overflow:hidden;
	z-index:9999;
	background-color:#444444;
}


#contenidoderecha_prensa {
	width:760px;
	float:left;
	position:relative;
	display:inline-block;
	padding-top: 75px;
}
#submenu_empresa {
	padding-top:315px;
	width: 150px;
	float: left;
	padding-left: 12px;
}
#submenu_contacto {
	padding-top:110px;
	width: 150px;
	float: left;
	padding-left: 12px;
	display: inline;
	position: relative;
	line-height: 18px;
}
#submenu_contacto a {
	line-height: 18px;
	font-style: italic;
	color: #666;
}


#submenu_empresa a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
	line-height: 12px;
	margin-bottom: 10px;
	display: inline;
	float: left;
	width: 150px;
}
#submenu_empresa a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #CC9933;
	width: 150px;
	margin-bottom: 10px;
}
#submenu_empresa .activo  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #CC9933;
}

.item{
background:transparent url(../images/bg_novedad.gif) no-repeat scroll left 2px;
float:left;
height:100px;
margin-left:30px;
padding-left:20px;
width:200px;

}
.item .titulo {
color:#d3a038;
font-size:12px;
font-weight:bold;
}
.item .titulo a:hover{
	text-decoration:none;
}
.imagen {
}
.fecha {
}
.textoBreve p {
	margin:0;
}

.novedadEnlace a{
background-color:#444444;
color:#999999;
font-size:10px !important;
margin-top:3px;
padding:1px 3px;
float:left;
}

.novedadDocumento a:hover{
color:#CC9933;

}

/*********** MAIL FORM ***********/
.mailform{
	padding-top:90px;
}
.mailform table{
	padding-top:30px;}
	
.mailform table td{
	padding:5px 0px;
}

div.mailform table tr{
	/*padding-right:5px;*/
}

.mailform input{
		margin-top:13px; margin-bottom:15px;
		border:solid 1px #333;
background-color:#000;
width:252px;
height:26px;
color:#CCC;}

.mailform textarea{
	margin-top:13px; margin-bottom:15px;
border:solid 1px #333;
background-color:#000;
width:523px;
height:153px;
color:#CCC;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}


.mailform input.boton{
	color:#999999;
	background-color:#444444;
	width:53px;
	height:20px;
	font-size:10px !important;
	margin-right:6px;	cursor:pointer;
	text-transform:uppercase;
	}
	
.mailform input#borrar{
	color:#999999;
	width:56px;
	height:20px;
	background-color:#444444;
	font-size:10px !important;
	cursor:pointer;
		text-transform:uppercase;
}

.mailform input.boton:hover, .mailform input#borrar:hover{
	color:#CC9933;	
}



.mailform label.error{
font-size:10px;
color: #BB8F35;
display:block;
font-weight:bold;}

.integrantes {
	float: left;
	position: relative;
	line-height: 16px;
}
.integrantes img {
	float: left;
	display: inline;
}

.persona {
	display: inline;
	margin-top: 155px;
	position: relative;
	float: left;
	margin-left: 7px;
	width: 260px;
	margin-bottom: 12px;
}
.persona2 {
	display: inline;
	margin-top: 185px;
	position: relative;
	float: left;
	margin-left: 7px;
	width: 260px;
	margin-bottom: 12px;
}

.persona_titulo {
	color: #FFF;
}
#contactos a {
	color:#CCC;
	font-size:9px;
}
#versioningles a {
	color:#CCC;
	font-size:9px;
}
#versioningles a:hover {
	color:#CC9933;
	font-size:9px;
}

#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:774px;
		height:519px;
		overflow:hidden; 
		
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
	#nextBtn{ 
		left:741px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}												

        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
			
			
.setPhoto img{width:<?=$INDEXTHUMB['width']?>px; height:<?=$INDEXTHUMB['height']?>px;}


.areaprensa{
	margin-top:330px;
	width:170px;
	float:left;
	position:relative;
	display:inline-block;
	font-size:10px;
}

.areaprensadesarrollo{
	padding-left:30px;
	padding-right:30px;
	width:535px;
	height:530px;
}


.areaprensadorado{
		color:#CC9933;
}

.areaprensa a{
	color:#666;
}
.areaprensa a:hover{
	color:#CC9933;
}