/* Start of CMSMS style sheet 'magma : style' */
* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
	}

html, body {
	background: #fff url(uploads/images/bg.gif) repeat fixed;
	}

#container {
	width: 770px;
	background: #fff;
	margin: 0 auto;
	padding: 0 0 5px 0;
	}
	
ol, ul {
	list-style: none;
	list-style-type: none;
	list-style-position: outside;
	}
	
li {
	display: inline;
	}
	
a img {
	border: none;
	}
	
#banner {
	width: 100%;
	height: 156px;
	background: #00488f;
	}

	#banner h1 {
		display: block;
		width: 203px;
		height: 52px;
		background: #951415;
		float: left;
		margin: 30px 0 0 30px;
		}
		
		#banner h1 span {
			display: none;
			}
			
#navbar {
	width: 100%;
	height: 23px;
	background: #951415;
	}
	
	
	#topmenu {
		font-size: 12px;
		}
		
		#topmenu ul {
			float: left;
			margin: 0 0 0 110px;
			}
		
		#topmenu ul li {
			padding: 0 20px 0 15px;
			background: transparent url(uploads/images/topmenu-sep.gif) no-repeat center right;
			}
			
			#topmenu ul li.last {
				background: none;
				}
				
			#topmenu a,
			#topmenu a:visited,
			#topmenu a:active {
				line-height: 23px;
				text-transform: uppercase;
				font-family: verdana;
				font-weight: bold;
				color: #dc8e7b;
				text-decoration: none;
				}
				
			#topmenu a:hover,
			#topmenu a.active {
				color: #fff;
				}
				
			
		#lang-menu {
				float: right;
				margin: 6px 17px 0 0;
			}
			
			#lang-menu ul li {
				margin: 0 5px 0 0;
				/*line-height: 23px;*/
				}

#sub-navbar {
	width: 100%;
	height: 21px;
	background: #b1b1b1;
	}
	
	#submenu {
		font-size: 12px;
		}
		
		#submenu ul {
			margin: 0 auto;
			/* width: 700px;  <-- this is defined for each sub menu, elsewhere --> */
			}
		
		#submenu ul li {
			padding: 0 20px 0 15px;
			background: transparent url(uploads/images/submenu-sep.gif) no-repeat center right;
			}
			
			#submenu ul li.last {
				background: none;
				}
				
			#submenu a,
			#submenu a:visited,
			#submenu a:active {
				line-height: 23px;
				text-transform: uppercase;
				font-family: verdana;
				font-weight: bold;
				color: #fff;
				text-decoration: none;
				}
				
			#submenu a:hover,
			#submenu a.active {
				color: #a21416;
				}

#content {
	width: 726px;
	float: left;
	margin: 30px 30px 20px;
	}

#content img {
	float: left;
	}

#footer {
	color: #999;
	margin: 0 0 10px 0;
        text-align: center;
	}
	
	#footer ul {
		clear: both;
		width: 570px;
		margin: 0 auto;
		}
	
	#footer ul li {
			padding: 0 10px;
			background: transparent url(uploads/images/footer-menu-sep.gif) no-repeat center left;
			}

			#footer ul li.first {
				background: none;
				}
				
	#footer a:link,
	#footer a:visited,
	#footer a:active {
		line-height: 1.6em;
		font-family: verdana;
		text-decoration: none;
		color: #999;
		}
		
	#footer a:hover {
		text-decoration: underline;
		}
		
	#footer p {
		width: 100%;
		text-align: center;
		}


i {
	/*font-size: 12px;
	color: #a21416;
	font-style: italic; */
	}

/******** home ********/

h1 span {
	display: none;
	}

#content.home {
	width: 726px;
	float: left;
	margin: 22px 22px 20px;
	height: 450px;
	}
	
#home-col-left {
	float: left;
	width: 474px;
	}
	
#home-col-right {
	float: right;
	width: 238px;
	}

