/* @group Info Stylesheet */

/*	*		LAYOUT GENERALE *
	*		Created:	 03/04/2011	 *
	*		Nome gruppo di proprieta': Motorflash  *
    *		Author: Katty Garcia / www.pixelgdesign.com *
*/

/* @end */

* {
	font-family: Helvetica, Arial, sans-serif;
}

body {
	padding: 0;
	margin: 0;
	background: #0f0f13;
	background: #262632;
}

/* @group Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
/* @end */

/* @group Default */
body {
	padding: 0;
	margin: 0;
	font-size: 62.5%;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
a {
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #fff;
}
ul, li {
	list-style-type: none;
}
a.tip {
	display: inline-block;
	cursor: pointer;
}
/* @end */

/* @group Layout */

#contenido {
	padding: 0;
}

#top-page {
	background-color: #0F0F13;
	width: 100%;
	/*overflow: hidden;*/
	background: #0f0f13;
}

#page {
	width: 100%;
	padding: 30px 0 0 0;
	background: url(../images/bg-page.png) repeat-x left top;
	overflow: auto;
}

#page.white {
	background: #fcfcfc url(../images/bg-page-white.png) repeat-x left top;
	min-height: 550px;
}

#page.dark {
	background: #0f0f13;
	min-height: 550px;
	border-top: 4px solid #343442;
	padding-bottom: 20px;
}
#page .inner {
	overflow: hidden;
	padding-bottom: 20px;
}

#page.dark .inner {
	overflow: hidden;
	min-height: 550px;
}
.panel {
	padding: 10px;
	background: transparent url(../images/panel_bg.png);
	border-radius: 3px;
	
}

.inner {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

.col-left-page, .col-right-page {
	width: 740px;
	margin-right: 20px;
	float: left;
	display: block;
}

.col-right-page {
	margin-right: 0;
	margin-left: 20px;
	float: right;
}
.sidebar {
	width: 200px;
	float: left;
	padding-left: 20px;
	min-height: 420px;
	background: url(../images/shadow-vertical-sidebar.png) no-repeat left top;
	position: relative;
}
.info-content {
	width: 100%;
	clear: both;
	overflow: hidden;
}
/* @end */

/* @group Tipography */
h1, h2, h3, h4, h5, h6, h2 span, .title, #info-slider h2, #info-slide a, .box-gray h1, .results em, button.button, .button.upc {
	font-weight: lighter;
	font-family: Peugeot;
}
.title-page, ul.pagination > li > a, .button.medium, .model-title {
	font-weight: normal;
	font-family: Peugeot;
}
a {
	color: #555562;
	text-decoration: none;
}

a:hover {
	color: #171718;
}
p, .text ul li, .author {
	font-size: 1.3em;
	color: #555562;
}

/*p .button, p .button span {
	font-size: 1em;
}*/
/*p .button.upc, ul li .button span {
	font-size: 0.9em;
}*/
.submenu h2 {
	font-size: 1.4em;
	color: #fff;
	font-weight: lighter;
	margin-bottom: 10px;
}
h1 {
	font-size: 3em;
	color: #2cadd5;
	font-weight: lighter;
}

h2 {
	font-size: 2em;
	font-weight: lighter;
	color: #343442;
}

h2 span {
	font-weight: lighter;
	color: #2cadd5;
}
h3 {
	font-size: 1.8em;
	color: #343442;
	font-weight: lighter;
}
h4 {
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: 1.6em;
	line-height: 1em;
	font-weight: lighter;
	color: #272732;
	margin-bottom: 5px;
	/*background: transparent url(../images/h4_bg.png) no-repeat;*/
}
h5 {
	font-size: 1.6em;
	color: #2cadd5;
}
h6 {
	font-weight: lighter;
	font-size: 1.5em;
	color: #555562;
}

.modeltype, .model-title > span {
	font-family: Peugeot;
	font-weight: bold;
	font-style: italic;
	font-size: 2em;
	color: #343442;
}
.modeltype > em {
	display: block;
	font-size: 0.7em;
	color: #737373;
	clear: both;
	font-style: normal;
	font-weight: normal;
}
.id {
	position: absolute;
	top: 0;
	right: 0;
	color: #5d5d68;
	font-size: 2.4em;
	font-family: Peugeot;
	font-weight: lighter;
}

/* ----- Text Styles -----*/

.text h2 {
	margin-bottom: 20px;
	clear: both;
}
h2.nm {
	margin: 0;
}
.text p {
	padding-bottom: 20px;
	line-height: 1.4em;
}
.text ul {
	list-style: none;
	list-style-position: inside;
}

.text ul li {
	line-height: 1.4em;
	padding-bottom: 10px;
}
ul.check-list > li {
	background: url(../images/li-check.png) no-repeat left top;
	padding-left: 20px;
}
a.link {
	font-weight: bold;
	color: #555562;
	padding-left: 12px;
	background: url(../images/link-arrow.png) no-repeat left center;
}

a.link:hover {
	color: #343442;
}
.text ul li h4 {
	font-size: 1.2em;
}
small {
	font-size: 1em;
	color: #9A9AA5;
}
.text .id {
	position: relative;
	float: left;
	font-weight: lighter;
	font-family: Peugeot;
	font-size: 1.8em;
	color: #2cadd5;
	padding: 5px 0;
}

.author {
	margin-bottom: 20px;
	display: block;
}

.price {
	color: #2cadd5;	
}

span.price strong {
	font-size: 1.6em;
	font-weight: bold;
}
h3.shadow {
	display: block;
	background: url(../images/h3-shadow.png) no-repeat center bottom;
	padding-bottom: 15px;
	text-align: center;
}
/* @end */

/* @group Buttons */

/* ----- Default Button ----- */
.button {
	height: 22px;
	display: inline-block;
	overflow: visible;
	background: url(../images/sprite-buttons.png) no-repeat left 0;
	color: #fff;
	padding:0 0 0 4px;
	font-size: 1.2em;
	font-weight: lighter;
	margin: 0;
}
.button:hover {
	text-decoration: none;
	color: #fff;
	background: url(../images/sprite-buttons.png) no-repeat left -22px;
}
.button>span {
	font-weight: Peugeot;
	height: 18px;
	display: inline-block;
	background: url(../images/sprite-buttons.png) no-repeat right -44px;
	padding: 4px 14px 0px 10px;
	margin: 0;
	cursor: pointer;
	font-size: 1em;
	line-height: 1.2em;
	float: left;
	white-space: nowrap;
}
.button>span:hover {
	background: url(../images/sprite-buttons.png) no-repeat right -66px;
}
.button.upc, .button.upc span, .button.upc span b, form li button.button span {
	text-transform: uppercase;
	font-family: Peugeot;
	font-weight: normal;
	font-size: 1.1em;
}
p .button, .text form button, p .button.upc span {
	font-size: 0.9em;
}
/* ----- Gray Button ----- */
.button.gray {
	color: #3E3F49;
	background: url(../images/sprite-buttons.png) no-repeat left -88px;
}
.button.gray:hover {
	background: url(../images/sprite-buttons.png) no-repeat left -110px;
}
.button.gray>span {
	background: url(../images/sprite-buttons.png) no-repeat right -132px;
}
.button.gray>span:hover {
	background: url(../images/sprite-buttons.png) no-repeat right -154px;
}

/* ----- Blue Button ----- */
.button.blue {
	background: url(../images/sprite-buttons.png) no-repeat left -176px;
}
.button.blue:hover {
	background: url(../images/sprite-buttons.png) no-repeat left -198px;
}
.button.blue>span {
	background: url(../images/sprite-buttons.png) no-repeat right -220px;
}
.button.blue>span:hover {
	background: url(../images/sprite-buttons.png) no-repeat right -242px;
}

button {
	cursor: pointer;
}
/* ----- Medium Button ----- */

.button.medium {
	height: 32px;
}

.button.medium > span {
	font-size: 1.1em;
	font-family: Peugeot;
	font-weight: normal;
	height: 24px;
	padding-top: 8px;
	padding-right: 30px;
	text-transform: uppercase;
	white-space: normal;
}
	
/* ----- Medium Blue Button ----- */

.button.blue.medium {
	background: url(../images/sprite-buttons.png) no-repeat left -264px;
}
.button.blue.medium:hover {
	background: url(../images/sprite-buttons.png) no-repeat left -296px;
}
.button.blue.medium>span {
	background: url(../images/sprite-buttons.png) no-repeat right -328px;
}
.button.blue.medium>span:hover {
	background: url(../images/sprite-buttons.png) no-repeat right -360px;
}

/* ----- Medium Gray Button ----- */

.button.gray.medium {
	height: 32px;
	background: url(../images/sprite-buttons.png) no-repeat left -392px;
}
.button.gray.medium:hover {
	background: url(../images/sprite-buttons.png) no-repeat left -424px;
}
.button.gray.medium>span {
	background: url(../images/sprite-buttons.png) no-repeat right -456px;
}
.button.gray.medium>span:hover {
	background: url(../images/sprite-buttons.png) no-repeat right -488px;
}
/* ----- Big Button ----- */

.button.big {
	height: 50px;
}

.button.big > span {
	font-size: 1.1em;
	font-family: Peugeot;
	font-weight: normal;
	height: 40px;
	padding-top: 10px;
	padding-right: 35px;
	text-transform: uppercase;
	white-space: normal;
}

/* ----- Big Blue Button ----- */

.button.blue.big {
	background: url(../images/sprite-buttons.png) no-repeat left -520px;
}
.button.blue.big:hover {
	background: url(../images/sprite-buttons.png) no-repeat left -570px;
}
.button.blue.big>span {
	background: url(../images/sprite-buttons.png) no-repeat right -620px;
}
.button.blue.big>span:hover {
	background: url(../images/sprite-buttons.png) no-repeat right -670px;
}

/* ----- Big Gray Button ----- */

