/*----------------------------------------------------------------------
	layout
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body{}

.container {
	width: 800px;
	margin: 0 auto;
	color: #616161;
	border-top:6px solid #990000;
	border-bottom:6px solid #990000;
	padding:30px 0;
}

.container a{
	color:#000000;
	text-decoration:none;
}

.container a:hover{	
	text-decoration:underline;
}

/*----------------------------------------------------------------------
	lasteral
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.lateral{
	float:left;
	width:234px;
	margin-right:50px;
}

.lateral .logo{
	background:url(../images/logo.png) no-repeat;
	width:234px;
	height:137px;
}

.lateral .logo a{
	display: block;
	width:234px;
	height:137px;
	cursor: pointer;
}

.lateral .logo span{
	display:none;
}

.lateral h2{
	color:#990000;
	font-size:2.3em;
	font-weight:normal;
	background-color:#F9F9F9;
	padding:4px;
	text-align:center;
	line-height:115%;
	margin:30px 0;
}

.lateral p{
	line-height:150%;
	letter-spacing:0.1em;
}

.lateral p.title{
	color:#990000;
	font-size:1.8em;
	padding-bottom:5px;
	line-height:110%;
	letter-spacing:0;
}

.lateral ul{
	margin:0 0 30px 0;
}

.lateral ul li{
	font-size:1.2em;
	padding:5px 0 5px 22px;
	letter-spacing:0.1em;
}

.lateral ul li.email{
	background:url(../images/ico/mail.png) no-repeat 0 6px;
}

.lateral ul li.skype{
	background:url(../images/ico/skype.png) no-repeat 0 3px;
}

.lateral ul li.msn{
	background:url(../images/ico/msn.png) no-repeat 0 3px;
}

.lateral ul li.phone{
	background:url(../images/ico/phone.png) no-repeat 0 3px;
}

.lateral ul.donde li{
	background:url(../images/ico/attachment.png) no-repeat 0 2px;
}

/*----------------------------------------------------------------------
	main
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.main{
	float:right;
	width:516px;
}

.menu{	
	float:left;
	width:44px;
}

.menu ul li{
	padding:0;
}

.menu ul li a{
	color:#000000;
	text-decoration:none;
	display:block;
	width:44px;
}

.menu ul li span{
	display:none;
}

.menu ul li a:hover{
	text-decoration:underline;
}

.menu ul li a.tab1{
	background:url(../images/button/tab01.png) no-repeat;
	height:125px;
}

.menu ul li a.tab2{
	background:url(../images/button/tab02.png) no-repeat;
	height:135px;
}

.menu ul li a.tab3{
	background:url(../images/button/tab03.png) no-repeat;
	height:126px;
}

.menu ul li a.tab4{
	background:url(../images/button/tab04.png) no-repeat;
	height:129px;
}

.menu ul li a.tab5{
	background:url(../images/button/tab05.png) no-repeat;
	height:162px;
}

.menu ul li a.tab1:hover, .menu ul li a.tab1.selected1{
	background:url(../images/button/tab01_over.png) no-repeat;
}

.menu ul li a.tab2:hover, .menu ul li a.tab2.selected2{
	background:url(../images/button/tab02_over.png) no-repeat;
}

.menu ul li a.tab3:hover, .menu ul li a.tab3.selected3{
	background:url(../images/button/tab03_over.png) no-repeat;
}

.menu ul li a.tab4:hover, .menu ul li a.tab4.selected4{
	background:url(../images/button/tab04_over.png) no-repeat;
}

.menu ul li a.tab5:hover, .menu ul li a.tab5.selected5{
	background:url(../images/button/tab05_over.png) no-repeat;
}

.content{
	float:right;
	width:442px;
	background-color:#F9F9F9;
	padding:15px;
}

.content h2{
	font-size:2.3em;
	font-weight:normal;
	color:#000000;
	text-align:right;
}

.content h3{
	color:#990000;
	font-weight:normal;
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #E6E6E6;
}

.content h3.first{
	margin-top:0;
	padding-top:0;
	border-top:none;
}

.content p{
	line-height:150%;
	letter-spacing:0.1em;
}

.content .msn{
	padding:100px 0;
	text-align:center;
}

.content .box{
	border:1px solid #E6E6E6;
	padding:10px;
	margin:15px 0;
}

.content .box.first{
	margin-top:0;
}

.content .box.last{
	margin-bottom:0;
}

.content .box .ampliar_img{
	color:#949494;
	font-size:.9em;
}

.content .box .cont_float{
	float:right;
	width:55%;
}

.content .box .cont_float h4{
	font-size:1.6em;
	color:#990000;
	padding-bottom:2px;
}

.content .box .cont_float .tecno{
	font-size:1em;
}

.content .box .cont_float .subtitle{
	color:#999999;
	font-size:1.4em;
	font-weight:normal;
	font-style:italic;
}

.content .box .borde{
	border:8px solid #DDDDDD;
}

.content .title{
	color:#000;
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:0;
	line-height:110%;
	padding-bottom:5px;
	cursor:pointer;
}

.content .title:hover{
	text-decoration:underline;
}

.content .form{
	border-bottom:1px solid #DDDDDD;
	padding:10px 0;
}

.content .form h3{
	font-size:1.4em;
	color:#000;
	background:url(../images/ico/bullet.png) no-repeat 0 5px;
	padding-left:18px;
}

.content .form.subtitle{
	padding-top:40px;
}

.content .form input, .content .form textarea, .content .form select, .content .form .curriculo{
	border:1px solid #000000;
	color:#616161;
	padding:1px 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	width:350px;
}

.content .form.last{
	border-bottom:0;
	text-align:right;
}

.content .form.last input{
	width:70px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#990000;
	border:1px solid #990000;
	cursor:pointer;
}

.content .form.last.presup input{
	width:180px;
}

.content .form p{
	padding-bottom:0;
}

.content .form p label{
	color:#000000;
}

.content .form p span{
	color:#990000;
	font-size:.9em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

.content .staff h3{
	font-size:1.6em;
	color:#990000;
	padding-bottom:2px;
	padding-top:10px;
}

.content .staff p{
	padding-bottom:5px;
}

.content .ico_servicos01{
	background:url(../images/ico/servicios01.png) no-repeat 0 4px;
	padding-left:60px;
}

.content .ico_servicos02{
	background:url(../images/ico/servicios02.png) no-repeat 0 4px;
	padding-left:60px;
}

.content .ico_servicos03{
	background:url(../images/ico/servicios03.png) no-repeat 0 4px;
	padding-left:60px;
}

.content .ico_servicos04{
	background:url(../images/ico/servicios04.png) no-repeat 0 4px;
	padding-left:60px;
}

.content .ico_servicos05{
	background:url(../images/ico/servicios05.png) no-repeat 0 4px;
	padding-left:58px;
}

.content .ico_servicos06{
	background:url(../images/ico/servicios06.png) no-repeat 0 4px;
	padding-left:60px;
}

.content .alliances .izq{
	padding:10px 20px 10px 0;
	height:100%;
}

/* Promoción diseño web 2010/11
-------------------------------------------------------------------*/
.container.promocion .lateral h2{
	background-color:#FFFFFF;
	padding:10px 0 0 0;
}

