*{ margin:0; padding:0; } img {border:none;} ul {list-style:none;}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;}

#body-large{
	width:auto;
	height:auto;
	background:url(../images/background.png) repeat;}
#body-medium{
	width:auto;
	height:auto;
	background:url(../images/background2.png) repeat;}
#body-identity{
	width:auto;
	height:auto;
	background:url(../images/background3.jpg) repeat;}
#body-design{
	width:auto;
	height:auto;
	background:url(../images/background4.png) repeat;}
#body-enterprise{
	width:auto;
	height:auto;
	background:url(../images/background5.png) repeat;}
	
#container{
	width:1024px;
	height:auto;
	margin-left:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-right:auto;
	padding:0px; }
#header {
	width:1024px;
	height:100px;
	background:#FFFFFF;
	margin-top:5px;
	}
#header ul{
	width:927px;
	margin-left:auto;
	margin-right:auto;}
#header ul li{
	float:left;
	width:auto; 
	height:100px; 
	margin-left:20px; 
	color:#CCCCCC;
	font-weight:bold;
	font-size:15px;}
#header ul li span{ 
	color:#000000;}
.header-separator{
	background:url(../images/separator-header.png) no-repeat center left;
	height:60px;
	padding:0 0 0 5px;}

#menu {
	width:1024px;
	height:72px;
	background:none;
	padding:0px; 
	margin-top:5px;}
#menu ul{
	width:927px;
	height:72px;
	background:url(../images/menu.png);
	margin-left:auto;
	margin-right:auto;}
#menu ul img{
	float:left;}
#menu ul li{
	width:auto;
	height:57px;
	float:left;
	padding:15px 30px 0px;
	text-align:center;
	font-weight:bold;}

#banner{
	width:1024px;
	height:287px;
	background:none;
	padding:0px; 
	margin-top:5px;}
	
#menu-boxes {
	width:1024px;
	height:187px;
	background:url(../images/body.png) center;
	padding:45px 0px 0px 0px;}
#example {
	width:845px;
	height:147px;
	background:url(../images/body-boxes.png);
	margin-left:auto;
	margin-right:auto;
	padding:10px 0px 0px 12px;}

#body-text {
	width:1024px;
	height:500px;
	background:#0099FF;
	padding:0px;}
#body-text-container {
	width:850px;
	height:500px;
	background:none;
	padding:0px;
	margin-left:auto;
	margin-right:auto;}	
#body-text-columna {
	width:425px;
	height:500px;
	float:left;
	background:none;
	padding:0px;}
#body-text-columna p{
	margin:0px 0px 15px 0px;}
#box-top {
	width:415px;
	float:left;
	height:25px;
	background:url(../images/box-top.png);
	padding:5px 10px 0px 10px;
	color:#0099FF;
	font-weight:bold;
	font-size:14px;}
#box-middle {
	width:415px;
	float:left;
	height:auto;
	background:#FFFFFF;
	padding:10px;
	color:#9A9A9A;
	font-weight:bold;
	font-size:14px;}
#box-middle ul li{
	float:left;
	width:auto;}
#box-middle ul li.text{
	width:340px;}
#box-middle ul li.logos{
	height:auto;
	padding-top:10px;}
	
#box-bottom {
	width:435px;
	float:left;
	height:14px;
	background:url(../images/box-bottom.png);
	padding:0px;
	margin-bottom:10px;}

#video{
	width:1024px;
	height:350px;
	background:url(../images/video.png) no-repeat #0099FF bottom;
	padding:0px;}
#video-box{
	width:804px;
	height:317px;
	background:url(../images/video-fondo.png);
	padding:0px;
	margin-left:auto;
	margin-right:auto;}
#video-box ul li{
	width:auto;
	height:auto;
	float:left;
	color:#FFFFFF;
	margin:37px 0px 0px 18px;
	}
#video-box ul li.campaign{
	color:#DADADA;
	font-size:24px;
	text-align:right;
	padding-top:60px;}
#video-box ul li.campaign span{
	color:#0099FF;}
#video-box ul li.campaign p{
	font-size:16px;}
#video-box ul li.text{
	font-size:14px;
	text-align:left;
	font-weight:bold;
	color:#0099FF;
	padding-top:60px;}
#video-box ul li.text span{
	color:#FFFFFF;}

#footer{
	width:auto;
	height:210px;
	background:#000000;
	padding:0px;}
ul.foot{
	width:780px;	
	height:auto;
	margin-left:130px;}
ul.foot li.staff{
	width:auto;
	height:auto;
	color:#666666;
	font-size:34px;
	font-weight:bold;
	float:left;
	margin-left:10px;
	text-align:right;}
ul.foot li.staff p{
	font-size:14px;
	font-weight:normal;}
ul.foot li.contact{
	width:auto;
	height:auto;
	padding:5px 0px 0px 0px;
	color:#FFFFFF;
	font-size:14px;
	float:left;
	margin-left:10px;}