.button.gray.big {
	background: url(../images/sprite-buttons.png) no-repeat left -720px;
}
.button.gray.big:hover {
	background: url(../images/sprite-buttons.png) no-repeat left -770px;
}
.button.gray.big>span {
	background: url(../images/sprite-buttons.png) no-repeat right -820px;
}
.button.gray.big>span:hover {
	background: url(../images/sprite-buttons.png) no-repeat right -870px;
}
/* ----- Solid Button ----- */
.button.solid {
	height: 40px;
	background: url(../images/sprite-buttons.png) no-repeat left -920px;
}

.button.solid > span {
	font-size: 1.3em;
	font-family: Peugeot;
	font-weight: lighter;
	height: 30px;
	padding-top: 10px;
	/*padding-right: 35px;*/
	text-transform: uppercase;
	white-space: normal;
	background: url(../images/sprite-buttons.png) no-repeat right -1000px;
	color: #3E3F49;
}
.button.solid:hover {
	background: url(../images/sprite-buttons.png) no-repeat left -960px;
}
.button.solid > span:hover {
	background: url(../images/sprite-buttons.png) no-repeat right -1040px;
}
.button.solid.current, .button.solid.current:hover {
	background: url(../images/sprite-buttons.png) no-repeat left -1080px;
	cursor: default;
}
.button.solid.current > span, .button.solid.current > span:hover {
	background: url(../images/sprite-buttons.png) no-repeat right -1160px;
	color: #fff;
	cursor: default;
}
/* @end */

/* @group Header */

#top {
	background: #14141b url(../images/top_bg.png) repeat-x top;
	z-index: 100;
}

#top>div {
	background: transparent url(../images/halo.png) no-repeat center bottom;
}

#top>div>div {
	position: relative;
	width: 980px;
	height: 125px;
	margin: 0 auto;
}

#top>div>div>h4 {
	width: 83%;
	position: absolute;
	top: 36px;
	left: 160px;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
	font-family: Peugeot;
	font-size: 2.1em;
	font-weight: lighter;
	line-height: 1em;
	color: #068fef;
	background: transparent;
}

#top>div>div>ul.extra {
	position: absolute;
	top: 40px;
	right: 0;
	padding: 0;
	margin: 0;
	list-style: none;
}

#top>div>div>ul.extra>li {
	float: right;
	padding: 0;
	margin: 0 0 0 10px;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 155px;
	height: 109px;
	background: transparent url(../images/logo_bg.png) no-repeat bottom;
}

#logo>a {
	display: block;
	width: 100px;
	height: 105px;
	margin: 0 auto;
	text-indent: 100em;
	overflow: hidden;
	background: transparent url(../images/logo.png) no-repeat 0 bottom;
}
#breadcrumb {
	padding: 10px 0;
	overflow: hidden;
}
#breadcrumb > li {
	display: inline;
	float: left;
	font-size: 1.2em;
	color: #c9c9c9;
	margin-right: 5px;
}

#breadcrumb > li > a {
	color: #c9c9c9;
}

#breadcrumb > li > a:hover {
	color: #ebebeb;
}

#breadcrumb > li.current {
	color: #fff;
}

.title-page h1 {
	font-size: 3.6em;
	font-weight: normal;
	color: #fff;
	padding-bottom: 20px;
}

/* @end */

/* @group Navigation */

#menu {
	width:805px;
	position: absolute;
	bottom: 0;
	height: 39px;
	left: 167px;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 1.2em;
	z-index: 10;
}

#menu>li {
	padding: 0;
	height: 100%;
	margin: 0;
	float: left;
    /*font-size: 10px;*/
}
/*#menu>li+li {
	margin-left: 30px;
}*/

#menu>li>a {
	color: #c9c9c9;
    /*font-size: 1em;*/
    font-weight: lighter;
    text-transform: uppercase;
    padding: 12px 20px 10px 20px;
    height: 16px;
    display: block;
}

#menu>li>a:hover {
	color: #fff;
	background: url(../images/sprite-bg-nav.png) repeat-x 0 -50px;
}

#menu>li.current>a {
	color: #fff;
	cursor: default;
}

#menu>li.current>a:hover {
	color: #fff;
	background: none;
}

#menu>li>a.blue {
	color: #fff;
	background: url(../images/sprite-bg-nav.png) repeat-x 0 0;
}
#menu>li>a.blue:hover {
	color: #fff;
	background: #28a2cc none;
}

#menu>li>a.blue.active {
	background: #28a2cc none;
}

#menu>li>a.current {
	color: #fff;
}

#menu>li>a.home {
	display: block;
	width: 15px;
	height: 14px;
	text-indent: 100em;
	overflow: hidden;
	background: transparent url(../images/home.png) no-repeat center center;
}
#menu>li.last {
	float: right;
}
#menu>li.last>a {
	text-transform: none;
}

#menu>li>a.gray:hover {
	background: #343442 none;
}

#menu>li>a.gray.active {
	color: #fff;
	background: #343442 none;
}
/* ----- Sub Menu ----- */
.submenu {
	width: auto;
	display: none;
	position: absolute;
	padding: 20px;
	background: #28a2cc url(../images/bg-submenu-formacion.png) repeat-x left bottom;
}

.submenu.gray {
	right: 0;
	background: #343442 url(../images/bg-submenu-gray.png) repeat-x left bottom;
}
.submenu > ul {
	width: auto;
	display: block;
	padding: 0;
	margin: 0;
}

.submenu > ul > li {
	list-style: none;
	list-style-position: inside;
	padding-left: 15px;
	padding-bottom: 5px;
	background: url(../images/arrow.png) no-repeat left;
}

.submenu > ul > li > a {
	color: #fff;
	/*font-size: 1.2em;*/
}

/* @end */

/* @group Footer */

#bottom {
	padding: 20px 0 10px 0;
	font-size: 1em;
	background: transparent url(../images/bg-bottom.png) repeat-x;
	margin-top: -6px;
}

#bottom>ul {
	width: 980px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}

#bottom>ul>li {
	padding: 0;
	margin: 0;
	float: left;
}

#bottom>ul>li+li {
	margin-left: 20px;
}

#bottom>ul>li>a {
	color: #9a9aa5;
	font-size: 1.2em;
}

/* @end */

/* @group Slider */

/*-------- Slider Navigation -----------*/

ul.slider-nav {
	width: 285px;
	left: 5px;
	float: left;
	list-style: none;
	list-style-position: inside;
	z-index: 1;
	position: absolute;
}

ul.slider-nav > li {
	width: 280px;
	display: block;
	padding: 0;
	margin: 0;
	height: 75px;
	position: relative;
}

ul.slider-nav > li > div {
	width: 260px;
	display: block;
	/*width: 100%;*/
	margin: 0;
	padding: 10px;
	height: 55px;
	background: #ececec url(../images/li-slidernav.png) no-repeat 0 0;
	/*overflow: auto;*/
}

ul.slider-nav > li > div:hover, ul.slider-nav > li.current > div {
	width: 280px;
	left: -8px;
	padding-left: 18px;
	padding-right: 0;
	background: transparent url(../images/li-slidernav.png) no-repeat -290px 0;
	position: absolute;
}

ul.slider-nav > li.current > div {
	background: transparent url(../images/li-slidernav.png) no-repeat -588px 0;
}

ul.slider-nav > li > div > a {
	display: block;
	overflow: hidden;
	/*float: left;*/
}

ul.slider-nav > li > div > a:hover {
}

ul.slider-nav .title {
	width: 150px;
	display: block;
	float: left;
	font-size: 1.6em;
	padding-top: 12px;
	color: #343442;
	cursor: pointer;
	display: block;
}
/*-------- Slider Content -----------*/
#slider {
	/*left: -5px;*/
	position: relative;
	overflow: hidden;
}
#slider-content {
	width: 700px;
	height: 300px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	left: 285px;
}
#slider-content > li {
	list-style: none;
	list-style-position: inside;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: relative;
}
#slider-content > li > #info-slide {
	width: 200px;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../images/bg-alpha-262630.png) repeat;
}

#info-slide > div > ul > li {
	list-style: none;
	list-style-position: inside;
	padding: 10px 0 10px 16px;
	background: url(../images/arrow.png) no-repeat 0 10px;
	line-height: 1.4em;
}
#info-slide > div > ul > li > a {
	color: #fff;
	font-size: 1.4em;
	font-weight: lighter;
}

#info-slide > div > ul > li > a:hover {
	color: #c4f0fd;
}

#info-slide .date-item {
	display: block;
	clear: both;
}
#info-slide h2 {
	font-size: 1.8em;
	color: #2cadd5;
	font-weight: lighter;
	padding: 5px 0 10px 0;
}

/* @end */

/* @group Form Elements */

button.button {
	border: none;
	text-transform: uppercase;
	/*font-size: 1.2em;*/
	font-weight: lighter;
	/*padding: 0;*/
	margin: 0;
	float: left;
}
/*FF hack*/
button.button,  x:-moz-any-link, x:default  { padding:0; }
button.button span,  x:-moz-any-link, x:default  { margin-top: -2px; }
button.button:hover span,  x:-moz-any-link, x:default  { background: url(../images/sprite-buttons.png) no-repeat right -242px; }

/*button.button.blue > span:hover,  x:-moz-any-link, x:default  { background: url(../images/sprite-buttons.png) no-repeat right -242px;}*/
/*------*/
input[type=text], input[type=password], textarea , select.buscador{
	height: 26px;
	padding: 0 0 0 5px;
	border: 1px solid #b0b0b0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	khtml-border-radius:3px;
	border-radius: 3px;
	color: #555562;
	font-size: 1.2em;
}
input.medium, textarea.medium {
	width: 250px;
}
textarea  {
	height: auto;
	padding-top: 10px;
}
input[type=text]:focus, input[type=password]:focus  {
	border: 1px solid #292936;
	color: #0F0F13;

}

