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

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

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


/* column container */
.container {
	position: relative;	/* This fixes the IE7 overflow hidden bug */
	clear: both;
	float: left;
	width: 100%;			/* width of whole page */
	overflow: hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float: left;
	width: 100%;			/* width of page */
	position: relative;
}
.col1,
.col2,
.col3 {
	float: left;
	position:relative;
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
	background:#fff;		/* right column background colour */
}
.threecol .colmid {
	right:200px;			/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:550px;			/* width of the middle column */
	background:#fff;	/* left column background colour */
}
.threecol .col1 {
	width: 510px;			/* width of center column content (column width minus padding on either side) */
	left: 970px;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:200px;			/* Width of left column content (column width minus padding on either side) */
	left:240px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:200px;			/* Width of right column content (column width minus padding on either side) */
	left:790px;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* 2 column right menu settings */
.sidebar .colleft {
	float: left;
	width: 200%;
	margin-left: -200px;
	position: relative;
	right: 100%;
	background: #fff;
}
.sidebar .col1wrap {
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
	padding-bottom: 1em;
}
.sidebar .col1 {
	margin: 0 20px 0 200px;
	overflow: hidden;
	display: inline;
}
.sidebar .col2 {
	float: right;
	width: 200px;
	position: relative;
	left: 200px;
}

.stack {
	margin-bottom: 1.4em;
}

.stack p {
	margin: 0;
}

.stack.services h3 {
	/*color: #00a5ab;*/
        /*color:#f70;*/
        color:#B6BF00;
}

.stack.schedule h3 {
	/*color: #00a5ab;*/
        /*color:#f70;*/
        color:#B6BF00;
}
.stack div a img {
	display: block;
}

.stack.services a {
	color: #666060;
}

.stack.services a:hover {
	/*color: #00a5ab;*/
	/*color:#FF7700;*/
        color:#B6BF00;
	text-decoration: none;
}

.stack.services a.all {
	background: #f70;
	color: #fff !important;
	padding: 3px 6px;
}

.stack.services a.all:hover {
	text-decoration: underline;
}
.stack.services img{
    display:block;
}

.stack.services ul {
	padding: 5px 8px 5px 15px;
        background:#F3F1ED;
        overflow:hidden;
}

.stack.services li {
	/*background: url(../images/blue_list_item.png) no-repeat left center;*/
        background: url(../images/green_list_item.png) no-repeat left 5px;
	padding-left: 12px;
	margin-bottom: .5em;
}

.stack.schedule .more {
	/*background: #00a5ab;*/
        /*background: #f70;*/
        background: #B6BF00;
	color: #fff !important;
	padding: 3px 6px;
	display: inline-block;
    margin-bottom: 10px;
    margin-top: 5px;
}

.stack .box {
	background-color: #f3f2ee;
	padding: 10px 10px 1px;
}

.stack.schedule  {
	margin-bottom: 10px;
}

.stack.schedule .box .date {
	background-color: #b0aeab;
	color: #fff;
	padding: 2px 5px;
	font-size: .916em;
}

.stack.schedule .box .date em {
	text-transform: uppercase;
	font-style: normal;
	font-size: .8333em;
}

.stack.schedule .box .current .date {
	background-color: #008c91;
}
.stack.schedule img{
    display:block;
}

.stack.schedule ul {
	/*margin-bottom: -.8em;*/
}

.stack.schedule li {
	margin-bottom: .8em;
}

.stack.schedule li p {
	font-size: 1.09em;
	margin: .35em 0 0;
}

#content .stack.schedule li p a {
	color: #666060;
}

.stack.schedule li.current p,
#content .stack.schedule li.current p a {
	color: #007074;
}

.stack.corporate ul {
	margin-bottom: 1em;
	position: relative;
}

.stack.corporate li {
	background: url(../images/green_list_item.png) no-repeat left center;
	padding-left: 12px;
	margin-bottom: .5em;
}

.stack.corporate li a {
	color: #555050;
}

.flashInline{
	display:inline;
	float:left;
}
.flashBlock{
	display:block;
	text-align: center;
	margin-bottom: 1em;
}

#content .paginate {
	width: 100%;
	text-transform: lowercase;
	height: 1%;
	text-align: center !important;
}

