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: 230px;
		
		background-color:#fff;
		position: relative;
	}

		#branding-carousel {
			width: 890px;
			height: 225px;
			overflow: hidden;
		}

			#branding-carousel ul {

			}

				#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: 90px;
  }

		#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; }
		

	
	

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

a {
	color:				#1A1A1A;
}

a:hover {
	color:				#1A1A1A;
}

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

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


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


#volver a{
	background-image:	url(images/volver.jpg);
    background-repeat:	no-repeat;
	width:				47px;
	height: 			35px;
	float:				left;
	margin-top:         20px;
	margin-left:		10px;
	_margin-left:		5px;
	display:			block;
	cursor:             pointer;
}

/*------------------------- header ------------------------------------*/
#header {
	background-color:	#ffffff;
	border-top:			1px solid #333333;
	border-bottom:		3px solid #333333;
	margin:				0 auto;
	width:				890px;
	height:             90px;
}


#logo a{
	background-image:	url(images/logo.jpg);
	background-position:center;
	background-repeat:	no-repeat;
	width:				88px;
	height: 			80px;
	float:				left;
	margin-top:         5px;
	margin-left:		10px;
	_margin-left:		5px;
	display:			block;
	cursor:             pointer;
}


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


/*------------------------- navegador ------------------------------------*/


#nav {
	position:			relative;
	height: 			30px;
	float:				right;
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color:#FF0099;
	margin-top:			37px;
}

#nav ul {
	margin: 			0;
	padding: 			0;
}
#nav ul li{
	list-style-type: 	none;	
}
#nav ul li a{
	text-decoration: 	none;
	font-family:		Arial, Helvetica, sans-serif;
	color:				#1A1A1A;
	font-size:          11px;
}

#nav ul li a:hover{
	text-decoration: 	underline;
	font-family:		Arial, Helvetica, sans-serif;
	color:				#1A1A1A;
	font-size:          11px;
}

ul#menu li {
	margin-left:		15px;
	position: 			relative;
	float:				right;
}

#mail a{
	background-image:	url(images/sobrecito.jpg);
	background-position:center;
	background-repeat:	no-repeat;
	width:				27px;
	height: 			18px;
	display:            block;
	cursor:             pointer;
	margin-top:			0px;
}


/*------------------------- fin - navegador ------------------------------------*/


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


.slideshow {
	width:				560px;
	height:				180px;
	float:				left;
	_margin-top:		-2px;
}



#content h1 {
background-image:url(images/txt-home.jpg);
background-repeat:no-repeat;
border-bottom:1px solid #333333;
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;
	border-bottom:		1px solid #333333;

	padding-left:		10px;
	width:				880px;
	margin-bottom:		0px;
}

#col-izq {
	width:				920px;
	float:				left;
}

#col-izq2 {
	width:				320px;
	float:				left;
}

#main {
	width:				872px;
	height:             230px;
	float:				left;
	background-color:#fff;
	margin-top: 10px;
}

#nosotros {
float:left;
height:260px;
width:300px;
}

#nosotros h2{
	background-image:	url(images/back1.jpg);
	background-repeat:	no-repeat;
	width:				284px;
	height:             65px;
	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;
}

#nosotros h3 {
color:#666;
font-family:Arial,Helvetica,sans-serif;
font-size:17px;
font-weight:lighter;
line-height:118%;
margin:0 0 10px 10px;
width:291px;
}

#nosotros h4 {
color:#666;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:lighter;
line-height:130%;
margin:5px 0 10px 10px;
width:266px;
}
#encuentranos {
	float:				left;
	width:				300px;
	height:				260px;
}

#clientes {
	float:				left;
	width:				300px;
	height:				260px;
	
}

#clientes h2{
	background-image:    url(images/back10.jpg);
	background-repeat:   no-repeat;
	width:				284px;
	height:             65px;
	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;
}




#clientes h4 {
color:#666;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:lighter;
line-height:130%;
margin:0 0 2px 10px;
width:269px;
}

#clientes h3 {
color:#666;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:120%;
margin:4px 0 2px 10px;
width:273px;
}

#encuentranos h2{
	background-image:    url(images/back3.jpg);
	background-repeat:   no-repeat;
	width:				284px;
	height:             65px;
	margin-top:         10px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			25px;
	color:              #FFFFFF;
	padding-top:		11px;
	font-weight:        normal; 
	padding-left:		10px;
	margin-bottom:		0;
}

#encuentranos h3 {
color:#666;
font-family:Arial,Helvetica,sans-serif;
font-size:17px;
font-weight:bold;
line-height:125%;
margin:0 0 2px 10px;
width:290px;
}

#encuentranos h4 {
color:#666;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
line-height:115%;
margin:0 0 2px 10px;
width:270px;
}

#social{
    width:				250px;
	float:              left;
	padding-left:        8px;
	padding-top:         0px;
}


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

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

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

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

#caja1 {
	float:				left;
	margin-left:		6px;
	width:				270px;
	_margin-left:		3px;
}

#caja {
	float:				left;
	margin-left:		16px;
	_margin-left:		3px;
}

#cajabig {
	float:				left;
	margin-left:		5px;
	_margin-left:		3px;
	width:				530px;
}

.big {
	float:				left;
	height:				272px;
	width:				560px;
}

