/* ------------------------------------------------------------------------------------ *
| CONTENT CSS FILE :: For Credit Andorra												|
| css/content.css																		|
| 																						|
| PROJECT :: www.creditandorra.ad v1.0													|
| 																						|
+ ------------------------------------------------------------------------------------- +

/* @group CONTENT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#content {
	width: 86.363em;
	width: 950px;
	padding: 0 20px 1.5em;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
	overflow: hidden;
}

#popup #content {
	width: 100%;
	padding: 0;
	overflow: visible;
}

#media_side {
	position: absolute;
	right: 1.818em;
	top: 6.16em;
	width: 280px;
	/*background-color: #dedede;*/
	text-align: center;
	z-index: 2;
}

#opening {
	width: 59.09em;
	width: 650px;
	padding-right: 0 1.81em;
	/*float: left;*/
	margin-bottom: 1.5em;
}

div.division.plain {
	background: none !important;
}

div.division.first {
	margin-bottom: 1.8em;
}

div.division {
	height: 1%;
	background: url(../images/divisor_bg.png) repeat-y 49% 0;
}

div.division div.first {
	float: left;
	/*width: 47%;*/
	width: 48.5%;
	padding-right: 2%;
	padding-left: 0;
}

div.division div {
	float: left;
	width: 47%;
	padding-left: 2%;
}

div.threesome {
	height: 1%;
}

div.threesome div {
	float: left;
	display: inline;
	width: 205px;
	padding: 0 6px 0 8px;
	background: url(../images/divisor_bg.png) repeat-y;
}

div.threesome div.first {
	padding-left: 0;
	background-image: none;
}

div.threesome a img {
	border: 2px solid #dedede;
	display: block;
}

div.threesome a {
	color: #909a00;
	display: block;
}

div.threesome a strong {
	font-size: 1.09em;
	padding: .8em 0 .2em 1em;
	display: block;
	background: url(../images/arrow_link.png) no-repeat 0 1.2em;
}

div.threesome a:hover {
	text-decoration: underline;
}

div.lefty_intro {
	overflow: hidden;
}

div.lefty_intro h2 {
	font: bold 2.72em/75% arial, verdana, sans-serif;
	text-align: right;
	float: left;
	width: 195px;
	padding-right: 12px;
	padding-bottom: 99em;
	margin-bottom: -99em;
	background: url(../images/divisor_bg.png) repeat-y right top;
}

div.lefty_intro div {
	padding-left: 220px;
}

div.lefty_intro div p {
	margin-bottom: 0;
}

div.lefty_intro div p a {
	display: block;
	font-size: 1.09em;
	padding: 0 0 .2em 1em;
	clear: both;
	color: #909a00 !important;
	background: url(../images/arrow_link.png) no-repeat 0 50%;
}

div.lefty_intro div img {
	border: 2px solid #dedede;
	float: left;
	display: block;
	margin-bottom: .6em;
}

ul.list li {
	margin-bottom:1.4em;
	margin-left:1.4em;
}
ul.list span.mark {
	background:#FFFFFF url(../images/mark-green.png) no-repeat scroll center center;
	display:block;
	float:left;
	font-size:11px;
	height:13px;
	line-height:11px;
	margin-right:3px;
	width:9px;
}

/*:: carlos ::*/
#related_links {
	/*margin-bottom: -1.5em;*/
}

#related_links li {
	/*padding-left: 7.72em;*/
	margin-bottom: 1.5em;
	height: 1%;
}
#related_links li a{
	display: block;
	padding-left: 85px;
}
#related_links li a img{
	width: 72px;
	height: 72px;
	float: left;
	margin-left: -85px;
	border:2px solid #DEDEDE;
}
#related_links li a h2{
	font-size: 1.09em;
	color: #909a00;
	background: url(../images/arrow_link.png) no-repeat left .5em;
	padding-left: 1em;
	margin: 0;
}
#related_links li a p{
	text-decoration: none;
	color: #777;
}
#related_links li a:hover{
	text-decoration: none !important;
}
#related_links li a:hover h2{
	color: #909a00;
	text-decoration: underline !important;
}

	.roundLink,
	.roundLink a {
		float: left;
		background: url(../images/footer_btn.png) no-repeat;
		height: 22px;
		line-height: 22px;
		color: #fff !important;
	}

	.roundLink {
		margin-top: .6em;
		font-weight: normal;
		padding-right: 6px;
		margin-right: 1em;
		clear: left;
	}

	.roundLink a {
		font-size: 1.09em;
		background-position: right top;
		padding-right: 6px;
		position: relative;
		right: -6px;
		display: -moz-inline-stack;
		display: inline-block;
	}