#dashboard-bienvenidos {
	position: relative;
	width: 100%;
	height: 170px;
	background: #a7a8aa url(uploads/images/bienvenidos-pic.jpg) top left no-repeat;
	}
	
	#dashboard-bienvenidos a.goto {
		position: absolute;
		top: 8px;
		right: 8px;
		width: 10px;
		height: 13px;
		background: transparent url(uploads/images/arrow_red.png) top left no-repeat;
		}
		
	#dashboard-bienvenidos a.goto:hover {
		background: transparent url(uploads/images/arrow_white.png) top left no-repeat;
		}
	
	#dashboard-bienvenidos .content {
		float: left;
		width: 257px;
		margin: 12px 0 0 190px;
		}
		
	#dashboard-bienvenidos h1 {
		/*background: url(uploads/images/bienvenidos.gif) top left no-repeat;
		width: 257px;
		height: 13px;*/
		text-transform: uppercase;
		color: #c20000;
		font-weight: bold;
		font-family: arial;
		font-size: 18px;
		}
	
#dashboard-hotels-business {
	position: relative;
	width: 100%;
	height: 122px;
	background: #a21416 url(uploads/images/hotels-business.jpg) 15px 10px no-repeat;
	margin: 18px 0 0 0;
	}
		
	#content #dashboard-hotels-business p {
		width: 255px;
		height: 77px;
		color: #fff;
		margin: 0;
		padding: 40px 157px 0 62px;
		background: transparent url(uploads/images/hotels-business-pic.png) top right no-repeat;
		}
	
	#dashboard-hotels-business a.heading {
		display: block;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		margin: 0 0 5px 0;
		}
		
	#dashboard-hotels-business a.goto {
		width: 10px;
		height: 12px;
		padding: 0 0 0 10px;
		margin: 0 0 0 10px;
		line-height: 20px;
		background: url(uploads/images/arrow_grey_small.png) center left no-repeat;
		text-decoration: none;
		}

	#dashboard-hotels-business a.goto span{
		/*display: none;*/
		}
		
	
#dashboard-actualidad {
	position: relative;
	width: 100%;
	height: 121px;
	background: #888 url(uploads/images/actualidad-home.jpg) top right no-repeat;
	margin: 18px 0 0 0;
	}
	
	#dashboard-actualidad h1 {
		text-transform: uppercase;
		color: #c20000;
		font-weight: bold;
		font-family: arial;
		font-size: 18px;
		text-align: left;
		margin: 10px 0 5px 15px;
		float: left;
		}
		
	#content #dashboard-actualidad p {
		margin: 0 0 0 15px;
		width: 304px;
		height: 81px;
		color: #fff;
		float: left;
		clear: left;
		}
	
	/*#content #dashboard-actualidad p i {
		font-weight: bold;
		color: #fff;
		}*/
		
	#dashboard-actualidad p a,
	#dashboard-actualidad p a:active,
	#dashboard-actualidad p a:visited {
                display: block;
                /*width: 160px;*/
                float: left;
		color: #fff;
		background: transparent url(uploads/images/arrow_grey_small2.png) bottom right no-repeat;
		padding: 0 16px 0 0;
		text-decoration: underline;
		margin: 5px 0 0 0;
		}