label {
	/*width: 100%;*/
	display: block;
	clear: both;
	color: #555562;
	font-size: 1.2em;
	margin: 0 0 5px 3px;
}

label.inner-label {
	float: left;
	font-size: 1.1em;
	color: #7c7d8e;
}

form div.radio, form div.checker{
	float: left;
}
/*Select Medium Size*/
.mediumselect div.selector {
  width: 180px;
}
.mediumselect div.selector select {
  width: 180px;
}
.mediumselect div.selector span {
  width: 148px;
}
/*Select Big Size*/
.bigselect div.selector {
  width: 270px;
}
.bigselect div.selector select {
  width: 270px;
}
.bigselect div.selector span {
  width: 238px;
}
/*Select Max Size*/
.maxselect div.selector {
  width: 347px;
}
.maxselect div.selector select {
  width: 347px;
}
.maxselect div.selector span {
  width: 315px;
}
/*Sidebar Inputs Size*/
.widget div.selector {
  width: 195px;
}
.widget div.selector select {
  width: 195px;
}
.widget div.selector span {
  width: 163px;
}
.widget textarea {
	width: 193px;
}
form > ul > li > ul > li {
	float: left;
	display: inline;
	margin: 0 10px 8px 0;
	/*position: relative;*/
	overflow: hidden;
}
form > ul > li > ul > li > label {
	float: left;
	clear: right;
	margin: 3px 0 0 5px;
	color: #9A9AA5;
}
form > ul > li {
	overflow: hidden;
	margin-bottom: 15px;
	position: relative;
}

form > ul > li.wide {
	width: 100%;
	display: block;
}
form > ul > li > ul.input_button {
	display: block;
	overflow: hidden;
}

form > ul > li > ul.input_button > li {
	margin: 0;
}
form ul.two-col > li > ul.input_button {
	width: 80%;
}

form ul.two-col > li > ul.input_button > li {
	width: 100%;
	display: block;
	overflow: hidden;
	margin-bottom: 0;
	position: relative;
}

form ul.input_button > li {
	margin: 0;
}

form ul.input_button > li > input {
	width: 95%;
	display: block;
}
form > ul.input_button > li > input[type=text] {
	min-width: 190px;
}
form > ul > li.wide > input[type=text] {
	width: 88.5%;
}

form > ul.two-col > li > input[type=text],
form > ul.wide > li > input[type=text],
form > ul.wide > li > textarea {
	width: 93%;
}
form > ul.lastme > li:last-child, form > ul.lastme > li.last {
	margin-bottom: 0;
	min-height: auto;
}
.search-box {
	width: 200px;
	overflow: hidden;
	position: relative;
	float: left;
}

input#search {
	float: left;
	width: 190px;
}

input#date {
	width: 190px;
	/*padding-right: 40px;*/
}

.search, .date {
	float: right;
	width: 32px;
	height: 28px;
	display: block;
	cursor: pointer;
	border: none;
	background: url(../images/sprite_icons.png) no-repeat -100px 0;
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -99999px;
}
.date {
	background: url(../images/sprite_icons.png) no-repeat -175px 0;
}

.privacy {
	float: left;
	width: 50%;
	color: #555562;
}

span.text-privacy {
	width: 200px;
}
/* @end */

/* @group Content */

.box-shadow.bottom {
	width: 100%;
	overflow: hidden;
	background: url(../images/shadow-bottom.png) no-repeat center bottom;
	padding: 0 0 40px 0;
	margin-bottom: 5px;
}
.vshadow {
	background: url(../images/shadow-vertical.png) no-repeat right bottom;
	padding-right: 40px;
}

.img-col {
	float: left;
	width: 320px;
	margin-right: 20px;
	padding-top: 20px;
}

.text {
	/*clear: both;*/
	padding-top: 15px;
}

.text.col-right {
	width: 640px;
	clear: none;
	float: left;
	padding-bottom: 20px;
}
.img-col .image {
	border: 1px solid #fff;
	padding: 0;
	margin: 0 0 20px 0;
	display: block;
	clear: both;
}

.promo-container {
	width: 100%;
	clear: both;
	padding: 40px 0 20px 0;
	background: #f7f7f7 url(../images/bg-promo-container.png) repeat-x left top;
	overflow: hidden;
}
.title-icon {
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
}

/* ----- Filters Section ----- */
.filters {
	width: auto;
	float: left;
	/*padding-bottom: 20px;*/
}

.filters.wide {
	width: 100%;
	display: block;
	/*padding-bottom: 20px;*/
}

.filters > form > ul > li {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	clear: both;
}

.filters.wide > form > ul {
	width: 100%;
	display: block;
	overflow: hidden;
}
.filters.wide > form > ul > li, .filters.wide > ul > li {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-bottom: 0;
	clear: none;
}
.filters.wide.detalle > ul > li:first-child {
	width: 320px;
}
.filters ul li.last-right, li.last-right {
	/*float: right;*/
	position:absolute;
	right: 0;
	margin: 0;
	width: auto;
}
.last-button {
	padding-top: 22px;
}

.filters.wide.detalle h4 {
	font-size: 2em;
}

/*------ PAGINATION -------*/

ul.pagination {
	display: block;
	float: right;
	position: absolute;
	right: 0;
}
ul.pagination > li {
	display: inline;
	float: left;
	margin: 0 3px;
}
ul.pagination > li > a {
	font-size: 1.6em;
	color: #343442;
	display: block;
	overflow: auto;
	padding: 0 3px;
	text-decoration:none;
	position: relative;
}
ul.pagination > li > a:hover {
	color: #33cdfc;
	/*background-color: #555562;*/
}
ul.pagination > li> a.current {
	/*background-color: #c9c9c9;*/
	color: #2cadd5;
}
/*Ficha Vehiculo*/
.inforight {
	width: 622px;
	float: left;
	margin-right: 20px;
	min-height: 383px;
}

.infoleft {
	width: 330px;
	float: left;
	min-height: 383px;
}

/* @group Others */

.panel>h2 {
	margin: 3px 0 10px 0;
	font-size: 2em;
	font-weight: lighter;
	font-family: Peugeot;
	line-height: 1em;
	color: #fff;
}

.grid>ul {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	border: 1px solid #636467;
	list-style: none;
	overflow: hidden;
	border-radius: 3px;
	background: #9b9ca0 url(../images/grid_bg.jpg) repeat-x bottom;
	
}

.grid>ul>li {
	float: left;
	width: 25%;
	height: 100px;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.grid>ul>li.tres {
	width: 75%;
}

.grid>ul>li.cuatro {
	width: 100%;
}

.grid>ul>li>div {
	height: 70px;
	padding: 15px;
	border-style: solid;
	border-width: 1px;
	border-color: #636467 #b3b3b9 #b3b3b9 #636467;
}

.grid>ul>li.top>div {
	border-top-color: transparent;
}

.grid>ul>li.right>div {
	border-right-color: transparent;
}

.grid>ul>li.bottom>div {
	border-bottom-color: transparent;
}

.grid>ul>li.left>div {
	border-left-color: transparent;
}

.grid>ul>li.top.left>div {
	border-radius: 3px 0 0 0;
	
}

.grid>ul>li.top.right>div {
	border-radius: 0 3px 0 0;
	
}

.grid>ul>li.bottom.left>div {
	border-radius: 0 0 0 3px;
	
}

.grid>ul>li.bottom.right>div {
	border-radius: 0 0 3px 0;
	
}

/* @end */
ul.model-items {
	width: 100%;
	display: block;
	background-color: #fff;
	overflow: hidden;
}

ul.model-items.cambios {
	width: 660px;
	margin-top: 10px;
	padding: 20px;
}
ul.model-items > li {
	display: inline;
	float: left;
	margin-right: 10px;
}

ul.model-items > li > a {
	display: block;
	overflow: hidden;
}

ul.model-items > li > a > img {
	margin-bottom: 10px;
}

ul.model-items > li > a > span{
	display: block;
	background-color: #dfdfdf;
	padding: 5px;
	color: #5b5b66;
	font-size: 1.2em;
}

ul.model-items > li > a:hover > span{
	background-color: #c6c6c6;
}

/* @group Tabs */
/* ------ TABS ------- */
.tabs {
	margin: 20px 0 0 0;
}
.tabs > inner {
	padding-top: 0;
}

.grupo.ficha .tabs .inner {
	padding-top: 0;
	width: 98%;
	float: left;
}
.tabscontainer, .coleft-tabscontainer {
	float: left;
	width: 100%;
	margin: 0;
}
.tabscontainer.ficha, .coleft-tabscontainer.ficha {
	margin-top: 10px;
}
ul.tabs, ul.coleft-tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 30px;
	border: 1px solid #c5c5c7;
	width: 99.8%;
	overflow: hidden;
	background: #fefefe url(../images/bg-ul-tabs.png) repeat-x left bottom;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	khtml-border-radius:3px;
	border-radius: 3px;

}
 ul.coleft-tabs {
	width: 99.9%;
}
ul.tabs li, ul.coleft-tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	/*margin-right: 10px;*/
}
ul.tabs li a, ul.coleft-tabs li a {
	text-decoration: none;
	color: #666;
	height: 30px;
	padding: 0;
	display: block;
	font-size: 1.3em;
	outline: none;
	position: relative;
	cursor: pointer;
}
ul.tabs li a:hover, ul.coleft-tabs li a:hover {
	color: #328CA8;
}
html ul.tabs li.active, html ul.coleft-tabs li.active {
	color: #006699;
	position: relative;
	background: url(../images/tab-arrow-current-2.png) no-repeat left top;
	margin-left: -9px;
}	
html ul.tabs li.active a, html ul.coleft-tabs li.active a {
	margin-right: 0px;
	color: #fff;
	background: url(../images/bg-li-tabs-current.png) repeat-x;
	margin-left: 9px;
}