#content .paginate li {
	display: inline;
	font: normal 1em/1.4em arial, verdana, sans-serif;
	margin-bottom: 0;
}

#content .paginate li a {
	display: inline;
	float: none !important;
	clear: none !important;
	padding: 0 1px;
	cursor: default;
	color: #9ea810;
}

#content .paginate li a:link {
	text-decoration: underline;
	color: #555050;
	cursor: pointer;
}

#content .paginate li a:hover {
	text-decoration: none;
}

#content .paginate li.prev {
	float: left;
}

body #content .paginate li.prev a {
	color: #999090;
}

#content .paginate li.next {
	float: right;
}

.stack.headlines h3 {
	font-size: 1.166em;
}

.stack.headlines li {
	margin-bottom: 1em;
	display: inline-block;
	font-size: 1.09em;
	color: #666060;
}

.stack.headlines li .date {
	font-size: .714em;
	text-transform: uppercase;
	color: #fff;
	background-color: #B6BF00;
	display: block;
	float: left;
	clear: both;
	padding: 3px 4px;
	margin-bottom: .3em;
	cursor: default;
}

#content .stack.headlines li a {
	color: #666060;
	clear: both;
	float: left;
	width: 100%;
}

#content .stack.headlines li.current a {
	color: #B6BF00;
}

.stack .twocol div {
	float: left;
	display: inline;
	width: 50%;
}

.stack .twocol div.last,
.stack .twocol div.last img {
	text-align: right;
	display: inline;
}

.news_group {
	clear: both;
        background: url(../images/news_dots.png) repeat-x;
        overflow: hidden;
}

.news_group .col,
.news_group .col_close {
	padding-top: .9em;
	float: left;
	display: inline;
	width: 250px;
	margin-right: 10px;
	background: url(../images/news_dots.png) repeat-x;
}

.news_group .col_close {
	margin-right: 0;
}
.news_group h3{
    margin:16px 0 10px;
}
.news_group div{
    width:255px;
    float:left;
    margin-bottom: 20px;
}
.news_group p {
        padding-top: .9em;
	float: left;
	display: inline;
	width: 185px;
	margin-right: 10px;
	padding-left: 60px;
        margin-bottom:0;
}

.news_group p img {
	/* border: 3px solid #ccc9c9; */
	float: left;
	margin-left: -60px;
}

.news_group p .headline{
	color: #666060;
	font-size: 1.5em;
	font-weight: normal;
	/*line-height: 110%;*/
	display: block;
	margin-bottom: .4em;
}

.news_group p .headline a {
	color: #666060;
        font-size: 12px;
        line-height: 16px;
}

.news_group .col_close p .headline {
	color: #666060;
	font-size: 1.166em;
	font-weight: normal;
	/*line-height: 110%;*/
	display: block;
	margin-bottom: .4em;
}

.news_group .date {
	text-transform: uppercase;
	font-style: normal;
	font-size: .833em;
	color: #B6BF00;
        border-bottom:1px solid #B6BF00;
        margin-right: 20px;
        display:block;
}

.news_group .more {
	/*clear: both;*/
	margin-top: 1em;
	background-color: #B6BF00;
	color: #fff !important;
	padding: 3px 6px;
	white-space: normal;
	display: inline-block;
        float:right;
}

.opening {
	line-height: 150%;
}

.opening ul {
	margin-bottom: 1em;
	position: relative;
}

.opening li {
	background: url(../images/green_list_item.png) no-repeat left .5em;
	padding-left: 12px;
	margin-left: 10px;
	margin-bottom: .5em;
}

.opening .more {
	background-color: #B6BF00;
	clear: both;
	color: #fff !important;
	float: left;
	margin-top: 1em;
	padding: 3px 6px;
}

	.opening div.date{
		color: #555050;
		margin-bottom: .3em;
		height: 1%;
		background-color: #f3f3f3;
		padding: 8px;
	}
	
	.opening div.date p{
		margin-bottom: .5em;
		margin-left: 255px;
	}
	.opening div.date .left{
		margin: 0px 15px 0 0;
	}

.rss {
	background: url(../images/rss.gif) no-repeat left 0;
	font-size: .916em;
	color: #f70 !important;
	padding: 4px 0 5px 29px;
	margin-top: 10px;
	display: inline-block;
}

.rss acronym {
	border-color: #f70;
}