#dashboard-noticias {
	float: left;
	width: 238px;
	height: 290px;
	background: #ccc url(uploads/images/noticias-home.jpg) top left no-repeat;
	}
	
	#dashboard-noticias h1 {
		text-transform: uppercase;
		color: #c20000;
		font-weight: bold;
		font-family: arial;
		font-size: 18px;
		text-align: right;
		margin: 12px 15px 50px 0;
		}
		
	#dashboard-noticias .newspane {
		float: left;
		clear: both;
		width: 210px;
		margin: 0 12px 0;
		}
	
	.newsitem {
		float: left;
		margin: 0 0 15px 0;
		width: 100%;
		}
		
	.newsitem .title,
	.newsitem .date {
		float: left;
		font-size: 14px;
		font-weight: bold;
		color: #000;
		clear: left;
		width: 100%;
		}
	
	#content .newsitem p {
		float: left;
		text-align: left;
		margin: 8px 0 0 0;
		width: 100%;
		}
	
	.newsitem .desc i {
		/*float: left;
		display: block;
		color: #000;
		width: 100%;
		margin-bottom: 8px;
		display: block;*/
		}
	.newsitem a.goto {
		width: 8px;
		height: 9px;
		padding: 0 0 0 8px;
		background: url(uploads/images/arrow_red_small.png) center left no-repeat;
		text-decoration: none;
		}
	
	.newsitem a.goto span {
		display: none;
		}

	#content .newsitem h3 {
		font-size:12px;
                font-weight:bold;
                text-transform: none;
                color: #000;
                margin-bottom: 0;
		}


#dashboard-ponencias {
	position: relative;
	float: left;
	width: 238px;
	height: auto;
	background: #dc8e7b;
	margin: 15px 0 0;
	}
	
	#dashboard-ponencias h1 {
		text-transform: uppercase;
		color: #c20000;
		font-weight: bold;
		font-family: arial;
		font-size: 18px;
		text-align: left;
		margin: 12px 0 5px 15px;
		}
	
	#dashboard-ponencias .newspane {
		float: left;
		clear: both;
		width: 210px;
		margin: 5px 10px 0;
		}
		
	#dashboard-ponencias .newsitem {
		float: left;
		margin: 0 0 15px 5px;
		width: 100%;
		}

#news {
	position: absolute;
	width: 300px;
	top: 16px;
	left: 150px;
	color: #000;
	}
	
	.news-item {
			margin: 0 0 5px 0;
		}
	
	#news span.date {
		color: #a21416;
		font-weight: bold;
		margin: 0 10px 0 0;
		}
		
	#news span.title {
		font-weight: bold;
		}
		
	#news span.desc {
		margin: 0 0 0 67px;
		}


/******** company **********/

#content-column1 {
	width: 50%;
	float: left;
	}
	
#content-column2 {
	width: 50%;
	float: right;
	}

#cols1 {
	width: 40%;
	float: left;
	}
	
#cols2 {
	width: 56%;
        float: left;
	}


#content h2,
#content h3 {
	color: #a21416;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	font-size: 16px;
	}
	



#content h3 {
	font-size: 14px;
	}
	
#content.services h3.mono {
	font-size: 14px;
	text-transform: none;
	font-style: italic;
	color: #999;
	}

#content p,
#content p b,
#content p b font {
	font-size: 12px;
	margin: 10px 0;
	text-align: justify;
	}

#submenu.company ul {
	width: 450px;
        text-align: center;
	}


#content ul {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0 0 0 30px;
	}
	
#content ul li {
	display: list-item;
	margin: 5px 0;
	font-size: 12px;
	}

#content ul li b,
#content ul li i,
#content ul li u {
	font-size: 12px;
	}

#content.services ul {
	margin: 0 0 0 15px;
	}

#content.socios ul {
	clear: left;
	margin: 0 30px 0 0;
	list-style-position: inside;
	list-style-type: disc;
	}

#content.socios ul li {
	display: inline;
	padding: 0 0 0 15px;
	background: transparent url(uploads/images/list-sep.gif) no-repeat left 2px;
	}

.firma img,
.socios img,
.medios img  {
	float: left;
	border: #ccc 2px solid;
	}

.firma i, .firma u,
.filasofia i, .filasofia u, 
.socios i, .socios u,
.services i, .services u,
.clients i, .clients u,
.legal i, .legal u,
.condohotels i, .condohotels u,
.magazine i, .magazine u
{
	font-size: 12px;
	}

#content.socios h2 {
	margin-bottom: 0px;
	padding: 0;
	}