.container.promocion .content{
	padding:15px 0;
	width:472px;
}

.container.promocion .content h2{
	color:#990000;
	font-size:2.3em;
	font-weight:bold;
	padding:0 15px 15px 15px;
}

.container.promocion .content p{
	padding:15px;
} 

.container.promocion .content p span{
	text-transform:uppercase;
	color:#990000;
	font-weight:bold;
}

.container.promocion .content p strong{
	text-transform:uppercase;
	color:#000;
}

.container.promocion .content .vias_comunicacion{
	margin:10px 0 10px 20px
}

.container.promocion .content .vias_comunicacion li{
	background:url(../images/ico/bullet.png) no-repeat 0 5px;
	font-size:1.2em;
	padding:5px 0 5px 20px;
	letter-spacing:0.1em;
	color:#000;
}

/* Slider trabajos destacados
------------------------------------------------------------------------*/
#slider{
	/*border:4px solid #DDD;*/
	border-top:8px solid #990000;
	border-bottom:8px solid #990000;
}

#prevBtn, #nextBtn{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}

#slider li{ 
	/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/ 
	width:472px;
	height:252px;
	overflow:hidden;
}
	
#prevBtn, #nextBtn{ 
	display:block;
	width:45px;
	height:58px;
	position:relative;
	left:0;
	margin-top:-150px;
	margin-bottom:100px;
}

#nextBtn{ 
	left:434px;
	margin-top:-158px;
}

#prevBtn a, #nextBtn a{  
	display:block;
	width:45px;
	height:58px;
	background:url(../images/ico/leftarrow.png) no-repeat 0 0;	
}

#nextBtn a{ 
	background:url(../images/ico/rightarrow.png) no-repeat 0 0;	
}

#prevBtn a:hover{
	background:url(../images/ico/leftarrow_on.png) no-repeat 0 0;
}

#nextBtn a:hover{ 
	background:url(../images/ico/rightarrow_on.png) no-repeat 0 0;	
}