.related_box {
	background: #fefbf6 url(../images/orange_box.png) no-repeat 0 -16px;
	position: relative;
}

.related_box .inner {
	padding: 7px 16px;
}

.related_box .t {
	background: url(../images/orange_box.png) no-repeat 0 0;
	height: 8px;
	position: relative;
	left: 0;
	z-index: 2;
	font-size: 1px;
	width: 201px;
}

.related_box .b {
	background: url(../images/orange_box.png) no-repeat 0 -8px;
	height: 8px;
	position: relative;
	left: 0;
	z-index: 2;
	font-size: 1px;
	width: 201px;
}

.related_box h3 {
	color: #f70;
	font-size: .9166em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/*.related_box .t span {
	background: url(../images/orange_arrow.png) no-repeat;
	width: 6px;
	height: 11px;
	position: absolute;
	z-index: 2;
	left: -10px;
}*/

.related_box li {
	margin-bottom: .5em;
}

.related_box li a {
	color: #666060 !important;
}

.related_box li.selected a {
	color: #f70 !important;
}

.card_side_info {
	height: 1%;
}

.card_side_info img {
	display: inline;
	float: left;
}

.card_side_info p {
	float: right;
	width: 280px;
	padding: 12px;
	background-color: #f6f5f1;
	font-size: 1.166em;
	line-height: 132%;
}
.card_side_info .intro p{	
	width:auto !important;
}
.intro_info p{
	padding: 12px;
	background-color: #f6f5f1;
	font-size: 1.166em;
	line-height: 132%;
}

#destacat img{
	display:inline;
	float:left;
}
#destacat .down_box{
	float:right;
	padding:12px;
	width:280px;
}

.side_box {
	float: right;
	width: 174px;
	background: #f9f2f5 url(../images/side_box_bg.png) repeat-x;
	padding: 12px 15px;
	font-size: .9166em;
	line-height: 140%;
	margin-left: 20px;
	display: inline;
	position: relative;
	z-index: 1;
}

.side_box li {
	background: none;
	list-style: outside disc;
	padding-left: 0;
}

#content .side_box a {
	color: #850037;
}

.down_box {
	background: #f9f2f5 url(../images/side_box_bg.png) repeat-x;
	padding: 12px 15px;
	font-size: .9166em;
	line-height: 140%;
	position: relative;
	z-index: 1;
	margin-bottom: 1em;
}

.down_box li {
	background: none;
	list-style: outside disc;
	padding-left: 0;
}

#content .down_box a {
	color: #850037;
}

#content table {
	width: 100%;
}

#content table caption {
	color: #008c91;
	font-size: 11px;
	font-weight: bold;
	width: 100%;
	text-align: left;
	text-transform: uppercase;
}

#content table th,
#content table td {
	border: none;
	text-align: left;
}

#content table thead th {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	background: #b9b6af url(../images/table_head_bg.png) repeat-x;
}

#content table tbody tr.zebra td {
	background-color: #f6f5f1;
}

#content table tbody tr td strong {
	color: #008c91;
	font-weight: normal;
}

.subtitle {
	color: #555050;
	font-size: 1.166em;
}

p em.date {
	color: #999090;
	display: block;
	margin-bottom: .25em;
}

.image_left {
	float: left;
	margin: 0 14px 5px 0;
	/* border: 3px solid #ccc9c9; */
}

.image_right {
	float: right;
	margin: 0 0 5px 14px;
	/* border: 3px solid #ccc9c9; */
}

.agenda h2,
.agenda .headlines h3,
#content.agenda .stack.headlines li.current a,
#content.agenda .stack.headlines .paginate li a:link {
	color: #008c91;
}

.agenda .stack.headlines li .date {
	background-color: #008c91;
}

#content.agenda .stack.headlines .paginate li a:link {
	color: #555050;
}

#calendar {
	margin-bottom: 1em;
}

.col1 dl {
	float: left;
	/*width: 219px;*/
	clear: left;
	display: inline;
}
.col1 dl dl{
	float:none;
}
.col1 dl.last {
	clear: none;
}

.col1 dt {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: .7em;
}

.col1 dd:before {
	content: "\00B7\20";
}

