body {
	background-color:	#FFFFFF;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px; 
	font-weight:		normal;
	background-position:50%;
}

a {
	color:#999999;
	font-size: 11px;
	text-decoration: none;
	
}

a:hover {
	color:				#333333;
	font-size: 11px;
}

#idioma {
background-color:#FFFFFF;
float:left;
margin:4 auto;
padding-top:5px;
position:relative;
width:35px;

}



#wrapper {
	background-color:	#ffffff;
	margin:				0 auto;
	width:				910px;
}

#content {
	background-color:	#ffffff;
	margin:				0 auto;
	width:				910px;
	position:			relative;
	float:				left;
}


#contacto {
	background-color:	#ffffff;
	margin:				0 auto;
	width:				890px;
	position:			relative;
	float:				left;
}




/*------------------------- header ------------------------------------*/
#header {
	background-color:	#ffffff;
	width:				890px;
	height:             125px;
}


#logo a{
	background-image:	url(images/logo.jpg);
	background-position:center;
	background-repeat:	no-repeat;
	width:				138px;
	height: 			125px;
	float:				left;
	display:			block;
	cursor:             pointer;
}


/*------------------------- fin - header ------------------------------------*/


/* Menu 1 starts here */
#menu-portfolio {
    float: left;
    padding-left: 312px;
    padding-right: 30px;
    width: 200px;
	
}
#menu-portfolio ul {
    font-family: Arial, Helvetica, sans-serif;
    list-style-type: none;
    margin: 0;
    padding-top: 18px;
}



#menu-portfolio li
{
display: inline;
/* for IE5 and IE6 */
margin:0px 0px 0px 0px;
}

#menu-portfolio a
{
color: #FF0099;
text-decoration: none;
font-size: 12px;
font-variant:small-caps;
display: block;
padding: 4px;
width: 200px;
background-color:#fff;
border-bottom: 1px solid #333333;
margin:0px 0px 0px 0px;
}

#menu-portfolio a:link
{
color: #FF0099;
text-decoration: none;
}

#menu-portfolio a:hover
{
background-color: #fff ;
color:#333333;
}

#menu-portfolio li a#current
{
background-color:#333333;
color: #fff;
border-bottom: 1px solid #333333;
}
/* Menu 1 ends here */



/* Menu 2 starts here */
#menu-2 {
    float: left;
    width: 200px;
}

#menu-2 ul {
    font-family: Arial, Helvetica, sans-serif;
    list-style-type: none;
    margin: 0;
    padding-top: 18px;
}



#menu-2 li
{
display: inline;
/* for IE5 and IE6 */
margin:0px 0px 0px 0px;
}

#menu-2 a
{
color: #FF9933;
text-decoration: none;
font-size: 11px;
font-size: 12px;
font-variant:small-caps;
display: block;
padding: 4px;
width: 200px;
background-color:#fff;
border-bottom: 1px solid #333333;
margin:0px 0px 0px 0px;
}

#menu-2 a:link
{
color: #FF9933;
text-decoration: none;
}

#menu-2 a:hover
{
background-color: #fff ;
color:#333333;
}

#menu-2 li a#current
{
background-color:#333333;
color: #fff;
border-bottom: 1px solid #333333;
}
/* Menu 2 ends here */


/*------------------------- home ------------------------------------*/




#content h1 {
background-image:url(images/txt-home.jpg);
background-repeat:no-repeat;
color:#1A1A1A;
font-family:Arial,Helvetica,sans-serif;
font-size:37px;
line-height:120%;
margin-bottom:0;
margin-top:0;
padding-bottom:110px;
padding-left:10px;
width:880px;
}


#contacto h1 {
    background-image:	url(images/txt-contacto.jpg);
    background-repeat:	no-repeat;
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 		    37px;
	color:				#1A1A1A;
	line-height:        120%;
margin-top:0;
padding-bottom:110px;
padding-left:		10px;
width:				880px;
margin-bottom:		0px;
}



#main {
	width:				890px;
	height:             230px;
	float:				left;
	background-color:#33CCFF;

}