ul.tabs li a span, html ul.tabs li.active a span, ul.coleft-tabs li a span, html ul.coleft-tabs li.active a span {
	padding: 0 20px 0 10px;
	height: 100%;
	display: block;
	background: url(../images/tab-arrow.png) no-repeat right top;
}

html ul.tabs li.active a span, html ul.coleft-tabs li.active a span {
	background: url(../images/tab-arrow-current.png) no-repeat right top;
}

/*ul.tabs li a span, html ul.tabs li.active a span {
	padding-left: 20px;
}*/

/*ul.tabs li + li a span, html ul.tabs li + li.active a span {
	padding-left: 5px;
}*/

.tab_container, .coleft-tab_container {
	clear: both;
	float: left; 
	width: 100%;
	position: relative;
	/*min-height:310px;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	khtml-border-radius:3px;
	border-radius: 3px;

}
.tab_content, .coleft-tab_content {
	width: 100%;
	/*padding: 15px 10px;*/
	display:block;
	position: relative;
	float: left;
}

.tab_content div.inner-20px, .coleft-tab_content div.inner-20px {
	border: 1px solid #c5c5c7;
	background: #fefefe url(../images/bg-gray-white.png) repeat-x left bottom;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	khtml-border-radius:3px;
	border-radius: 3px;
	margin-top: 5px;
}
/* ------ TABS TWO COLUMNS ------- */
.tabs-twocol div.coleft-tabscontainer ul.coleft-tabs li {
	width:372px;
}
.tabs-twocol div.coleft-tabscontainer a span {
	font-family: Peugeot;
}

.tabs-twocol div.coleft-tabscontainer a.button span {
	font-size: 1em;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
.tabs-twocol div.coleft-tabscontainer ul.coleft-tabs li a {
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 1.7em;
	text-align: center;
}
.tabs-twocol div.coleft-tabscontainer ul.coleft-tabs li + li {
	width:376px;
}

.tabs-twocol div.coleft-tabscontainer ul.coleft-tabs li + li a span {
	background: none;
}

/* @group Area Test */
/*------  CONFIGURAR EXAMEN -------*/

#config-examen > form > ul > li {
	overflow: hidden;
	margin-bottom: 15px;
	position: relative;
	min-height: 50px;
}

#config-examen form > ul > li.last {
	margin-bottom: 0;
	min-height: 0;
}

#resumen-examen {
	margin-top: 20px;
	position: relative;
}

#resumen-examen h2, #realizacion-examen h2 {
	font-size: 2.4em;
	text-transform: uppercase;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 10px;
}

#resumen-examen .action-btn {
	position: absolute;
	top: 0px;
	right: 0;
}
/* ----- Cabecera Examen ----- */
#info-cabecera {
	padding: 10px 0;
	border-top: 2px solid #f4f4f4;
	position: relative;
}

#info-cabecera .action-btn {
	top: 5px;
}

#info-cabecera h5 {
	padding-bottom: 5px;
	color: #068FEF;
}
#info-cabecera > ul {
	padding: 10px 0 0 0;
	border-top: 1px solid #dcdcdc;
	overflow: hidden;
}

#info-cabecera > ul > li {
	display: inline-block;
	float: left;
	margin-right: 10px;
	font-size: 0.9em;
	margin-bottom: 5px;
}

#editar-info-cabecera {
	padding: 10px 0;
	border-top: 2px solid #f4f4f4;
	position: relative;
}
#editar-info-cabecera .action-btn {
	top: 5px;
}
#editar-info-cabecera h5 {
	padding-bottom: 5px;
	color: #068FEF;
	border-bottom: 1px solid #dcdcdc;
}
/* ----- Preguntas & Respuestas ----- */

#lista-preguntas {
	margin-top: 20px;
	overflow: hidden;
	padding-bottom: 20px;
}

#lista-preguntas .action-btn {
	top: 15px;
	z-index: 1;
}

#lista-preguntas > ol {
	overflow: hidden;
}

#lista-preguntas > ol > li {
	width: 100%;
	display: block;
	/*margin-bottom: 20px;*/
	position: relative;
	padding-top: 15px;
	border-bottom: 1px solid #dcdcdc;
	float: left;
}

#lista-preguntas > ol > li + li {
	border-top: 2px solid #f4f4f4;
}

#lista-preguntas > ol > li > span.pregunta, form > span.pregunta {
	width: 90%;
	font-size: 1.6em;
	font-family: Peugeot;
	font-weight: normal;
	color: #292936;
	display: inline-block;
}

#lista-preguntas > ol > li > span.pregunta > b, form > span.pregunta > b {
	font-size: 1.1em;
	font-family: Peugeot;
	font-weight: normal;
	color: #068FEF;
}

ul.respuestas {
	margin: 10px 0 20px 20px;
	overflow: hidden;
	font-size: 1.2em;
}

ul.respuestas > li, ul.respuestas > form > li {
	color: #555562;
	/*margin-bottom: 10px;*/
	padding: 10px;
	border: transparent 1px solid;
	min-height: 0;
}

ul.respuestas > li.ok {
	color: #00cc33;
	border: #00cc33 1px solid;
}

ul.respuestas > li.ok > .icon16 {
	float: right;
	margin: 0 0 0 10px;
}
ul.edit-items {
	margin-bottom: 20px;
}

ul.edit-items > li {
	margin-bottom: 10px;
	
}
ul.edit-items input.order {
	width: 50px;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	padding: 0;
	margin-right: 5px;
}

ul.edit-items li input.text-item {
	width: 570px;
}

ul.edit-items li.first input.order {
	color: #068FEF;
}

ul.edit-items li.first input.text-item {
	color: #292936;
	font-size: 1.4em;
}

ul.edit-items > li > div.right {
	margin-right: 30px;
	padding-right: 40px;
}

ul.edit-items > li > div.right.ok {
	background: url(../images/li-ok.png) no-repeat right center;
}
/* ----- Test Pages ----- */

.page-number {
	width: 15%;
	float: right;
	text-align: right;
}
.page-number h2 {
	font-size: 2.4em;
}
.timeline {
	width: 85%;
	background: url(../images/bg-timeline.png) repeat-x left top;
	overflow: hidden;
	display: block;
	float: left;
	margin-top: 10px;
}
.timeline > ul {
	width: auto;
	overflow: hidden;
	float: left;
	display: block;
	/*padding-bottom: 12px;*/
	background: url(../images/bg-ul-timeline.png) repeat-x left 0;
	clear: both;
}
.timeline > ul > li {
	width: 10px;
	/*height: 4px;*/
	display: inline-block;
	float: left;
}

.timeline > ul > li > a, .timeline > ul > li > span {
	display: block;
	width: 10px;
	height: 10px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: transparent;
	text-indent: -99999px;
}
.timeline > ul > li > .correcto {
	border-top-color: #00cc33;
}

.timeline > ul > li > .error {
	border-top-color: #9b355f;
}

.timeline > ul > li > .pendiente, .timeline > ul > li > .terminada, .timeline > ul > li > .positivo {
	border-top-color: #2cadd5;
}

.timeline .leyenda {
	width: 100%;
	float: left;
	clear: both;
}
.leyenda > ul {
	overflow: hidden;
	padding: 20px 0 0 0;
}

.leyenda > ul > li {
	display: inline-block;
	float: left;
	margin-right: 20px;
}

.leyenda > ul > li > span {
	font-size: 1.2em;
	color: #878787;
}

.leyenda > ul > li > span > b {
	font-size: 1.6em;
	font-weight: bold;
	color: #67676e;
}
.leyenda .correcto {
	color: #00cc33;
}

.leyenda .error {
	color: #9b355f;
}

.leyenda .pendiente, .leyenda .terminada, .leyenda .positivo {
	color: #2cadd5;
}

/* ----- Modulo Realización Examen ----- */

#realizacion-examen {
	position: relative;
}

#realizacion-examen > #info-cabecera {
	border-top: none;
	border-bottom: 1px solid #dcdcdc;
	padding-top: 0;
	padding-bottom: 20px;
}

#realizacion-examen > #info-cabecera > ul {
	border:  none;
	font-size: 1.3em;
	padding: 5px 0 0 0;
	color: #555562;
}
#realizacion-examen > #info-cabecera > ul > li {
	margin: 0;
	padding-right: 10px;
}

#realizacion-examen > #info-cabecera > ul > li + li {
	border-left: 1px solid #d8d8d8;
	padding-left: 10px;
}
#realizacion-examen h2 {
	text-transform: none;
	padding-top: 30px;
	border-bottom: none;
	padding-bottom: 0;
}

#realizacion-examen .id {
	float: left;
	left: 0;
	font-size: 2em;
	color: #2cadd5;
}
#realizacion-examen > #lista-preguntas > ol > li > span.pregunta {
	font-size: 1.8em;
	font-weight: lighter;
}

#realizacion-examen > #lista-preguntas > ol > li > span.pregunta > b {
	color: #2cadd5;
}

#realizacion-examen #lista-preguntas {
	margin-top: 0;
	border-top: 2px solid #f4f4f4;
}
#realizacion-examen #lista-preguntas > ol > li {
	border: none;
}

.actions-exam {
	overflow: hidden;
}

.actions-exam > ul {
	width: 100%;
	overflow: hidden;
}

.actions-exam > ul > li {
	width: 33%;
	display: inline-block;
	float: left;
}

.actions-exam > ul > li.last > a {
	float: right;
}

div.btn-guardar-examen {
	width: auto;
	display: inline-block;
	margin: 0 auto;
	position: relative;
	left: 90px;
}

/* ----- Resultados & Puntuacion ----- */
#container-puntuacion {
	border-top: 2px solid #f4f4f4;
	padding-top: 50px;
}
#container-puntuacion h3 {
	text-align: center;
}
ul.puntuacion {
	overflow: hidden;
	padding: 50px 0;
}