/* @group CONTACT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contact_form {
	padding: 20px;
	background-color: #ecebe6;
	color: #666060;
}

#contact_form .grid,
#contact_form .cols {
	height: 1%;
	margin-bottom: 1em;
}

#contact_form .grid div {
	float: left;
	display: inline;
}


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

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

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

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

#location_content {
	font-size: .909em;
}

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

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

.locations_list li {
	float: left;
	display: inline;
	width: 220px;
	margin-right: 10px;
	padding: 8px;
        padding-right:5px;
	padding-bottom: 99em;
	margin-bottom: -97.6em;
        background-color: #f5f5f7;
}

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

.locations_list li li img {
	vertical-align: text-bottom;
	margin-right: 5px;
        margin-top: 2px;
        float:left;
}
.locations_list .title_serveis_es{
        float:left;
        width:190px;
}

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

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

.locations_list li address {
	margin: 0;
}

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

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

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

/* @group SEARCH ENGINE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#search_engine {
	background-color: #ecebe6;
	color: #666060;
	padding: 15px;
	width: 700px;
}

#search_engine fieldset {
	margin-bottom: 0;
}

#search_engine fieldset legend {
	text-indent: -9000px;
	line-height: 0;
}

#search_engine fieldset p {
	display: inline;
	margin-right: 3px;
	margin-bottom: 0;
}

#search_engine fieldset p * {
	vertical-align: middle;
}

#search_engine fieldset label.first {
	text-indent: -9000px;
	display: block;
	float: left;
}

#search_engine fieldset label {
	color: #666060;
	font-size: .909em;
}

#search_engine input {
	line-height: normal;
}

#search_engine fieldset p input.checkbox {
	margin-right: 3px;
	margin-left: 12px;
}

#search_engine fieldset div {
	margin-top: 1em;
}

#search_engine fieldset div label {
	float: left;
	display: block;
	width: 90px;
	padding-right: 10px;
	text-align: right;
	vertical-align: middle;
}

#search_engine fieldset div select {
	min-width: 120px;
	vertical-align: middle;
}

#search_engine_results {
	padding: 15px;
	margin-top: .5em;
}

#search_engine_results li {
	margin-bottom: .6em;
}

#search_engine_results li a {
	font-size: 1.181em;
}

#search_engine_results li em {
	color: #999090;
}

#search_engine_results li * {
	display: block;
	line-height: 1.5em;
}

.paginate.search {
	background-color: #ecebe6;
}

.paginate.search ul {
	width: 200px;
	margin: 0 auto;
	padding: 5px 0;
}

/* @group BANNERS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.banner {
	margin-bottom: 1.2em;
}

.banner a {
	color: #fff !important;
	overflow: hidden;
}

.banner a:hover {
	text-decoration: none;
}

.banner .title {
	font: bold 23px/1.1em "helvetica neue", helvetica, arial, sans-serif;
	white-space: normal;
	word-wrap: break-word;
	display: block;
	margin-bottom: 11px;
}

.banner .desc {
	font: normal 13px/1em "helvetica neue", helvetica, arial, sans-serif;
	white-space: normal;
	word-wrap: break-word;
}

.banner a:hover .title {
	text-decoration: underline !important;
}

.banner a:hover .desc {
	text-decoration: none;
}

/* Banner 1 */
.full_horitz_tall a {
	width: 210px;
	height: 149px;
	padding: 18px 18px 0 280px;
	margin-bottom: 20px;
	display: block;
}
#banner_1 {
	height: 189px;
	background: url(../images/hipoteca_flexible_banner.png) no-repeat;
}

/* Banner 2, Banner 3 */
.half_horitz {
	float: left;
	display: inline;
	margin-left: 10px;
}
.half_horitz a {
	width: 105px;
	height: 105px;
	padding: 10px 10px 0 135px;
	margin-bottom: 10px;
	display: block;
}
#banner_2 {
	height: 125px;
	background: url(../images/domicilia_banner.png) no-repeat;
}
#banner_3 {
	height: 125px;
	background: url(../images/forfaits_banner.png) no-repeat;
}
.half_horitz .title {
	font-size: 17px;
}
.banner_wrap {
	height: 1%;
	position: relative;
	margin-left: -10px;
	width: 520px;
}