#nosotros {
    border-right: 1px solid #333333;
    float: left;
    height: 238px;
    margin-top: 90px;
    width: 440px;
}

#nosotros h2 {
	color:				#1D1D1D;
	font-family:		Arial,Helvetica,sans-serif;
	font-size:			16px;
	font-weight:		lighter;
	    width: 420px;
}

#nosotros h3 {
	color:				#1D1D1D;
	font-family:		Arial,Helvetica,sans-serif;
	font-size:			16px;
	 width: 420px;
}

#datos {
    background-image: url("images/datos.jpg");
    background-repeat: no-repeat;
    float: left;
    height: 256px;
    margin-left: 22px;
    margin-top: 93px;
    width: 209px;
}

#novedades  {

    background-color: #FFFFFF;
    float: left;
    padding-left: 13px;
    padding-top: 91px;
    width: 206px;
}




#novedades-tit a{
	background-image:   url(images/novedades.jpg);
	background-repeat:  no-repeat;
	width:				187px;
	height:             24px;
	color:              #FFFFFF;
    margin-bottom:		0;
	display:            block;
	cursor:             pointer;
}


#novedades-tit a:hover{
	background-image:   url(images/novedades_.jpg);
	background-repeat:  no-repeat;
	width:				187px;
	height:             24px;
	color:              #FFFFFF;
    margin-bottom:		0;
	display:            block;
	cursor:             pointer;
}



#social {
    border-bottom: 1px solid #333333;
    float: left;
    height: 37px;
    padding-top: 10px;
    width: 207px;
}

#twitter a {
    background-image: url("images/twitter.jpg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    height: 35px;

    width: 40px;
}

#twitter a:hover{
    width:				40px;
	height:             35px;
	background-image:   url(images/twitter_.jpg);
	background-repeat:  no-repeat;
	float:              left;
	display:            block;
	cursor:             pointer;

}

#flickr a{
    width:				32px;
	height:             35px;
	background-image:   url(images/flickr.jpg);
	background-repeat:  no-repeat;
	float:              left;
	display:            block;
	cursor:             pointer;
}


#flickr a:hover{
    width:				32px;
	height:             35px;
	background-image:   url(images/flickr_.jpg);
	background-repeat:  no-repeat;
	float:              left;
	display:            block;
	cursor:             pointer;
}

#flickr a:hover{
    width:				32px;
	height:             35px;
	background-image:   url(images/flickr_.jpg);
	background-repeat:  no-repeat;
	float:              left;
	display:            block;
	cursor:             pointer;
}


#delicious a{
    width:				32px;
	height:             35px;
	background-image:   url(images/delicious.jpg);
	background-repeat:  no-repeat;
	float:              left;
	display:            block;
	cursor:             pointer;

}

#linkedin a{
    width:				32px;
	height:             35px;
	background-image:   url(images/linkedin.jpg);
	background-repeat:  no-repeat;
	float:              left;
	display:            block;
	cursor:             pointer;
}

#linkedin a:hover{
    width:				32px;
	height:             35px;
	background-image:   url(images/linkedin_.jpg);
	background-repeat:  no-repeat;
	float:              left;
	display:            block;
	cursor:             pointer;
}


#fb a{
    width:				32px;
	height:             35px;
	background-image:   url(images/fb.jpg);
	background-repeat:  no-repeat;
	float:              left;
	display:            block;
	cursor:             pointer;

}

#fb a:hover{
    width:				32px;
	height:             35px;
	background-image:   url(images/fb_.jpg);
	background-repeat:  no-repeat;
	float:              left;
	display:            block;
	cursor:             pointer;

}
#esp a {
    background-image: url("images/esp.jpg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    height: 35px;
    width: 32px;
}


#esp a:hover {
    background-image: url("images/esp_.jpg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    height: 35px;
    width: 32px;
}
#english a {
    background-image: url("images/english.jpg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    height: 35px;
    width: 32px;
}
#english a:hover {
    background-image: url("images/english_.jpg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    height: 35px;
    width: 32px;
}


/*------------------------- fin - home ------------------------------------*/



/*------------------------- trabajos ------------------------------------*/