#content.socios p.quote {
	clear: none;
	float: left;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	width: 230px;
	text-align: left;
	margin: 0 10px 0;
	color: #333;
	}

#content.socios h3 {
	clear: left;
	float: left;
	text-transform: uppercase;
	color: #a21416;
	font-weight: bold;
	font-size: 12px;
	margin: 15px 0 5px;
	}

#content.socios p {
	clear: left;
	margin: 0 25px 10px 0;
	}

#content.home p,
#content.home p b,
#content.home p i,
#content.home p u {
	font-size: 12px;
	}

span.designation {
	display: block;
	color: #b2b2b2;
	font-weight: bold;
	margin: 0 0 8px 0;
	}

#filosofia-swf {
	margin: 22px 0 0 8px;
	}

#content-column1 {
	width: 50%;
	float: left;
	}



.filasofia img.col1 {
	margin:0 0 10px 25px;
	}
	
.filasofia img.col2 {
	margin:0 0 10px 20px;
	}


.firma .content {
	float: left;
	margin: 0 0 0 25px;
	width: 480px;
	}
/******** contacto **********/
#cd1 {
width: 50%;
float: left;
}
#cd2 {
width: 50%;
float: right;
}
#cdd1 {
width: 43%;
float: left;
}
#cdd2 {
position:relative;
padding: 10px 0 0;
width: 55%;
float: left;
}


#serv1 {
width: 40%;
float: left;
}
#serv2 {
width: 50%;
float: right;
}

#es1 {
width: 40%;
float: left;
}
#es2 {
width: 60%;
float: right;
}


.contacto label,
.contacto input,
.contacto textarea
 {
	display: block;
	float: left;
	margin: 3px 3px 0 0;
	}
	
.contacto input {
	height: 13px;
	padding: 3px;
	}

.contacto label {
	margin: 3px 10px 0 0;
	}

.contacto input,
.contacto textarea {
	border: none;
	background: #ccc;
	}


.contacto .width1 {
	width: 180px;
	}
	
.contacto .width2 {
	width: 220px;
	}

.contacto .width3 {
	width: 409px;
	}
	
.contacto textarea {
	width: 409px;
	height: 131px;
	padding: 3px;
	}

input.submit {
	width: 160px;
	height: 20px;
	background: #a21416;
	color: #fff;
	margin: 10px 21px 0 0;
	float: right;
	}
	
#content p.contact-info {
	font-size: 14px;
	}

#content p.contact-info i {
	font-weight: bold;
	color: #000;
	}
	
.delivery-status {
	color: #009900;
	font-weight: bold;
	margin: 10px 0;
	}
	
.failed {
	color: #ff0000;
	}
	
	
/****** Seivices *******/

#services-swf {
	margin: 20px 0 0 50px;
	}
	
#submenu.services li a{
	font-size: 10px;
	}
	
#submenu.services ul {
	width: 610px;
	}

img#services-subpage-image {
	margin: 20px 0 0;
	border: #ccc 2px solid;
	}	

#content ul#services-submenu  {
	list-style-type: none;
	margin: 0;
	width: 240px;
	text-decoration: none;
	}

	#content ul#services-submenu li {
		border-bottom: 1px #ccc dotted;
	}

#content ul#services-submenu li.noline {
		border-bottom: 1px #fff dotted;
                color: #a21416;
                margin: 0;
	}

	#content ul#services-submenu li a,
	.services-submenu {
		display: block;
		font-size: 10px;
		text-transform: uppercase;
		padding: 0 0 5px;
		color: #999999;
		font-weight: bold;
		cursor: pointer;
		text-decoration: none;
	}

	#content ul#services-submenu li a:hover {
		color: #a21416;
		text-decoration: none;
	}

	#content ul#services-submenu li ul {
		border: none;
		margin-bottom: 0;
		padding: 0;
		text-decoration: none;
	}