ul.puntuacion > li {
	width: 100%;
	display: block;
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
}

ul.puntuacion > li > div {
	float: left;
}

ul.puntuacion > li > div > span {
	font-size: 1.6em;
	color: #2cadd5;
	text-transform: uppercase;
	font-family: Peugeot;
	font-weight: lighter;
}
ul.puntuacion > li > div.categoria {
	width: 20%;
	text-align: right;
}

ul.puntuacion > li > div.categoria > span {
	padding-right: 20px;
	display: block;
}

ul.puntuacion > li > div.puntos {
	width: 70%;
}

ul.puntuacion > li > div.puntos > ul {
	/*margin-left: 20px;*/
	width: 650px;
	height: 25px;
	display: block;
	background: url(../images/bg-ul-puntos.png) repeat-x left top;
	margin-left: 2px;
}

ul.puntuacion > li > div.puntos > ul > li {
	/*width: auto;*/
	display: inline-block;
	height: 18px;
	background-color: #1f85aa;
}

ul.puntuacion > li > div.puntos-letras {
	width: 10%;
}
ul.puntuacion > li.total {
	padding-top: 40px;
}
ul.puntuacion > li.total > div.puntos > ul > li {
	background-color: #00cc33;
}
ul.puntuacion > li.total > div > span {
	color: #00cc33;
}
ul.puntuacion > li.totalgral {
	padding-top: 40px;
}
ul.puntuacion > li.totalgral > div.puntos > ul > li {
	background-color: #EAB413;
}
ul.puntuacion > li.totalgral > div > span {
	color: #EAB413;
}
ul.puntuacion > li.desaprobado > div.puntos > ul > li {
	background-color: #9b355f;
}
ul.puntuacion > li.desaprobado > div > span {
	color: #9b355f;
}

/* @end */

/* @end */

/* @group Mis Datos */

.profile-img {
	overflow: hidden;
	border-bottom: 1px solid #d2d2d2;
	display: block;
	padding-bottom: 20px;
}

.profile-img > div.image {
	border: 1px solid #b0b0b0;
	width: 117px;
	height: 117px;
	background: #fff url(../images/img-perfil.jpg) no-repeat center center;
}
.profile-img > div.image > img {
	border: 1px solid #fff;
}
.profile-img > form {
	float: left;
	overflow: hidden;
	display: block;
	padding-top: 50px;
}
.profile-img small {
	padding-top: 5px;
	display: block;
}
.datos-usuario {
	width: 100%;
	display: block;
	overflow: hidden;
	border-top: 2px solid #f3f3f3;	
	padding-top: 20px;
}
.datos-usuario > .id {
	position: relative;
	float: left;
	margin-bottom: 20px;
	color: #2cadd5;
}

.datos-usuario li.wide.last {
	padding-top: 20px;
	margin-top: 10px;
	border-top: 1px solid #d2d2d2;
}
/* @end */

/* @group FAQ */
#faq-content {
	overflow: hidden;
	display: block;
	border-top: 2px solid #f4f4f4;
}

#faq-content p {
	line-height: 1.3em;
}
/* styles for the star rater */

.rate-post {
	padding: 0;
}

#faq-content .rate-post {
	padding: 0 20px 20px;
}

.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(../images/star_rating.png) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(../images/star_rating.png) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:20px;
}
.star-rating a.two-stars{
	left:20px;
}
.star-rating a.two-stars:hover{
	width: 40px;
}
.star-rating a.three-stars:hover{
	width: 60px;
}
.star-rating a.three-stars{
	left: 40px;
}
.star-rating a.four-stars{
	left: 60px;
}	
.star-rating a.four-stars:hover{
	width: 80px;
}
.star-rating a.five-stars{
	left: 80px;
}
.star-rating a.five-stars:hover{
	width: 100px;
}
		
/* @group Accordion */

.container-acc {
	margin-bottom: 20px;
}

#accordion h4 {
	width: 100%;
	display: block;
	background: #fbfbfb url(../images/bg-accordion-h4.png) repeat-x left bottom;
	padding: 0;
	clear: both;
	margin-bottom: 0;
	border-bottom: 1px solid #e6e6e6;
	border-top: 2px solid #f9f9f9;
	font-size: 1.6em;
}
#accordion h4 a {
	width: 91%;
	/*padding-left: 25px;*/
	color: #333;
	background: url(../images/plus.png) no-repeat right 15px;
	padding: 15px 30px 15px 15px;
	overflow: hidden;
	display: block;
	font-size: 1em;
	font-family: Peugeot;
	font-weight: lighter;
}

#accordion h4.ui-accordion-header.ui-helper-reset.ui-state-active.ui-corner-top {
	background: #fff none;
	border-bottom-color: #fff;
}

#accordion h4.ui-accordion-header.ui-helper-reset.ui-state-active.ui-corner-top a {
	background-image: url(../images/minus.png);
	color: #306a91;
	padding-bottom: 0;
}

.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.ui-accordion-content-active {
	background: #fff;
	padding: 0;
	float: left;
	width: 100%;
	border-top: none;
	border-bottom: 1px solid #e6e6e6;
}

#accordion .section-title {
	background: none;
	border: none;
	clear: both;
}

/* @end */

/* @end */

/* @group Sidebar */

.widget {
	padding: 0 0 20px 0;
	overflow: hidden;
}
.widget.bottom {
	bottom: 0;
	padding-bottom: 0;
	position: absolute;
}
.sidebar .button.medium {
	width: 98%;
}

.sidebar .button.medium span {
	width: 78%;
}
.widget > ul > li {
	margin-bottom: 10px;
}

.widget > h4 {
	margin-bottom: 15px;
	color: #2cadd5;
}
.widget .text {
	padding: 0;
}
/* @end */

/* @group Page Dark Styles */

#page.dark .sidebar {
	width: 220px;
	background: none;
	padding: 0;
}
#page.dark h4 {
	font-size: 2.4em;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 20px;
}

#page.dark h4.blue, h3.blue {
	color: #2cadd5;
}

#page.dark h6 {
	color: #c9c9c9;
}

#page.dark .info-content h4.blue {
	display: block;
	border-bottom: 1px solid #2cadd5;
	padding-bottom: 5px;
}
#page.dark .widget > .bg {
	background-color: #52515f;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	khtml-border-radius:3px;
	border-radius: 3px;
	padding: 10px;
}
#page.dark .widget > ul > li, #page.dark .widget a,  #page.dark .widget p {
	color: #C9C9C9;
}
#page.dark .widget a {
	color: #fff;
}
#page.dark .search-box {
	width: 200px;
	padding: 10px;
	background-color: #52515f;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	khtml-border-radius:3px;
	border-radius: 3px;
}
#page.dark label {
  color: #c9c9c9;
}

#page.dark div.uploader span.action {
  background-color: #0f0f13;
}
/* @end */

/* @group Archivo Fotografico */
ul.albums {
	display: block;
	padding-top: 20px;
	overflow: hidden;
}
ul.albums > li {
	width: 16.45%;
	float: left;
	display: inline-block;
}

ul.albums > li + li {
	margin-left: 2px;
}
ul.albums > li > ul.datos {
	padding-top: 10px;
	clear: both;
	display: block;
	overflow: hidden;
}
ul.albums > li > ul.datos > li {
	color: #8c8b9d;
	font-size: 1.2em;
	font-weight: normal;
}

ul.albums > li > ul.datos > li > span.title, ul.albums > li > ul.datos > li > a {
	font-family: Peugeot;
	font-size: 1.6em;
	font-weight: lighter;
	color: #fff;
}
ul.albums > li > ul.datos > li > a:hover {
	color: #2cadd5;
}
/*Gallery*/
.gallery {
	width: 100%;
	display: block;
	margin: 0;
	overflow: hidden;
	position: relative;
}

ul.photos {
	width: 720px;
	overflow: hidden;
	margin: 0;
	clear: both;
}

/*ul.photos > li {
	position: relative;
}*/

ul.photos > li.bg-prev {
	top: 220px;
}

ul.photos > li.bg-next {
	top: 220px;
	right: 20px;
	
}
ul.thumbs-nav {
	width: 700px;
	background-color: #56575f;
	overflow: hidden;
	padding: 10px;
}

ul.thumbs-nav > li {
	float: left;
	margin-right: 10px;
	display: inline;
}

ul.thumbs-nav > li.last {
	margin-right: 0;
}

ul.thumbs-nav > li > a {
	display: block;
	overflow: hidden;
	float: left;
}

ul.albums > li > ul.datos > li > a:hover {
	color: #2cadd5;
}
ul.thumbs-nav > li > a > img {
	border: 1px solid #494855;
}

ul.thumbs-nav > li > a > img:hover {
	border: 1px solid #2cadd5;
}

li > a.prev, li > a.next {
	width: 16px;
	height: 25px;
	display: block;
	text-indent: -99999px;
	background: url(../images/sprite_icons.png) no-repeat -30px -50px;
	margin: 12px 10px;
}

li > a.next {
	background: url(../images/sprite_icons.png) no-repeat -50px -50px;
}

li > a.prev:hover {
	background: url(../images/sprite_icons.png) no-repeat -70px -50px;
}

li > a.next:hover {
	background: url(../images/sprite_icons.png) no-repeat -90px -50px;
}
/*Album Page*/
.info-cabecera-album {
	width: 80%;
	float: left;
	display: block;
	overflow: hidden;
}

.info-cabecera-album .title, .widget .title {
	font-size: 2.3em;
	font-family: Peugeot;
	font-weight: lighter;
	color: #2cadd5;
	display: block;
	float: left;
}

#datos-album {
	width: 93%;
	float: left;
	overflow: hidden;
	display: block;
}

#datos-album > li {
	display: inline;
	float: left;
	color: #555562;
	padding-right: 10px;
	font-size: 1.2em;
}

#datos-album > li + li {
	padding-left:10px;
	border-left: 1px solid #555562;
}