#portfolio {
float:left;
padding-left:5px;
width:890px;

}

#portfolio-interior{
    width:				890px;
	float:              left;
	margin-top:			20px;
}

.portfolio-thumb a img{
	background-color:	#e5e5e5;
	float:				left;
	height:				150px;
	margin-left:		4px;
	_margin-left:		3px;
	width:				218px;
	border:				0;
	
	
}

.portfolio-thumb-izq a img{
	background-color:	#e5e5e5;
	float:				left;
	height:				150px;
	margin-left:		4px;
	width:				218px;
	_width:				219px;
	border:				0;
		
}

.portfolio-thumb img {
	background-color:	#E5E5E5;
	border:				0 none;
	float:				left;
	height:				150px;
	margin-left:		5px;
	width:				217px;
}

.portfolio-thumb-izq img{
	background-color:	#e5e5e5;
	float:				left;
	height:				150px;
	margin-left:		4px;
	width:				218px;
	_width:				219px;
	border:				0;
}

.portfolio-textos {
	float:				left;
	height:				100px;
	margin-left:		5px;
	_margin-left:		2px;
	width:				217px;
	_width:				220px;
	
}



#portfolio h1 {
color:#1D1D1D;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bolder;
margin-bottom:7px;
margin-top:10px;
padding-right:15px;
}

#portfolio h2 {
	color:				#888;
	font-family:		Arial,Helvetica,sans-serif;
	font-size:			11px;
	font-weight:		lighter;
	margin-top:			5px;
	padding-right:		16px;
}

#portfolio h3 {
background-image:	url(images/txt-trabajos.jpg);
background-repeat:	no-repeat;
color:#1A1A1A;
font-family:Arial,Helvetica,sans-serif;
font-size:37px;
line-height:120%;
margin-bottom:10px;
margin-top:8px;
padding-bottom:30px;
padding-left:10px;
width:880px;
}

#portfolio-interior h1 {
	color:				#1D1D1D;
	font-family:		Arial,Helvetica,sans-serif;
	font-size:			11px;
	font-weight:		lighter;
	margin:				20px 0 0 0;
	padding:			0;
	border:				0;
	width:				220px;
}

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

#portfolio-interior h1 a:hover{
	text-decoration:	none;
	
}



#portfolio-interior h2 {
    background-color: #FFFFFF;
    color: #1D1D1D;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: lighter;
    width: 200px;
}


#portfolio-interior a {
color:#FF0099;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:lighter;
width:200px;
text-decoration:	none;
}


#portfolio-interior a:hover {
text-decoration:	underline;
}

#portfolio-interior h3 {
	color:				#333333;
	font-family:		Arial,Helvetica,sans-serif;
	font-size:			25px;
	font-weight:		normal;
	margin:				0;
	width:				220px;

}

#portfolio-interior img {
	border:				0;
	float:				right;
	margin-bottom:			20px;
}

#detalle {
	background-color:	#CCCCCC;
	float:				left;
	height:				300px;
	margin-left:		4px;
	width:				218px;
}

#detalle h4 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			25px;
	color:				#666;
	font-weight:        lighter;
}

#detalle-img {
	float:				left;
	margin-left:		12px;
	width:				650px;
}









/*------------------------- fin - trabajos ------------------------------------*/

#logos {
	float:				left;
	width:				200px;
}

#logos h2{
	background-image:   url(images/back4.jpg);
	background-repeat:  no-repeat;
	width:				200px;
	height:             62px;
	margin-top:         10px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			25px;
	color:              #FFFFFF;
	padding-top:		12px;
	font-weight:        lighter;
	padding-left:		10px;
	margin-bottom:		0;
}

#logos h3{
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			16px;
	color:              #1D1D1D;
	line-height:        130%;
	font-weight:        normal;
    margin:             0px 0px 10px 0px;
	font-weight:        normal;
	width:				200px;
}





#ilus {
	float:				left;
	width:				200px;
}

#ilus h2{
	background-image:   url(images/back9.jpg);
	background-repeat:  no-repeat;
	width:				200px;
	height:             62px;
	margin-top:         10px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			25px;
	color:              #FFFFFF;
	padding-top:		12px;
	font-weight:        lighter;
	padding-left:		10px;
	margin-bottom:		0;
}