#content ul#services-submenu a,
#content ul#services-submenu li a.active,
#content ul#services-submenu li ul a.active {
	color: #a21416;
	text-decoration: none;
}

/*** submenu styles for casos sub menu (added by kaushalya 8th Jan) ***/

#content ul#casos-submenu  {
	list-style-type: none;
	margin: 0;
	width: 240px;
	text-decoration: none;
	}

	#content ul#casos-submenu li {
		border-bottom: 1px #ccc dotted;
	}

#content ul#casos-submenu li.noline {
		border-bottom: 1px #fff dotted;
				color: #a21416;
				margin: 0;
	}

	#content ul#casos-submenu li a,
	.casos-submenu {
		display: block;
		font-size: 10px;
		text-transform: uppercase;
		padding: 0 0 5px;
		color: #999999;
		font-weight: bold;
		cursor: pointer;
		text-decoration: none;
	}

	#content ul#casos-submenu li a:hover {
		color: #a21416;
		text-decoration: none;
	}

	#content ul#casos-submenu li ul {
		border: none;
		margin-bottom: 0;
		padding: 0;
		text-decoration: none;
	}

#content ul#casos-submenu li ul a.active {
	color: #a21416;
	text-decoration: none;
}

/*****************/

.hide {
	display: none;
	}
	
a.next {
	float: right;
	display: block;
	background: #fff url(uploads/images/arrow_red_small.png) center right no-repeat;
	padding: 0 15px 0 0;
	margin: 10px 2px 0 0;
	color: #999;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}


/***** magazine *****/

.magazine .content-column1 {
	width: 250px;
	float: left;
	}

.magazine .content-column2 {
	float: left;
	position: relative;
	background: url(uploads/images/hotels-business-title.png) top left no-repeat;
	padding: 50px 0 0 50px;
	width: 400px;
	}
	
.magazine .content-column2 a.back,
.condohotels .content-column2 a.back,
.condohotels #cdd2 a.back {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	background: url(uploads/images/arrow_red_small_left.png) center left no-repeat;
	padding: 0 0 0 15px;
	margin: 10px 0 0 0;
	color: #999;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}
	
.magazine .content-column2 a.back:hover,
.condohotels .content-column2 a.back:hover{
	color: #A21416;
	}

#order-magazine {
	clear: left;
	background: #ccc;
	width: 225px;
	height: 190px;
	margin: 10px 0 0 0px;
	padding: 0 10px;
	color: #333;
	}
	
#order-magazine .width1 {
	width: 220px;
	}
	
#order-magazine .width2 {
	width: 82px;
	}
	
#order-magazine .width3 {
	width: 130px;
	}

#order-magazine label {
	float: left;
	margin-top: 5px;
	}
	
#order-magazine input,
#order-magazine textarea {
	border: none;
	}

#order-magazine textarea {
	height: 30px;
	}
	
#order-magazine	input.submit {
	width: 94px;
	height: 18px;
	background: #a21416;
	color: #fff;
	margin: 8px 5px 0 0;
	float: right;
	}
	
.magazine .delivery-status {
	float: left;
	color: #009900;
	font-weight: bold;
	margin: 10px 0 0;
	}
	
.magazine .failed {
	color: #ff0000;
	}


/***** condo hoteles *****/

.condohotels .content-column1 {
	width: 43%;
	float: left;
	}

.condohotels .content-column2 {
	float: left;
	width: 55%;
	padding: 10px 0 0;
	position: relative;
	}
	
.condohotels .moreinfo {
	float: left;
	font-size: 12px;
	margin: 5px 0 0;
	}
	
.condohotels .moreinfo a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	}

.condohotels .moreinfo a:hover {
	text-decoration: underline;
	}


/***** clients *****/
#content-column1 {
		width: 40%;
		float: left;
		}

	#content-column2 {
		width: 56%;
		float: left;
		}
#submenu.clients ul,
#submenu.links ul {
	width: 370px;
	}