#datos-album > li > a, #page.dark .widget #datos-album > li > a {
	padding-left:10px;
	color: #2cadd5;
	padding: 0;
}

#datos-album > li > a:hover, #page.dark .widget #datos-album > li > a:hover {
	color: #33cdfc;
}

#datos-album > li > strong {
	color: #fff;
}
.widget #datos-album > li {
	display: block;
	width: 100%;
	clear: both;
	margin-bottom: 5px;
	border: none;
	padding: 0;
}
.album-actions {
	width: 20%;
	float: right;
	overflow: auto;
}
.album-actions > ul > li > a.button {
	float: right;
}
.album-actions > ul > li > .submenu {
	top: 30px;
	right: 0;
	font-size: 1.2em;
	z-index: 10;
}

ul.album-thumbs {
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	margin-top: 30px;
	z-index: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
}

ul.album-thumbs > li {
	float: left;
	display: inline-block;
	position: relative;
	margin-bottom: 23px;
}

ul.album-thumbs > li + li {
	margin-left: 23px;
}

ul.album-thumbs > li.nm {
	margin-left: 0;
}

ul.album-thumbs > li > a {
	float: left;
	display: block;
	overflow: hidden;
}

ul.album-thumbs > li > a > img {
	border: 1px solid #000;
}

ul.album-thumbs > li > a:hover > img {
	border: 1px solid #2cadd5;
}

.comments {
	height: 20px;
	float: left;
	overflow: hidden;
	display: block;
	background: url(../images/sprite_comments.png) no-repeat 0 -30px;
	position: absolute;
	top: 5px;
	left: 5px;
}
.comments > span {
	height: 15px;
	padding-left: 5px;
	float: left;
	background: url(../images/sprite_comments.png) no-repeat 0 0;
}

.comments > span > em {
	height: 13px;
	padding-right: 5px;
	padding-top: 2px;
	margin-right: 5px;
	float: left;
	background: url(../images/sprite_comments.png) no-repeat right -15px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
}

.desc-comments {
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #2f2f34;
}

ul.actions-photo {
	width: 710px;
	overflow: hidden;
	display: block;
	position: absolute;
	left: 5px;
	top: 5px;
}

ul.actions-photo > li {
	display: inline-block;
	float: left;
	padding: 10px;
	background: url(../images/bg-alpha-262630.png) repeat;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	khtml-border-radius:3px;
	border-radius: 3px;
}

ul.actions-photo > li.last {
	float: right;
}
ul.actions-photo a {
	color: #e0e0e0;
	font-size: 1.1em;
	overflow: hidden;
	display: block;
	cursor: pointer;
}

ul.actions-photo > li > a:hover {
	color: #fff;
}
ul.actions-photo > li > ul {
	padding-left: 5px;
}
ul.actions-photo > li > ul > li {
	display: inline-block;
	float: left;
}
.bg-prev, .bg-next {
	/*overflow: hidden;*/
	display: inline-block;
	float: left;
	background: url(../images/bg-alpha-262630.png) repeat;
	position: absolute;
}

/* @group Comments */
/* Comments -------------- */

#comments{
	margin:0;
	border-bottom: 1px solid #000;
}

#comments h3, #respond h3{
	font-weight:normal;
	font-size:16px;
	display:block;
	float:left;
	width:610px;
	padding:0 0 20px 0;
	background:url(images/header_bg.gif) repeat-x bottom;
	margin:0 0 0px 0;
}

#comments .image{
	float:left;
}

#comments ol{
	margin:25px 0 0 0;
}


#comments ol.pinglist li{
	padding:0;
	margin:0;
	border:none;
	width:100%;
}

#comments ol.pinglist li a{
	font-weight:normal;
}

#comments h3.pingheader{
	margin:80px 0 0 0;
}

#comments ol, #comments ul{
	width:980px;
	float:left;
}

#comments ol ul{
	width:900px;
	float:left;
	border-left: 1px solid #2f2f34;
	margin:15px 0 0 40px;
	padding:15px 0 0 50px
}


#comments ol ul ul{
	width:470px;
	margin:8px 0 0 30px;
}

#comments ol ul ul ul{
	width:451px;
}

#comments ol ul ul ul ul{
	width:397px;
}

#comments ol ul ul ul ul ul{
	width:344px;
}

#comments ol ul .line{
	width:30px;
	height:50px;
	position:absolute;
	border-bottom: 1px solid #2f2f34;
	margin:-10px 0 0 -50px;
}

#comments ol ul li{
	padding:17px 0px 17px 0px;
	border:none;
}

#comments ol ul .details {
	margin: 0 0 0 20px;
	float:left;
	width:800px;
}

#comments ol ul ul .details {
	width:325px;
}

#comments ol ul ul ul .details {
	width:270px;
}

#comments ol ul ul ul ul .details {
	width:240px;
}

#comments ol ul ul ul ul .details {
	width:180px;
}

#comments ol li{
	padding:0 0 30px 0;
	/*border-bottom:1px solid #e2e2e2;*/
	float:left;
}

#comments ul li{
	padding:27px 0 27px 0;
}

#comments .details {
	/*margin: 0 0 0 20px;*/
	float:left;
	width:800px;
}

#comments .details .name span.date-cmt {
	font-size:1.1em;
	color:#999;
}

#comments .details .name span.date-cmt a {
	color:#fff;
}

#comments .details .name a{
	font-size:12px;
}

#comments .details .name{
	margin:0 0 15px 0;
}
#comments .details .name span.author {
	margin-bottom: 5px;
}
#comments .details .name span.author a:hover, #comments .details .name span.date-cmt a:hover, #respond a:hover, ol.pinglist li a:hover{
	color:#2cadd5;
}

#comments .details .name span.author a, #respond a, ol.pinglist li a{
	font-weight:bold;
	color:#fff;
}

/* respond -------------- */

#respond form{
	width: 800px;
	display:block;
	float:left;
	padding: 0;
	margin-left: 20px;
}

#respond{
	float:left;
	width:100%;
	margin: 0;
	padding-top: 30px;
	border-top: 1px solid #2f2f34;
}
#page.dark  #respond h4 {
	width: 150px;
	float: left;
	display: block;
	font-size: 1.8em;
	text-align: right;
}

#respond form ul li textarea {
	width: 98%;
}



/* @end */
/* @end */

/* @group Ficha Vehiculo & Comparativa */

#ficha-vehiculo h3 {
	padding-bottom: 5px;
	border-bottom: 1px solid #c5c5c7;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#ficha-vehiculo .infoleft h3 {
	margin-top: 15px;
	margin-bottom: 0;
}
#ficha-vehiculo h3.shadow {
	border: none;
	padding-bottom: 15px;
	margin-top: 30px;
}
.infoleft .text ul {
	padding: 10px 0 0 0;
}
#ficha-vehiculo ul.bullet, #ficha-vehiculo .tab_content form {
	margin: 20px 0;
}
#ficha-vehiculo .text li, .tab_content form > ul > li {
	font-size: 1.15em;
	line-height: 1.4em;
	padding-bottom: 0;
}
 #ficha-vehiculo .tab_content form {
	font-size:0.9em;
}

#ficha-vehiculo .tab_content form h5 {
	border-bottom: 1px solid #CBE5F7;
	padding: 5px;
	background-color: #fff;
	margin-bottom: 10px;
}
#ficha-vehiculo .tab_content form > ul > li > label {
	color: #0F0F13;
	font-weight: bold;
}
#ficha-vehiculo .tab_content form ul.lista {
	clear: both;
	display: block;
	font-size: 0.9em;
}
#ficha-vehiculo .tab_content form ul.lista > li {
	margin: 0;
	padding: 0;
}
.codigo {
	float: left;
	background-color: #e0e0e0;
	color: #292936;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0 3px;
	margin-right:5px;
	display: block;
	min-width: 35px;
}
.tw-col, .tr-col {
	width: 50%;
	display: block;
	float: left;
}
.tr-col {
	width: 33%;
}

.tr-col > div > span {
	/*background: url(../images/bg-title-lista-tabs.png) no-repeat center bottom;*/
}
.tw-col > div > ul.lista, .tr-col > div > ul.lista {
	margin: 20px;
}
.tw-col > div > ul.lista > li, .tr-col > div > ul.lista > li {
	font-size: 1.13em;
	line-height: 1.6em;
}
#ficha-vehiculo .img-col {
	float: left;
	width: 280px;
	margin-right: 20px;
	padding-top: 0;
}

#ficha-vehiculo .text.col-right {
	width: 630px;
}
/*Comparativa*/

#comparativa.col-left-page {
	width: 640px;
	float: left;
}
#comparativa div.coleft-tabscontainer ul.coleft-tabs li {
	width:324px;
}

#comparativa .coleft-tab_content > div {
	min-height: 222px;
}

.lista-items-comp {
	width: 320px;
	float: left;
}

.lista-items-comp > ul > li {
	display: block;
	background-color: #e7e7e7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	khtml-border-radius:3px;
	border-radius: 3px;
	min-height: 55px;
	margin-bottom: 5px;
}

.lista-items-comp > ul > li > div {
	min-height: 45px;
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	khtml-border-radius:3px;
	border-radius: 3px;
	padding: 5px;
	position: relative;
}

.lista-items-comp > ul > li > div.info-item {
	background: #fefefe url(../images/bg-ul-tabs.png) repeat-x left bottom;
	border: 1px solid #d1d1d3;
}

.lista-items-comp > ul > li > div.info-item > div.info {
	width: 160px;
	float: left;
	left: 70px;
}

.lista-items-comp > ul > li > div.info-item > div.info > span, ul#comparacion-vehiculos .info span {
	color: #343442;
	font-size: 1.8em;
	font-weight: bold;
}

.lista-items-comp > ul > li > div.info-item > div.info > span > em, ul#comparacion-vehiculos .info em {
	color: #737373;
	display: block;
	clear: both;
	font-size:0.7em;
	font-style: normal;
	font-weight: normal;
}