#publi {
	float:				left;
	width:				200px;
}

#publi h2{
	background-image:   url(images/back10.jpg);
	background-repeat:  no-repeat;
	width:				200px;
	height:             62px;
	margin-top:         10px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			25px;
	color:              #FFFFFF;
	padding-top:		12px;
	font-weight:        lighter;
	padding-left:		10px;
	margin-bottom:		0;
}




#publi h3{
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			16px;
	color:              #1D1D1D;
	line-height:        130%;
	font-weight:        normal;
    margin:             0px 0px 10px 0px;
	font-weight:        normal;
	width:				200px;
}


#ilus h3{
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			16px;
	color:              #1D1D1D;
	line-height:        130%;
	font-weight:        normal;
    margin:             0px 0px 10px 0px;
	font-weight:        normal;
	width:				200px;
}

#impresos {
	float:				left;
	width:				200px;
}

#impresos h2{
	background-image:   url(images/back5.jpg);
	background-repeat:  no-repeat;
	width:				200px;
	height:             62px;
	margin-top:         10px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			25px;
	color:              #FFFFFF;
	padding-top:		12px;
	font-weight:        lighter;
	padding-left:		10px;
	margin-bottom:		0;
}

#impresos h3{
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			16px;
	color:              #1D1D1D;
	line-height:        130%;
	font-weight:        normal;
    margin:             0px 0px 10px 0px;
	font-weight:        normal;
	width:				200px;
}

#web-digital {
    float: left;
    margin-left: 3px;
    width: 680px;
}

#web-digital h2{
	background-image:   url(images/back8.jpg);
	background-repeat:  no-repeat;
	height:             64px;
	margin-top:         10px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			25px;
	color:              #FFFFFF;
	padding-top:		12px;
	font-weight:        lighter;
	padding-left:		10px;
	margin-bottom:		0;
}

#web-digital h3{
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			16px;
	color:              #1D1D1D;
	margin:             0px 5px 10px 0px;
	line-height:        130%;
	font-weight:lighter;
	width: 600px;

}

#web-digital h4{
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#1D1D1D;
	line-height:        100%;
    font-weight:bold;
    margin:             0px 0px 10px 0px;
	width:				550px;
}

#web-digital h5{
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#1D1D1D;
	line-height:        130%;
    font-weight:lighter;
    margin:             0px 0px 10px 0px;
	width:				550px;
}

/*------------------------- fin - servicios ------------------------------------*/


/*------------------------- contacto ------------------------------------*/

#escribe {
	float:				left;
	width:				920px;
	margin-top: 20px;
}

#escribe h2{
	background-image:   url(images/back7.jpg);
	background-repeat:  no-repeat;
	height:             70px;
	margin-top:         10px;	
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			25px;
	color:              #FFFFFF;
	padding-top:		12px;
	font-weight:        lighter;
	padding-left:		10px;
	margin-bottom:		0;
}

#escribe h3{
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#1D1D1D;

	font-weight:        normal;
    margin:             0 10px;
}

#escribe h4{
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color: 				#1D1D1D;
	line-height:        130%;
	font-weight:        normal;
    margin:             0 10px;
}

.campo{
	border:				1px solid #1D1D1D;
	color:				#1D1D1D;
	font-family:		Arial,Helvetica,sans-serif;
	font-size:			12px;
	font-weight:		normal;
	padding: 5px;
	
}

.campo-desplegable{
	border:				1px solid #1D1D1D;
	color:				#1D1D1D;
	font-family:		Arial,Helvetica,sans-serif;
	font-size:			13px;
	font-weight:		normal;
}

.btn-enviar {
   background-image:    url(images/enviar.jpg);
   color:#FFFFFF;
    width:				165px;
	height:             105px;
	border:				0;
	margin-top:			15px;
    background-position:center;
	background-repeat:	no-repeat;
    display:			block;
	cursor:             pointer;
}

/*------------------------- fin - contacto ------------------------------------*/