.projects-find {
	color: #ccc;
	font-size: 14px;
	font-weight: bold;
	width: 200px;
	}
	
.clients select.find {
	width: 250px;
	margin: 10px 0 0;
	}

#content.links h2 {
	margin: 0 0 10px 40px;
	}


.links #content-column1,
.links #content-column2,
.links #content-column3 {
	float: left;
	width: 230px;
	}

.links #content-column1 {
	margin: 0 0 0 10px;
	
	}
	
#content.links ul li {
	list-style: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 10px 0;
	}
	
.links ul li i {
	font-weight: bold;
	color: #666;
	font-size: 13px;
	}
	
#content.links ul a,
#content.links ul a:active,
#content.links ul a:visited {
	font-size: 12px;
	color: #999;
	text-decoration: none;
	}

#content.links ul a:hover {
	text-decoration: underline;
	}


/***** medios *****/

#content-column1 {
		width: 35%;
		float: left;
		}

#content-column2 {
		width: 65%;
		float: left;
		}

.medios .content {
	float: left;
	margin: 0 0 0 20px;
	width: 455px;
	}
	
.news-box {
	position: relative;
	float: left;
	width: 206px;
	border-bottom: 1px #A21416 dashed;
	margin: 0 18px 18px 0;
	padding-bottom: 10px;
	}

.break {
	clear: left;
	}

.news-box .icon {
	position: absolute;
	bottom: -8px;
	right: 0;
	background: url(uploads/images/news-icon.png) top left no-repeat;
	width: 17px;
	height: 21px;
	}

.news-box .icon span {
        display: none;
        }

.news-box .title,
.news-box .date {
	font-size: 14px;
	font-weight: bold;
	color: #A21416;
	}

.news-box i {
	color: #000;
	font-size: 14px;
	display: block;
	}

#content .news-box h3 {
        color:#000000;
        font-size:14px;
        text-transform: none;
        margin-top: 5px;
        float: left;
        width: 100%;
}
	
.communication .content {
	float: right;
	margin: 0 0 0 20px;
	width: 500px;
	}
	
#submenu.medios ul {
	width: 250px;
	}
	
.contact-box {
	float: left;
	margin: 0 50px 0 0;
	}
	
.contact-box img  {
	float: left;
	border: #ccc 2px solid;
	}
	
.contact-box .contact-details i {
	font-weight: bold;
	}

.contact-box .contact-details em.sub {
	color: #000;
	}

	
/***** News scroller *****/
#scrollup {
 	position: relative;
	overflow: hidden;
	height: 200px;
	width: 210px
	}
	
.headline {
	position: absolute;
	top: 210px;
	left: 5px;
	height: 195px;
	width: 195px;
	}


/*** Legal ***/
#content.legal ul {
	list-style-type: decimal;
	}



#content.legal ul li ul {
	list-style-type: lower-alpha;
	}


/*** Sitemap ***/

#map {
	position: relative;
	width: 704px;
	height: 255px;
	margin-bottom: 20px;


	background: url(uploads/images/sitemap-tree.png) top center no-repeat;
	}

#map h2 {
	position: absolute;
	left: 298px;
	font-size: 18px;
	color: #A21416;
	font-weight: bold;
	}

#map .branch {
	list-style-type: none;
	}

#map li a {
	font-size: 14px;
	color: #333;
	text-decoration: none;
	}

#map li.main a {
	color: #A21416;
	font-weight: bold;
	}

#map a:hover {
	text-decoration: underline;
	}
	
#map ul {
	position: absolute;
	top: 95px;
	}

#branch-home {
	left: -20px;
	}
	
#branch-company {
	left: 120px;
	}
	
#branch-services {
	left: 225px;
	}
	
#branch-clients {
	left: 405px;
	}

#branch-medios {
	left: 515px;
	}
	
#map #branch-contacto {

	top: 225px;
	left: 600px;
	}
/* End of 'magma : style' */