ul.foot li.contact span{
	color:#0099FF;}
ul.foot li.coffee-logo{
	width:300px;
	height:135px;
	padding:10px 0px 0px 0px;
	background:url(../images/separador-coffee.png) no-repeat;
	text-align:right;
	float:left;
	margin-left:20px;}

ul.enterprise{
	width:400px;	
	height:auto;
	margin:20px 0 0 0;}
ul.enterprise li.staff{
	width:120px;
	height:auto;
	color:#000000;
	font-size:34px;
	font-weight:bold;
	float:left;
	margin-left:10px;
	text-align:right;}
ul.enterprise li.contact{
	width:250px;
	height:auto;
	padding:5px 0px 0px 0px;
	color:#000000;
	font-size:14px;
	float:left;
	margin-left:10px;}
ul.enterprise li.contact p{
	color:#666666;
	font-weight:bold;
	font-size:14px;
	margin:8px 0 8px 0;}
ul.enterprise li.contact span{
	color:#0099FF;}

#facebook{
	position:relative;
	top:-16px;
	left:-153px;}
ul.foot li.bottom{	
	width:auto;
	height:40px;
	padding-top:20px;
	color:#FFFFFF;
	font-size:13px;
	float:left;
	clear:both;}
ul.foot li.bottom span{
	color:#0099FF;}

#caja-rectangular{
	width:1024px;
	height:505px;
	padding:15px 0px 0px 0px;
	background:url(../images/caja-valores.png) center;}
#caja-contactanos{
	width:845px;
	height:485px;
	background:url(../images/contactanos.jpg);
	margin:auto;}
#caja-contactanos ul li{
	width:392px;
	height:auto;
	padding:100px 0px 0px 30px;
	background:none;
	float:left;
	text-align:right;
	font-size:35px;
	color:#CCCCCC;
	line-height:20px;}
#caja-contactanos ul li img{
	position:relative;
	top:5px;}
#caja-contactanos ul li p{
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;}
#caja-contactanos ul li span{
	font-size:12px;
	color:#000000;
	font-weight:bold;}
#caja-rectangular-blanca{
	width:845px;
	height:485px;
	background:#FFFFFF;
	margin:auto;}
#caja-rectangular-blanca-2{
	width:845px;
	height:1100px;
	background:#FFFFFF;
	margin:auto;}
#caja-rectangular-blanca-3{
	width:845px;
	height:930px;
	background:#FFFFFF;
	margin:auto;}
#caja-rectangular-blanca-4{
	width:445px;
	height:610px;
	padding:10px 400px 0 10px;
	background:url(../images/enterprise.jpg) no-repeat right #FFFFFF;
	font-size:15px;
	margin:auto;}
#caja-rectangular-blanca ul li.texto{
	width:588px;
	height:auto;
	padding:20px 10px 0px 10px;
	float:left;}		
#caja-rectangular-blanca ul li.imagen{
	width:237px;
	height:auto;
	float:left;}
li.texto ul{
	width:auto;
	height:auto;
	float:left;
	clear:both;
	margin-bottom:30px;}
li.texto ul li{
	width:auto;
	font-size:44px;
	font-weight:bold;
	color:#CCCCCC;
	float:left;
	font-family:Arial, Helvetica, sans-serif;}
li.texto ul li.logo{
	width:auto;
	height:auto;
	float:left;
	margin-left:60px;}
li.texto ul li.texto3{
	background:url(../images/value-separator.png) no-repeat left center;
	width:295px;
	height:auto;
	padding:5px 0px 0px 5px;
	margin:0 0 0 5px;
	color:#A0A0A0;
	font-size:12px;
	float:left;
	}
li.texto ul li.title{
	width:140px;
	font-size:24px;
	font-weight:normal;
	text-align:right;
	vertical-align:middle;
	color:#CFCFCF;
	float:left;
	padding:10px 0px 0px 0px;}
li.texto ul li.title span{
	color:#0099FF;}			
li.texto ul li.texto2{
	width:400px;
	float:left;
	color:#000000;
	font-weight:bold;
	font-size:12px;}

ul.portfolio{
	width:533px;
	height:auto;
	margin:auto;
	padding:50px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;}
ul.portfolio ul{
	width:533px;
	height:auto;
	color:#000000;
}
ul.portfolio li.menu{
	width:533px;
	height:41px;
	background:url(../images/portfolio-menu.png);
	float:left;
}
ul.portfolio li.title{
	width:533px;
	height:60px;
	color:#999999;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:35px;
	font-weight:bolder;}
ul.portfolio li.title span{
	color:#0099FF;
}
ul.portfolio li.menu ul li{
	width:147px;
	height:auto;
	padding:5px 0 0 30px;
	font-size:14px;
	font-weight:normal;
	float:left;
}
ul.portfolio li.menu ul li.identempres{
	width:162px;
	height:auto;
	padding:5px 0 0 15px;
	font-size:14px;
	font-weight:normal;
	float:left;
}
ul.portfolio li.menu ul li a{
	color:#FFFFFF;}
ul.portfolio li.menu ul li a:hover{
	color:#0099FF;}
ul.portfolio li.items ul li{
	width:142px;
	height:auto;
	padding:5px 0 0 35px;
	font-size:10px;
	font-weight:bold;
	float:left;
}
#footer2{
	width:1024px;
	height:60px;
	background:#000000;
	margin:auto;}

#identity-back{
	background:url(../images/identidad-corporativa-back.png);
	padding:20px 0 0 0;
	width:1024px;
	height:1121px;}
#design-back{
	background:url(../images/diseno-grafico-back.png);
	padding:20px 0 0 0;
	width:1024px;
	height:950px;}