/*------------------------- trabajos ------------------------------------*/

#nav-portfolio {
background-color:#fff;
border-bottom:1px solid #333333;
float:left;
height:106px;
width:690px;
background-image:url(images/tit-web.jpg)
}

#nav-portfolio-logos {
background-color:#fff;
border-bottom:1px solid #333333;
float:left;
height:106px;
width:690px;
background-image:url(images/tit-logos.jpg)
}

#nav-portfolio-ilustracion {
background-color:#fff;
border-bottom:1px solid #333333;
float:left;
height:106px;
width:690px;
background-image:url(images/tit-ilustracion.jpg)
}


#nav-portfolio-impresos {
background-color:#fff;
border-bottom:1px solid #333333;
float:left;
height:106px;
width:690px;
background-image:url(images/tit-impresos.jpg)
}



#volver a{
background-color:#fff;
border-bottom:1px solid #333333;
float:left;
height:106px;
width:200px;
background-image:url(images/volver.jpg);
background-repeat:	no-repeat;
display:			block;
cursor:             pointer;
}


#nav-portfolio h3 {
color:#FF0099;
font-family:Arial,Helvetica,sans-serif;
font-size:25px;
font-weight:lighter;
padding-top:25px;
}



/*------------------------- fin - trabajos ------------------------------------*/


/*------------------------- footer ------------------------------------*/

#footer {
	background-color:	#ffffff;
	border-top:			1px solid #333333;
	width:				890px;
	float:				left;
	height:             40px;
	margin-bottom:      20px;
	_margin-bottom:     0px;
	background-color:   #fff;
}

#footer h6 {
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color:				#999;
	margin:             15px 0px;
    font-weight:        lighter;
}

/*------------------------- fin - footer ------------------------------------*/



		

		
		#work {
			width:930px;
			float:left;
			list-style:none;
			margin:0;
			padding:0;
		}
		
#work h1 {
color:#FFF;
font-family:Arial,Helvetica,sans-serif;
font-size: 28px;
font-weight:lighter;
}
	
	
	


#work li {
background:none repeat scroll 0 0 #FFFFFF;
display:inline;
float:left;
height:190px;
margin:5px;
padding:3px;
width:280px;
}


		#work li a {
			border:none;
		}
		#work p {
			margin-bottom:0;
		}
		
		
		/* ---- show-hide elements ---- */
		
		#work li .show{
			display:block;
			width:280px;
			height:190px;
		}
		#work li .hide {
			color:#fff;
			text-align: left;
			height: 0;
			overflow: hidden;
			background:#1d1d1d;
			
		}
		#work li:hover .hide, #work li.over .hide {
			cursor: pointer;
			height: 170px;
			padding:10px;
			width:260px;
		}
		#work li:hover .show, #work li.over .show {
			height: 0;
			overflow: hidden;
		}
		
		#work li a {
			color:#FF0099;
			font-size:9px;
			text-decoration:none;
			
		}
		#work li a:hover {
			color:#FF0099;
			text-decoration:underline;
		}
		
	div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, input, textarea, button,
	table, caption, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }
	:focus		{ outline: none; }
	html		{ overflow-x: hidden; }
	li a span	{ cursor: pointer; }

#branding {
		width: 890px;
		height: 300px;
		
		background-color:#fff;
		position: relative;
	}

		#branding-carousel {
			width: 890px;
			height: 300px;
			overflow: hidden;
		}
			#branding-carousel ul {
   list-style-type: none;
}


				#branding-carousel ul li {
					width: 890px;
					float: left;
				}

#branding a.carousel-control {
 width: 70px;
 height: 64px;
 display: block;
 
 background: url(images/div-branding-a-carousel-controls.png) no-repeat;
 *background: url(images/div-branding-a-carousel-controls1.png) no-repeat;
 position: absolute;
 top: 123px;
  }

		#branding a#branding-prev {
	left: -15px;
	background-position: left top;
		}
		#branding a#branding-prev:hover { background-position: left bottom; }

		#branding a#branding-next {
			right: -15px;
			background-position: right top;
		}
		
		#branding a#branding-next:hover { background-position: right bottom; }