.big1 a{
	background-image:	url(images/big1.jpg);
	background-repeat:	no-repeat;
	width:				550px;
	height:				180px;
	float:				left;
	display:			block;
	cursor:				pointer;
	padding-right:		10px;
}

.thumb1 a{
	background-image:	url(images/thumb1.jpg);
	background-repeat:	no-repeat;
	width:				270px;
	height:				180px;
	float:				left;
	display:			block;
	cursor:				pointer;
	padding-right:		10px;
}

.thumb2 a {
	background-image:	url(images/thumb2.jpg);
	background-repeat:	no-repeat;
	cursor:				pointer;
	display:			block;
	float:				left;
	height:				180px;
	margin-left:		10px;
	_margin-left:		0px;
	width:				270px;
}

.thumb3 a{
	background-image:	url(images/thumb3.jpg);
	background-repeat:	no-repeat;
	width:				270px;
	height:				180px;
	float:				left;
	display:			block;
	cursor:				pointer;
	padding-right:		10px;
}

.thumb4 a{
	background-image:	url(images/thumb4.jpg);
	background-repeat:	no-repeat;
	width:				270px;
	height:				180px;
	float:				left;
	display:			block;
	cursor:				pointer;
	margin-left:		10px;
	_margin-left:		0px;
}

.thumb {
	float:				left;
	height:				277px;
	width:				280px;
}

#proyectos {
	float:				left;
	margin-left:		10px;
	_margin-left:		0;
	width:				560px;	
}

#proyectos 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;
}

#proyectos h3 {
	color:				#333333;
	float:				left;
	font-family:		Arial,Helvetica,sans-serif;
	font-size:			18px;
	font-weight:		lighter;
	margin-bottom:		5px;
	margin-top:			8px;
	padding-right:		15px;
}

#proyectos h4{
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color:				#333;
    line-height:        120%;
    padding-right:      16px;
	font-weight:        lighter;
	margin:				0px 0 20px 0;
	float:				left;
	clear:				left;
	width:				520px;
}

#proyectos h5{
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			11px;
	color:				#333;
    line-height:        120%;
    padding-right:      16px;
	font-weight:        lighter;
	margin:				0px 0 20px 0;
	float:				left;
	clear:				left;
	width:				250px;
}

#proyectos img{
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			25px;
	font-weight:		lighter;
	border:				0;
}

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



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




#portfolio{
    width:				890px;
	float:              left;
}

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

.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:#666666;
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:60px;
padding-left:10px;
width:880px;
}

#portfolio-interior h1 {
	color:				#666666;
	font-family:		Arial,Helvetica,sans-serif;
	font-size:			11px;
	font-weight:		lighter;
	margin:				20px 0 0 10px;
	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 {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:lighter;
margin-left:10px;
margin-top:20px;
width:219px;
}



#portfolio-interior h3 {
	color:				#666666;
	font-family:		Arial,Helvetica,sans-serif;
	font-size:			18px;
	font-weight:		normal;
	margin:				0;
	width:				220px;
	margin-left:10px;
}

#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 ------------------------------------*/

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

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

#logos h2{
	background-image:   url(images/back4.jpg);
	background-repeat:  no-repeat;
	width:				320px;
	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:              #666666;
	line-height:        130%;
	font-weight:        normal;
    margin:             0px 0px 10px 10px;
	font-weight:        normal;
	width:				290px;
}





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

#ilus h2{
	background-image:   url(images/back9.jpg);
	background-repeat:  no-repeat;
	width:				320px;
	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;
}

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

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

#impresos h2{
	background-image:   url(images/back5.jpg);
	background-repeat:  no-repeat;
	width:				320px;
	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:              #666666;
	line-height:        130%;
	font-weight:        normal;
    margin:             0px 0px 10px 10px;
	font-weight:        normal;
	width:				290px;
}

#web-digital {
	float:				left;
	margin-left:		10px;
	_margin-left:		0;
	width:				560px;
}

#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:              #666666;
	margin:             0px 5px 10px 10px;
	line-height:        130%;
	    font-weight:lighter;

}

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

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

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


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

#escribe {
	float:				left;
	margin-left:		10px;
	_margin-left:		0;
	width:				560px;
}

#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: 			12px;
	color: 				#666666;
	line-height:        130%;
	font-weight:        normal;
    margin:             0 10px;
}

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

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

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

.btn-enviar {
	font-family:		Arial, Helvetica, sans-serif;
	background-color:	#333333;
	color: 				#fff;
	width:				60px;
	border:				0;
	margin-top:			5px;
	cursor:				pointer;
}

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


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

#nav-portfolio {
float:left;
height:90px;
width:895px;
}

#boton-activo {
	background-image:   url(images/boton-activo.jpg);
	background-repeat:  no-repeat;
	width:				203px;
	height:             70px;
	float:              left;
    margin:            	10px 0;
	padding:			18px 0 0 20px;
}

#boton-activo a{
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			20px;
	color:              #FFFFFF;
	font-weight:        lighter;
	text-decoration:	none;
}

.boton-over {
background-image:url(images/boton-over.jpg);
background-repeat:no-repeat;
float:left;
height:45px;
margin-top:11px;
padding-top:17px;
width:223px;
}

.boton-over a {
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			20px;
	color: 				#666666;
	text-decoration:	none;
	margin-left:		25px;
}


.boton-over a:hover {
	font-family:		Arial, Helvetica, sans-serif;
	font-size: 			20px;
	color:              #fff;
}

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


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

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

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

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