#enterprise-back{
	background:url(../images/nuestra-empresa-back.png);
	padding:20px 0 0 0;
	width:1024px;
	height:650px;}
	
li.logo-row-adaptable{
	width:866px;
	height:auto;
	background:none;
	float:left;
	margin-left:0px;}
li.logo-row-identity{
	width:866px;
	height:auto;
	background:none;
	float:left;
	margin-left:14px;}
li.logo-row{
	width:845px;
	height:118px;
	background:none;
	float:left;
	margin-left:28px;
	margin-bottom:10px;}
li.web-row{
	width:845px;
	height:115px;
	background:none;
	float:left;
	margin-left:28px;
	margin-bottom:10px;}
li.web-row ul li{
	width:auto;
	height:auto;
	float:left;
	margin:0 0 0 8px;
	font-size:15px;
	font-weight:bold;}
li.web-row ul li.logo-title{
	width:220px;
	height:auto;
	float:left;
	margin:0 0 0 8px;
	font-size:15px;
	font-weight:bold;}
li.web-row ul li p{
	width:290px;
    font-size:12px;
	font-weight:normal;}

#design-logotipe{
	width:655px;
	height:110px;
	padding:34px 0 0 190px;
	background:url(../images/design-logotipe.png);}
#design-grafic{
	width:655px;
	height:110px;
	padding:34px 0 0 190px;
	background:url(../images/grafic-desing.png);}
#design-web{
	width:655px;
	height:110px;
	padding:34px 0 0 190px;
	background:url(../images/desarrolloweb.png);}	
#design-logotipe a{
	font-size:14px;
	font-weight:bold;
	line-height:26px;
	color:#999999;}
#design-grafic a{
	font-size:14px;
	font-weight:bold;
	line-height:26px;
	color:#999999;}
#design-web a{
	font-size:14px;
	font-weight:bold;
	line-height:26px;
	color:#999999;}
#design-logotipe a:hover{
	text-decoration:underline;}
#design-grafic a:hover{
	text-decoration:underline;}
#design-web a:hover{
	text-decoration:underline;}
span.publish{
	width:152px;
	height:108px;
	float:left;
	margin-right:5px;}	
span.flyers{
	width:95px;
	height:130px;
	float:left;
	margin-right:3px;}
span.discografic{
	width:207px;
	height:159px;
	float:left;
	margin-right:0px;}	


/*/ NOTICIAS /*/
#noticias{
	width:auto; 
	height:465px;
	padding:10px 10px 10px 10px;
	overflow:auto;
}
#noticias h2{
	color:#666;
	font-size:13px;	
}
#noticias a{
	color:#0099FF;
}
#noticias a:hover{
	color:#0099FF;
}
.hr{margin-top:20px;margin-bottom:10px;color:#ccc;height:1px;border:none;border-top:1px dotted #ccc}
p.fecha { color:#666; text-align:right; margin-top:10px; font-size:9px }



#noticias-top{
	width:1024px;
	height:187px;
	background:url(../images/body.png) center;
	padding:45px 0px 0px 0px;
}
#noticias-top ul{
	width:795px;
	height:50px;
	padding:25px 0 0 50px;
	background:#FFFFFF;
	margin:auto;}
#noticias-top ul li{
	width:auto;
	height:50px;
	float:left;
	font-size:12px;
	color:#999999;
	font-weight:normal;
	margin-right:10px;}
#noticias-top ul li h1{
	font-size:28px;
	color:#000000;
	font-weight:bold;}
#noticias-bottom{
	background:url(../images/noticias-bottom.png) bottom no-repeat #0098fe;
	width:1024px;
	height:auto;
}
#noticias-bottom ul{
	width:845px;
	height:auto;
	margin:auto;}
#noticias-bottom ul li{
	width:845px;
	height:auto;
	margin:auto;}

li.selected a{
	color:#0099FF;}
h1{
	font-size:18px;
	font-weight:bolder;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom:5px;
	}
h2{
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom:5px;}
h3{
	font-size:12px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin-top:5px;}	

input {
	border:1px solid #97ABD0;
	background-color: #F0F2FF;
	width:380px;}
#submit {
	border:none;
	background:none;
	width:auto;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	cursor:pointer;}
textarea {
	margin-top:8px;
	width:380px;
	height:90px;}	
#img-submit{
	position:relative;
	top:-120px;}

span.grey{
	color:#999999;}
span.blue{
	color:#0099FF;}

a:link {text-decoration: none; color:#FFFFFF;} 
a:visited {text-decoration: none; color:#FFFFFF;} 
a:active {text-decoration:none; color:#FFFFFF;} 
a:hover {color:#0099FF; TEXT-DECORATION: none}