.lista-items-comp > ul > li > div.info-item > div.actions {
	position: absolute;
	right: 5px;
	top: 7px;
}

.lista-items-comp > ul > li > div.info-item > div.actions li {
	margin: 0 0 0 5px;
}

.lista-items-comp div.image {
	width: 75px;
	height: 45px;
	padding: 0;
	display: block;
	background: url(../images/img-lista-comp-default.png) no-repeat center center;
}
.lista-items-comp > ul > li > div.info-item.referencia {
	border: 1px solid #2cadd5;
}

.lista-items-comp > ul > li > div.info-item.comparado {
	border: 1px solid #292936;
}
ul#comparacion-vehiculos > li > div.inner-10px {
	position: relative;
	border-right: 1px solid #cacaca;
	display: block;
}

ul#comparacion-vehiculos > li + li > div.inner-10px {
	border-right: none;
	border-left: 1px solid #fff;
}
/*ul#comparacion-vehiculos > li > div {
	float: left;
}*/
ul#comparacion-vehiculos > li > div > div.imagen {
	width: 202px;
	height: auto;
	margin-right: 10px;
	float: left;
}

ul#comparacion-vehiculos > li.referencia > div > div.imagen > span {
	font-size: 1.1em;
	color: #2cadd5;
}

ul#comparacion-vehiculos > li.referencia > div  > div.imagen > a > img {
	border: 1px solid #2cadd5;
}

ul#comparacion-vehiculos > li > div  > div.info {
	display: block;
	width: 250px;
	padding-top: 10px;
	float: left;
}

#comparacion-vehiculos > li > div  > ul.datos {
	display: block;
	float: left;
	font-size: 1.2em;
	margin-top: 15px;
}

#comparacion-vehiculos > li > div  > ul.datos > li {
	margin-bottom: 3px;
}

#comparacion-vehiculos > li > div  > ul.datos > li > span.price > strong {
	font-size: 1em;
}

ul#comparacion-vehiculos > li.comparado> div > div.imagen > span {
	font-size: 1.1em;
	color: #292936;
}

ul#comparacion-vehiculos > li.comparado > div  > div.imagen > a > img {
	border: 1px solid #292936;
}
ul.descripcion {
	text-align: right;
	margin-top:27px;
}

ul.descripcion > li {
	padding: 5px;
	margin-bottom: 2px;
}

ul.lista-comparacion {
	margin-top: 2px;
}

ul.lista-comparacion > li {
	padding: 5px;
	background-color: #f3f3f4;
	margin-bottom: 2px;
}

ul.gallery-comp > li {
	margin: 0 15px;
	text-align: center;
	background: url(../images/img-gallery-comp-default.jpg) no-repeat center center;
	width: 435px;
	height: 290px;
	border: 1px solid #c9c9c9;
}

ul.gallery-comp > li > img {
	
}

/* @group MF barras comparativa controles */
/*------------------------------------------------
-----------------|   General   |------------------
------------------------------------------------*/

#controles-barras .duo {
	margin: 10px 0;
	overflow: hidden;
}

#barras {
	width: 100%;
}

#barras h6 {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.3em;
	text-align: center;
	color: #555562;
	padding-bottom: 5px;
}

#controles-barras {
	margin: 0 0 20px 0;
}

#controles-barras .no h6 {
	color: #555562;
}

#controles-barras .no .barra div {
	background-color: #48484e;
}

#controles-barras .barra {
	width: 466px;
	height: 16px;
	background-color: #67676e;
	overflow: hidden;
}

#controles-barras .barra div {
	width: 0;
	height: 16px;
	padding: 0;
	background-color: #2cadd5;
	overflow: hidden;
	font-weight: bold;
	font-size: 14px;
	color: #333;
}

#controles-barras div.a {
	border-right: 6px solid #333;
	float: left;
}

#controles-barras div.b {
	float: right;
}

#controles-barras div.a .barra div, #controles-barras div.a .barra p {
	float: right;
	text-align: left;
}

#controles-barras div.b .barra div, #controles-barras div.b .barra p {
	float: left;
	text-align: right;
}

#controles-barras .barra p {
	padding: 0 2px 0 2px;
	margin: 0;
	font-size: 1.3em;
	font-family: Peugeot;
	font-weight: lighter;
	color: #fff;
}

#controles-barras p.resumen {
	padding: 10px 0 0 0 ;
	margin-bottom: 0 !important;
	text-align: center;
	font-family: Peugeot;
	font-weight: normal;
	font-size: 1.6em;
	text-transform: uppercase;
	color: #2cadd5;
}

#controles-barras b {
	font-size: 1.1em;
}

#controles-barras .porcentaje {
	color: #ff981f;
}

#controles-barras ul.criterios {
	width: 324px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#controles-barras ul.criterios li {
	float: left;
	margin: 0 0 0 20px;
}

#controles-barras ul.criterios a {
	display: block;
	width: 88px;
	padding: 92px 0 0 0;
	text-align: center;
	line-height: 16px;
	font-size: 1.12em;
	font-weight: bold;
	background: transparent none no-repeat 0 0;
}

#controles-barras ul.criterios a.no {
	background-position: -88px 0;
}

#controles-barras ul.criterios a.economico {
	background-image: url(../images/comparativa/economico.png);
}

#controles-barras ul.criterios a.ecologico {
	background-image: url(../images/comparativa/ecologico.png);
}

#controles-barras ul.criterios a.deportivo {
	background-image: url(../images/comparativa/deportivo.png);
}

/*------------------------------------------------
-----------------|   Técnicos   |-----------------
------------------------------------------------*/

#tecnicos td {
	width: 223px;
}

/*------------------------------------------------
-----------------|   Serie   |--------------------
------------------------------------------------*/

#serie td {
	width: 313px;
}

#serie ul {
	padding: 0 0 0 12px;
}

#serie li {
	padding: 5px 0;
	text-align: left;
	list-style: square;
}

/*------------------------------------------------
-----------------|   Opcional   |-----------------
------------------------------------------------*/

#opcional td {
	width: 313px;
}

#opcional ul {
	padding: 0 0 0 12px !important;
}

#opcional li {
	padding: 5px 0;
	text-align: left;
	list-style: square;
}



/* @end */

/* @end */


/* @end */

/* @group Icons */

.icon12 {
	width: 12px;
	height: 12px;
}
.icon16 {
	width: 16px;
	height: 16px;
}
.icon32 {
	width: 32px;
	height: 32px;
}
.icon12, .icon16, .icon32 {
	display: block;
	float: left;
	margin-right: 5px;
	font-size: 0em;
	background: url(../images/sprite_icons.png) no-repeat 0 0;
}
.icon12.right, .icon16.right, .icon32.right {
	float: right;
	margin-right: 0;
	margin-left: 5px;
}
.button .icon16 {
	margin-right: 8px;
}
/* ---- Set Icons 12 ---- */
.prev {
	background-position: 0 -20px;
}

.next {
	background-position: -12px -20px;
}
/* ---- Set Icons 16 ---- */

.pager-prev {
	width: 6px;
	background-position: -5px 0;
	margin: 0;
}

.pager-next {
	width: 6px;
	background-position: -14px 0;
	margin: 0;
}
.calendar {
	width: 18px;
	background-position: 0 -34px;
}
.model {
	width: 27px;
	background-position: -20px -34px;
}
.info {
	width: 19px;
	background-position: -130px -34px;
}
.info-news {
	background-position: -150px -34px;
}
.calendar-blue {
	width: 18px;
	background-position: -170px -34px;
}

.info-blue {
	background-position: -190px -34px;
}

.question {
	background-position: -210px -34px;
}
.zoom {
	background-position: -230px -34px;
}

.delete {
	background-position: -250px -34px;
}

.edit {
	background-position: -270px -34px;
}

.download {
	background-position: -290px -34px;
}

.delete-gray {
	background-position: -310px -34px;
}

.not-error {
	width: 18px;
	background-position: -330px -34px;
}

.print {
	background-position: -350px -34px;
}

.pdfsm {
	background-position: -370px -34px;
}

.comparar {
	width: 21px;
	background-position: -390px -34px;
}

.view-more {
	width: 27px;
	background-position: -150px -50px;
}

.comp-dark {
	width: 21px;
	background-position: -200px -50px;
}

.plus {
	background-position: -180px -50px;
}

.cambiar-car {
	width: 24px;
	background-position: -225px -50px;
}
.minus {
	background-position: -250px -50px;
}

.euro {
	background-position: -150px -64px;
}

.eco {
	width: 25px;
	background-position: -175px -64px;
}

.sport {
	width: 26px;
	background-position: -200px -64px;
}
.euro-wh, .button.solid.current .icon16.euro {
	background-position: -230px -64px;
}
.eco-wh, .button.solid.current .icon16.eco {
	width: 25px;
	background-position: -270px -64px;
}

.sport-wh, .button.solid.current .icon16.sport {
	width: 26px;
	background-position: -295px -64px;
}
/* ---- Set Icons 32 ---- */ 
.test1 {
	background-position: -20px 0;
}

.test2 {
	background-position: -60px 0;
}
.pdf {
	background-position: -140px 0;
}
.doc-ok {
	background-position: -210px 0;
}
.doc-error {
	background-position: -245px 0;
}
.doc-adv {
	background-position: -20px 0;
}
.perfil {
	background-position: -50px -34px;
}

.test1-small {
	background-position: -70px -34px;
}

.test2-small {
	background-position: -90px -34px;
}
.ok {
	background-position: -110px -34px;
}
.bl-doc {
	background-position: -280px 0;
}

.view-doc {
	background-position: -315px 0;
}
.info-big {
	width: 28px;
	background-position: -350px 0;
}
.album {
	background-position: -110px -50px;
}
.ficha {
	background-position: -380px 0;
}