#productoList{
	margin-bottom: 1.5em;
}
	#productoList .item{
		border-top: 1px solid #e1dfdf;
		border-left: 1px solid #e1dfdf;
		border-right: 1px solid #e1dfdf;
		background: #eeebeb url('../images/bgBox.png') repeat-x top;
		margin:0;
		padding: 0;
	}
	#productoList .last{
		border-bottom: 1px solid #e1dfdf;
	}
		#productoList .item div{
			padding: 10px 10px 10px 70px ;
			background: no-repeat 0 0;
		}
		#productoList .item h3{
			font-size: 1.25em;
			margin:0;
			padding: 0;
		}
		#productoList .item p{
			margin: 0;
		}
		#productoList .item .consell{
			background-image: url('../images/icons/ico-consell.png');
		}
		#productoList .item .actius{
			background-image: url('../images/icons/ico-actius.png');
		}
		#productoList .item .xport{
			background-image: url('../images/icons/ico-xport.png');
		}
.summary {
	background: #fff url(../images/summary_bg.png) repeat;
	padding: 1em 1.4em;
	color: #786198;
}

.media_med_size,
.media_med_size img {
	width: 28.736em; /* 315px */
	height: 18.18em; /* 200px */
	padding-left: 0 !important;
}

.media_med_size embed {
	width: 100%;
	height: 100%;
}

.photograph {
	margin-bottom: 1em;
}

/* Widescreen image */
.photograph img {
	/*width: 100%;*/
	border: 4px solid #dedede;
}

.info_right {
	float: right;
	width: 55.7em;
	width: 615px;
	color: #786198;
	border-bottom: 1px dotted #b8a9cf;
}

.info_left {
	width: 28.736em;
	width: 316px;
}

.media_right_side {
	float: right;
	width: 55.7em;
	width: 615px;
}

.media_right_side embed {
	width: 100%;
}

#content a.button {
	font-size: 1.09em;
	background: #806b9e url(../images/submit_btn.png) repeat-x;
	height: 2em;
	line-height: 2em;
	color: #fff;
	border: 0;
	padding: 0 .4em;
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
	margin-bottom: 1em;
}

fieldset .option {
	margin-left: 10px;
}

#content .option,
#content .option a {
	display: -moz-inline-stack;
	display: inline-block;
	background: url(../images/green_btn.png) no-repeat;
	height: 22px;
	line-height: 22px;
	color: #fff !important;
}

#content .option {
	margin-top: .6em;
	font-weight: normal;
	padding-right: 6px;
}

#content .option a {
	font-size: 1.09em;
	background-position: right top;
	padding-right: 6px;
	position: relative;
	right: -6px;
}

ul.ratio_types li {
	color: #000;
	font-size: 1.09em;
	margin-bottom: .5em;
}

ul.ratio_types li strong {
	font-size: 1.4em;
	line-height: 100%;
}

#top_info {
	height: 1%;
	margin-bottom: 1.5em;
}

#contact_form {
	float: right;
	width: 52.1em;
	padding: 1.5em 1.818em;
	background-color: #f0eef6;
	color: #786198;
}
#opening #contact_form {
	float: none;
	width: 280px;
}
#opening #contact_form .submit{
	margin-left: 116px;
}
#contact_form .grid,
#contact_form .cols {
	height: 1%;
	margin-bottom: 1em;
}

#contact_form .grid div {
	float: left;
	margin-right: 20px;
	display: inline;
}


#contact_form .cols div {
	float: left;
	width: 280px;
	margin-right: 5px;
	display: inline;
}