/* Banner 4, Banner 5 */
.full_horitz a {
	width: 210px;
	height: 124px;
	padding: 16px 18px 0 280px;
	margin-bottom: 15px;
	display: block;
}
#banner_4 {
	height: 155px;
	background: url(../images/banner_full_horitz.png) no-repeat;
}
#banner_5 {
	height: 155px;
	background: url(../images/banner_full_horitz.png) no-repeat;
}

/* Banner 6 */
.full a {
	width: 212px;
	height: 277px;
	padding: 18px 18px 0 280px;
	margin-bottom: 20px;
	display: block;
}
#banner_6 {
	height: 325px;
	background: url(../images/banner_full.png) no-repeat;
}

/* Banner 7, Banner 8, Banner 9, Banner 10 */
.half {
	float: left;
	display: inline;
	margin-left: 10px;
}
.half a {
	width: 105px;
	height: 135px;
	padding: 10px 10px 0 135px;
	margin-bottom: 10px;
	display: block;
}
.half .title {
	font-size: 17px;
}
#banner_7 {
	height: 155px;
	background: url(../images/banner_half.png) no-repeat;
}
#banner_8 {
	height: 155px;
	background: url(../images/banner_half.png) no-repeat;
}
#banner_9 {
	height: 155px;
	background: url(../images/banner_half.png) no-repeat;
}
#banner_10 {
	height: 155px;
	background: url(../images/banner_half.png) no-repeat;
}

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

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

#content:after,
.card_side_info:after,
#related_links li:after,
#sidebar .extension dl:after,
#top_info:after,
.locations_list:after,
#contact_form .grid:after,
#contact_form .cols:after,
.stack.headlines .paginate:after,
.banner_wrap:after,
.opening div.date: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  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/*pestanya*/
.pestanya{
	height:25px;
	float:left;
}
.pestanya.esq{
	padding-left:7px;
	background:url(/cb/images/pestanya/esq.jpg) no-repeat;
	margin-right:2px;
}
.pestanya.actual.esq{
	padding-left:7px;
	background:url(/cb/images/pestanya/act_esq.jpg) no-repeat;
	margin-right:2px;
}
.pestanya .drt{
	padding-right:7px;
	background:url(/cb/images/pestanya/drt.jpg) no-repeat;
	background-position:right;
	height:25px;
}
.pestanya.actual .drt{
	padding-right:7px;
	background:url(/cb/images/pestanya/act_drt.jpg) no-repeat;
	background-position:right;
}
.pestanya .drt .ctr{
	background:url(/cb/images/pestanya/ctr.jpg) repeat-x;
	height:20px;
	padding-top:5px;
}
.pestanya.actual .drt .ctr{
	background:url(/cb/images/pestanya/act_ctr.jpg) repeat-x;
	background-position:right;
}
.pestanya .drt .ctr a{
	color:#7a7b6b;
}
.pestanya.actual .drt .ctr a{
	color:white;
}
#pestanya_borde{
	border:1px solid #c6d091;
	padding-top:19px;
	padding-bottom:19px;
	padding-left:17px;
	padding-right:17px;
	color:#6c6b66;
	background-color:#f7f9ee;
}
.pestanyes .clear{
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    height: 0px;
    padding-top: 0px;
}
.clear{
	clear:both;
}
.pestanya_cont ul {
	margin-bottom: 1em;
	position: relative;
}
.pestanya_cont li {
	background: url(../images/green_list_item.png) no-repeat left .5em;
	padding-left: 12px;
	margin-bottom: .5em;
}
#flashleftHome, .flashleftHome{
        margin-bottom:12px;
}
.foot_left{
        float:left;
}
.foot_right{
        float:right;
        margin-right:30px;
        margin-left:0px !important;
}
.stack.banca_online{
    margin-bottom:4px;
}
/* IMPRIMIR */
.top_info{
	border-top:1px solid #DAE098;
	padding-top: 10px;
    margin-top:10px;
	clear: both;
}
#link_print{
    /*border-bottom:1px solid #DAE098;    
    padding-bottom: 10px;
    margin-bottom:10px;*/
	float: right;
    padding-right: 10px;
}
#link_print .link_print_text{
    text-decoration:underline;
}
#link_print img{
    vertical-align: bottom;
}
#demanar_info{
    padding-top:25px;
}
#header_print,#footer_print{display:none;}
#breadcrumb.en_linia {
    float: left;
    width: auto;
}