/* @end */

/* @group Common Classes */
.right {
	margin: 0;
	padding: 0;
	float: right;
	position: relative;	
}
.left {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;	
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}
.upc {
	text-transform: uppercase;
}
.hide {
	display: none;
}
/* ----- Listas ----- */

ul.lista {
	overflow: hidden;
	font-size: 1.2em;
}
ul.lista>li {
	width: 97%;
	display: block;
	clear: both;
	float: left;
	padding: 5px;
}

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

ul.lista>li.highlight {
	/*width: 96%;*/
	background-color: #fff;
	position: relative;
}

li.highlight a {
	color: #328ca8;
}

li.highlight a:hover {
	color: #41b0d4;
}

ul.lista>li.last {
	margin-bottom: 0;
}
ul.lista>li>p  {
	width: 80%;
	float: left;
	font-size: 1em;
}

ul.lista>li>p>a:hover  {
	text-decoration: underline;
}
/*Lista 2 col*/
ul.two-col, ul.three-col {
	width: 100%;
	overflow: hidden;
}
ul.two-col > li {
	width: 50%;
	display: block;
	float: left;
}

ul.two-col > li > div, ul.three-col > li > div {
	float: left;
	display: inline-block;
}

/*ul.two-col > li > div, ul.three-col > li > div.right {
	float: right;
}*/

ul.two-col > li > div.text {
	width: 67%;
	padding: 0;
	overflow: hidden;
}
 ul.three-col > li {
	width: 33%;
	display: block;
	float: left;
}

ul.three-col > li > div.text {
	width: 60%;
	padding: 0;
	overflow: hidden;
}

ul.three-col > li > div.text > h5 {
	color: #292936;
}

ul.three-col > li > div.text > p {
	padding-bottom: 5px;
}
/*Lista Inline*/
ul.inline {
	overflow: hidden;
	display: block;
}
ul.inline > li {
	display: inline-block;
	float: left;
	margin-right: 10px;
}

/*Posts List */
.posts > ul.two-col > li {
	height: 130px;
	border-bottom: 1px solid #d2d2d2;
	border-top: 2px solid #f3f3f3;
	padding: 20px 0;
	overflow: hidden;
}

.posts > ul.two-col > li.nbt {
	border-top: none;
	padding: 20px 0;
}

.posts > ul.two-col > li > .text > span.date-post {
	padding: 0 0 5px 0;
	color: #328CA8;
	display: block;
	font-size: 1.3em;
	font-family: Peugeot;
	font-weight: lighter;
}

.posts > ul.two-col > li > .text > h5 {
	font-size: 1.5em;
	color: #292936;
}

/*Link List */
ul.links > li {
	display: block;
	margin-bottom: 5px;
	background: url(../images/link-arrow.png) no-repeat left center;
	padding-left: 20px;
	font-size: 1.2em;
}
/*Bullet Style*/
ul.bullet {
	overflow: hidden;
	display: block;
	margin-left: 0;
	padding-left: 20px;
}
ul.bullet > li {
	list-style-image: url(../images/li.png);
	color: #555562;
	/*line-height: 1.2em;*/
	padding-bottom: 5px;
	list-style-position: outside;
}
/*Lista Text Align Right*/
ul.ta-right > li {
	text-align: right;
}
.box-gray.dark ul li p {
	width: auto;
	float: left;
}

.box-gray {
	width: 320px;
	float: left;
	overflow: hidden;
	padding-top: 5px;
	background: url(../images/bg-box-gray.png) no-repeat left top;
}

.box-gray > div {
	display: block;
	background:#ececed url(../images/bg-box-gray-content.png) repeat-x left bottom;
	overflow: hidden;
	clear: both;
}

.box-gray > div.bottom-corners {
	width: 100%;
	height: 5px;
	display: block;
	clear: both;
	background: url(../images/bg-box-gray-bottom.png) no-repeat left top;
}
.box-gray.dark {
	background: url(../images/bg-box-gray-dark.png) no-repeat left top;
}

.box-gray.dark > div {
	background:#ffffff url(../images/bg-box-gray-content-dark.png) repeat-x left bottom;
}

.box-gray.dark > div.bottom-corners {
	background: url(../images/bg-box-gray-bottom-dark.png) no-repeat left top;
}
.box-gray h1 {
	font-weight: lighter;
	font-size: 2.1em;
	color: #2cadd5;
	display: block;
	padding: 0 0 10px 0;
	text-transform: uppercase;
}

.box-gray.dark > span.title {
	display: block;
	background: #9f9fa3 url(../images/bg-title-dark.png) repeat-x left top;
	border-bottom: 1px solid #909093;
	padding: 10px 10px 0;
	min-height: 25px;
}

.box-gray.dark > span.title > h1 {
	color: #272732;
	padding-bottom: 5px;
	font-size: 1.6em;
	/*padding-top: 0;*/
}

.box-lgray {
	background: #fefefe url(../images/bg-gray-white.png) repeat-x left bottom;
	border: 1px solid #c5c5c7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	khtml-border-radius:3px;
	border-radius: 3px;
}

/* ----- Image Boxes ----- */
.thumb-image, .image {
	float: left;
	margin-right: 10px;
	padding: 0;
}
.thumb-image > a, .image > a {
	display: inline-block;
	float: left;
}

.thumb-image > a > img, .image > a > img {
	border: 1px solid transparent;
}

.thumb-image > a:hover > img, .image > a:hover > img {
	border: 1px solid #2cadd5;
}

/* ----- Margin & Padding ----- */

.inner-5px {
	width: auto;
	padding: 5px;
	display: block;
	position: relative;
}

.inner-10px {
	width: auto;
	padding: 10px;
	display: block;
	position: relative;
}

.inner-15px {
	width: auto;
	padding: 15px;
	display: block;
}

.inner-20px {
	width: auto;
	padding: 20px;
	display: block;
	overflow: hidden;
}

.inner-40px {
	padding: 30px 40px;
}
.mr {margin-right: 10px;}
.ml {margin-left: 10px;}
.mb {margin-bottom: 10px;}
.mt {margin-top: 10px;}
.mtb {margin-top: 10px; margin-bottom: 10px;}
.mrl {margin-right: 10px; margin-left: 10px;}
.nm {margin: 0;}
.nmr {margin-right: 0;}
.nml {margin-left: 0;}
.nmb {margin-bottom: 0;}
.nmt {margin-top: 0;}
.mt20 {
	margin-top: 20px;
}
.mb20 {
	margin-bottom: 20px;
}
.mtb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.pr {padding-right: 10px;}
.pl {padding-left: 10px;}
.pb {padding-bottom: 10px;}
.pt {padding-top: 10px;}
.ptb {padding-top: 10px; padding-bottom: 10px;}
.prl {padding-right: 10px; padding-left: 10px;}
.np {padding: 0;}
.npr {padding-right: 0;}
.npl {padding-left: 0;}
.npb {padding-bottom: 0;}
.npt {padding-top: 0;}
.pt20 {
	padding-top: 20px;
}
.pb20 {
	padding-bottom: 20px;
}
.ptb20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
/* ----- Borders ----- */
.nbt, li.nbt { border-top: none;}
.brd {
	border: 1px solid #c5c5c7;
}
.black-brdb {
	border-bottom: 1px solid #000;
}
.black-brdt {
	border-top: 1px solid #000;
}

.light-brdb {
	border-bottom: 1px solid #2f2f34;
}
.light-brdt {
	border-top: 1px solid #2f2f34;
}

/* ----- Display Messages ----- */

.display-msg p {
	font-family: Peugeot;
	font-size: 1.6em;
	font-weight: lighter;
	padding-top: 12px;
}
.display-msg p b.icon32 {
	margin-top: -12px;
	margin-right: 10px;
}
.display-msg ul {
	margin: 10px 0 0 42px;
}
.display-msg ul li {
	font-size: 1.2em;
	list-style: circle;
	list-style-position: inside;
	color: #555562;
}

/* ----- Stamps (sellos) ----- */
.sello {
	width:86px;
	height: 20px;
	display: block;
	float: left;
	background: url(../images/sprite-stamps.png) no-repeat 0 0;
}
.aprobado {
	background-position: 0 0;
}
.pendiente {
	width: 81px;
	background-position: -95px 0;
}
.en-curso {
	width: 76px;
	background-position: -185px 0;
}
.finalizado {
	width: 163px;
	background-position: -265px 0;
}
.desaprobado {
	width: 109px;
	background-position: -430px 0;
}
.no-realizado {
	width: 186px;
	background-position: -430px 0;
}
.sello.right {
	float: right;
}
.show-more {
	display: none;
}

/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content{
	border-color: #000;
	background-color: #272732;
	color: #fff;
}

	.ui-tooltip-default .ui-tooltip-titlebar{
		background-color: #272732;
	}

.wide {
	width: 100%;
	clear: both;
	overflow: hidden;
	display: block;
}
.bg-gray {
	background-color: #e8e8e8;
}
.rc {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	khtml-border-radius:3px;
	border-radius: 3px;
}
.progress-bar {
	width: 100%;
	height: 5px;
	display: block;
}

.progress-bar > ul {
	width: 95%;
	height: 5px;
	display: block;
	background-color: #67676e;
	margin: 8px 0;
	float: left;
}

.progress-bar > ul > li {
	height: 5px;
	display: block;
	background-color: #2aa4ca;
	float: left;
}
.progress-bar .cancel {
	float: right;
	width: 3%;
	display: block;
	margin-top: 3px;
}
.progress-bar .cancel .icon16 {
	margin: 0;
}
div.progress-bar.pub-foto {
	float: right;
	width: 80%;
}
ul.error_list li
{
  color: #d33;
}

.comentario_correcto{
    color: white;
    font-weight: bold;
}

.mini_noticia{
    overflow: hidden;
    height: 110px;
}
/* @end */