#contact_form .cols {
	padding-top: .4em;
	margin-bottom: 1.4em;
}

form strong.legend {
	color: #613b8f;
	font-size: 1.27em;
	display: block;
	margin-bottom: .5em;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group INDEXs ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* 3 cajas */
#dosmesu{
	position: relative;
	width: 650px;
	height: 242px;
}
#dosmesu li{
	position: absolute;
	border: 1px solid #e1dfdf;
	background: #eeebeb url('../images/bgBox.png') repeat-x top;
	overflow: hidden;
}
#dosmesu li a{
	display: block;
	color: #777777;
}
#dosmesu li a:hover{
	text-decoration: none;
}

#dosmesu .principal{
	left: 0;
	width: 648px;
	height: 98px;
}
	#dosmesu .principal h2{
		font-size: 1.5em;
		margin-bottom: 0.3em;
	}
#dosmesu .secundario{
	width: 313px;
	bottom: 0;
	height: 121px;
}
	#dosmesu .primero{
		left: 0;
	}
	#dosmesu .segundo{
		right: 0;
	}
#dosmesu .secundario h2{
	font-size: 1.3em;
	margin: 0;
}
#dosmesu .texto,
#dosmesu .imagen{
	position: absolute;
}
#dosmesu .texto{
	z-index: 2;
}
#dosmesu .principal .texto{
	padding: 15px 250px 15px 15px;
	font-size: 1.1em;
}
#dosmesu .secundario .texto{
	padding: 15px 85px 15px 15px;
	/*font-size: .9em;*/
	line-height: 1.2em;
}
#dosmesu .imagen{
	right: 0;
	z-index: 1;
}

/* 2 cajas */
#dualbox{
	position: relative;
	width: 650px;
	height: 220px;
}
#dualbox li{
	position: absolute;
	border: 1px solid #e1dfdf;
	background: #eeebeb url('../images/bgBox.png') repeat-x top;
}
#dualbox li a{
	display: block;
	overflow: hidden;
	height: 241px;
	width: 313px;
	color: #777777;
}
#dualbox a:hover{
	text-decoration: none;
}

#dualbox .principal{
}
#dualbox .secundario{
	right: 0;
}
#dualbox .texto,
#dualbox .imagen{
	position: absolute;
}
#dualbox .imagen{
	bottom: -4px;
	z-index: 2;
	overflow: hidden;
	width: 313px;
}
#dualbox .texto{
	z-index: 1;
	padding: 0 15px;
	top: 15px;
	height: 203px;
	overflow: hidden;
	font-size: 1.1em;
}
#dualbox h2{
	font-size: 1.5em;
	margin-bottom: 0.3em;
}

/* 1 caja */
#monobox{
	position: relative;
	width: 650px;
	height: 241px;
	border: 1px solid #e1dfdf;
	background: #eeebeb url('../images/bgBox.png') repeat-x top;
}
#monobox a{
	display: block;
	overflow: hidden;
	height: 218px;
	width: 648px;
	color: #777777;
}
#monobox .texto,
#monobox .imagen{
	position: absolute;
}
#monobox .imagen{
	right: 0;
	z-index: -1px;
	height: 240px;
	overflow: hidden;
}
#monobox .texto{
	z-index: 2;
	/*padding: 15px 305px 15px 15px;*/
	width: 330px;
	top: 15px;
	left: 15px;
	overflow: hidden;
	height: 218px;
	font-size: 1.1em;
}
#monobox h2{
	font-size: 1.5em;
	margin-bottom: 0.3em;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group LOCATIONS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#location_content {
	margin-left: 21em;
}

#location_content #world_graph {
	float: left;
	display: inline;
	margin-left: -21em;
}

.countries_list {
	height: 1%;
	overflow: hidden;
        margin-bottom: 10px;
}

.countries_list.odd li {
	background-color: #f5f5f7;
}

.countries_list li {
	float: left;
	display: inline;
	width: 27.3%;
	margin-right: 2%;
	padding: 2%;
	padding-bottom: 99em;
	margin-bottom: -97.6em;
}

.countries_list li li {
	float: none;
	display: block;
	width: auto;
	padding: 0;
	margin: 0;
	line-height: 130%;
	font-style: italic;
}

.countries_list li li img {
	vertical-align: text-bottom;
	margin-right: 5px;
}

.countries_list li p.title {
	color: #876eac;
	font-weight: bold;
	font-size: 1.09em;
	margin-bottom: .4em;
}

.countries_list li p.type {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0;
}

.countries_list li address {
	margin: 0;
}

.countries_list li p.telephone {
	margin-bottom: .4em;
}

.countries_list li a.arrive {
	margin-top: .8em;
	text-transform: lowercase;
	background: #a694c2 url(../images/arrive_btn.png) repeat-x;
	height: 1.8em;
	line-height: 1.8em;
	display: block;
	float: left;
	padding: 0 .8em;
	color: #fff;
	text-shadow: #999 1px 1px 1px;
	font-weight: bold;
	letter-spacing: -1px;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group INTERIOR :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

html#interior {
	background-image: url(../images/html_interior_bg.png);
}

html#interior #pb_header {
	background-image: url(../images/header_interior_bg.png);
}

html#interior #pb_header #header_inner {
	height: 149px;
	background-image: url(../images/pb_header_interior_bg.jpg);
}

html#interior #featuring {
	background: none;
	height: auto;
	bottom: 20px;

        width: 514px;
}

html#interior #featuring div {
	float: left;
	/*width: 203px;*/

        margin: 20px 15px;
        width: 227px;
}

html#interior #navigation li.active a {
	background-image: url(../images/nav_active_interior_bg.png);
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group SIDEBAR ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/*#sidebar {
	float: right;
	margin-top: -5.25em;
	position: relative;
	z-index: 1;
	top: -3em;
	background-color: #f5f5f7;
	width: 21.81em;
	width: 240px;
	padding: 8em 20px 999em;
	margin-bottom: -998em;
	color: #876eac;
}*/

#sidebar {
	position: absolute;
	z-index: 1;
	top: 6em;
	right: 20px;
	background-color: #f5f5f7;
	width: 240px;
	padding: 2em 20px 999em;
	margin-bottom: -998em;
	color: #876eac;
}

#sidebar.page_history {
	background-image: url(../images/history_sidebar_bg.jpg);
	background-repeat: no-repeat;
}

#sidebar .extension img.andorra {
	position: relative;
	/*margin-top: -6.3em;*/
	z-index: 1;
}

#sidebar .extension {
	position: absolute;
	width: 21.81em;
	width: 240px;
	padding: 0 20px;
	left: 0;
	text-align: center;
}

#sidebar .extension div,
#sidebar .extension p,
#sidebar .extension ul,
#sidebar .extension dl {
	text-align: left;
	color: #57585b;
}

#sidebar .extension h3 {
	text-align: left;
}

#sidebar .extension p {
	margin-bottom: .5em;
}

#sidebar .extension sup {
	font-size: .81em;
}

#sidebar .extension dl {
	border-top: 3px solid #b4d001;
	border-bottom: 3px solid #b4d001;
	margin: 0 0 1em;
	padding: 1em 0 0;
	color: #57585b;
	height: 1%;
}

#sidebar .extension h3 {
	margin: 1.4em 0 0;
	padding: .5em .3em;
	text-transform: uppercase;
	color: #97af01;
	border-top: 3px solid #b4d001;
}

#sidebar .extension dt {
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	clear: left;
}

#sidebar .extension dd {
	border-bottom: 1px solid #b4d001;
	position: relative;
	top: -.5em;
	margin-top: .5em;
	padding-bottom: .2em;
	left: .5em;
	margin-left: -.5em;
	width: 100%;
}

#sidebar .extension dd.last {
	border-bottom: none;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group CLEARFIX :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#content:after,
div.division:after,
#related_links li:after,
#sidebar .extension dl:after,
#top_info:after,
.countries_list:after,
#contact_form .grid:after,
#contact_form .cols:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group SAFARI 2.0.4 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#breadcrumb li a { float: left;# }

#breadcrumb li a { float: none; }

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */