@media all {

	body {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		background: #ddd;
	}

	a {
		color: #fe7500;
		text-decoration: none;
	}

	a:hover {
		color: #CA5B00;
		text-decoration: underline;
	}


	h1 {
		color: #aaa;
		font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 3em;
		line-height: 1em;
		margin: 0px 0px 20px 0px;
	}

	h2 {
		color: #333; /* #4D88B9; */
		font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 1.7em;
		line-height: 1.2em;
		margin: 20px 0px 10px 0px;
	}

	h3 {
		color: #555555;
		font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 1.5em;
		line-height: 1.2em;
		margin: 10px 0px 5px 0px;
	}

	blockquote {
		padding: 10px 20px;
		background: #eef;
		font-style: italic;
		color: #333;
	}

	p, li {
		line-height: 1.5em;
		color: #666;
	}

	ol, ul {
		padding: 0px 0px 0px 30px;
		margin: 0px 0px 10px 0px;
	}

	ol {
		list-style-type: decimal;
	}

	ul {
		list-style-type: circle;
	}

	strong {
		color: #333;
	}

	#upper-container {
		background: #313131 url(../img/bgsup1.jpg) repeat-x top center;
	}

	#head {
		position: relative;
		padding: 10px 0px 0px 0px;
		background: transparent url(../img/bgsup2.jpg) no-repeat bottom center;
		height: 89px;
	}

	#head a {
		color: white;
		border: 0px;
	}

	#head a:hover {
		text-decoration: underline;
	}

	#head .logo {
		font-size: 1.8em;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #888;
		line-height: 3em;
	}

	#head .logo a {
		display: block;
		width: 166px;
		height: 67px;
		background: transparent url(../img/logo-vexlan-top.jpg) top left;
		text-indent: -3000px;
		float: left;
		position: relative;
		left: -10px;
	}

	#head .navi ul {
		float: right;
		padding: 25px 0px 0px 0px;
	}

	#head .navi li {
		display: inline;
		padding: 0px 0px 0px 80px;
	}


	#caption {
		background: transparent;
		padding: 0px 0px 0px;
		position: relative;
	}

	#caption h1 {
		color: #fe7500;
		font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 3em;
		line-height: 1em;
		margin: 0px 0px 0px 0px;

		width: 940px;
		height: 50px;
		background: transparent url(../img/captionh1.gif) no-repeat top left;
		text-indent: -3000px;
	}

	#caption h2 {
		margin: 0px;
		color: #bbb;
		font-size: 1em;
		font-weight: normal;

		width: 220px;
		height: 22px;
		background: transparent url(../img/captionh2.gif) no-repeat top left;
		text-indent: -3000px;
	}

	#caption p {
		color: #eee;
		font-size: 1.4em;
		line-height: 1.4em;
		padding-right: 550px;
		margin: 34px 0px;
	}

	#caption p strong {
		color: #fa0;
	}

	#caption .whitepaper {
		background: transparent url(../img/bgwhitepaper.jpg) no-repeat 102% bottom;
	}

	#middle-container {
		padding: 30px 0px;
		background: white;
	}

	#middle-container ul {
		padding: 0px;
		list-style-type: none;
	}

	#middle-container li {
		margin: 15px 0px;
		padding: 0px 0px 0px 30px;
	}

	#middle-container li.item1 {
		background: url(../img/icon/heart_break.png) no-repeat 5px 2px;
	}

	#middle-container li.item2 {
		background: url(../img/icon/crown.png) no-repeat 5px 2px;
	}

	#middle-container li.item3 {
		background: url(../img/icon/trophy.png) no-repeat 5px 2px;
	}

	#middle-container li.item4 {
		background: url(../img/icon/wand.png) no-repeat 5px 2px;
	}


	.blog-caption {
		background-color: #e7722b; /* #51595f; */
		background-image: url(../img/sticky_note_pin.png);
		background-repeat: no-repeat;
		background-position: 5% 50%;
		padding: 20px;
		margin-top: 40px;

	}

	.blog-caption p {
		margin: 0px;
		color: white;
		padding-left: 20px;
	}

	.blog-caption p a {
		color: white;
		text-decoration: underline;
	}

	.blog-caption p a:hover {
		text-decoration: none;
	}

	.sep {
		height: 290px;
		background: url(../img/middle-sep.gif) no-repeat top center;
	}


	/* --- Showroom, espacio para el reel de contenidos -------------------- */

	#showroom {
		height: 290px;
		background: white;
		overflow: hidden;
		position: relative;
	}


	/* --- Formulario de envío de datos para Whitepaper -------------------- */

	#formulario {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	#formulario h1 {
		font-size: 2em;
		color: #fa0;
		margin-bottom: 10px;
	}

	#formulario form {
		margin-top: 5px;
	}

	#formulario .campo {
		padding: 5px;
		margin: 0px 0px 0px 0px;
	}

	#formulario .campo label {
		display: block;
		color: black;
		font-size: 1.4em;
		margin: 0px 0px 5px 0px;
	}

	#formulario .error label {
		color: red;
	}

	#formulario .campo label em {
		font-size: 0.6em;
		color: #888;
	}

	#formulario .campo input.text {
		border: 0px;
		background: #eee url(../img/inputbg.gif) no-repeat top left;
		width: 430px;
		height: 24px;
		padding: 6px;

		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 1.5em;
		color: #888;
	}

	#formulario .privacidad {
		padding: 0px 5px;
		margin: 0px;
		color: #888;
	}

	#formulario .privacidad .error {
		color: red;
		font-weight: bold;
	}

	#formulario .privacidad input {
		vertical-align: text-top;
	}

	#formulario .error input.text {
		background-color: #F4E3E1;
	}

	#formulario .campo input.hover {
		background-color: #E1E6F4;
	}

	#formulario .campo input.glow {
		background-image: url(../img/inputbg-glow.gif);
	}

	#formulario #formsend {
		display: block;
		background: url(../img/btnsend.gif) no-repeat top left;
		width: 196px;
		height: 40px;
		cursor: pointer;
		border: 0px;
		text-indent: -3000px;

		float: right;
		margin-right: 20px;
		padding: 5px;
	}

	#formulario #formsend.hover {
		background-position: bottom;
	}

	#formulario #formsend.disabled {
		background-position: center;
		cursor: wait;
	}

	#formulario fieldset.submit {
		margin-top: 10px;
		position: relative;
	}

	#formulario fieldset.submit abbr {
		line-height: 40px;
		color: #aaa;
		font-size: 1em;
	}



	#errores {
		background: #F4E3E1;
		padding: 20px;
		position: absolute;
		top: 0px;
		left: 0px;
	}

	#errores h1 {
		font-size: 2em;
		color: #f60;
		margin-bottom: 10px;
	}

	#errores .linkback {
		margin-top: 20px;
	}



	#gracias {
		position: absolute;
		top: 0px;
		left: 0px;
		visibility: hidden;
	}

	#gracias h1 {
		font-size: 2em;
		color: #fa0;
		margin-bottom: 10px;
	}

	#gracias p {
		margin-bottom: 10px;
	}




	#formulario fieldset.submit #activity {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 180px;
		padding: 10px 20px;
		line-height: 20px;
		background: #eee;
		visibility: hidden;
	}

	#formulario fieldset.submit #activity img {
		vertical-align: text-bottom;
	}




	#avisos {
		position: absolute;
		top: 0px;
		left: 0px;
	}



	/* --- Región de publicidad de Vexlan ---------------------------------- */

	#middle-container .ad {
		padding: 20px 20px 60px 20px;
		background: #ffe6d1 url(../img/adbottom.gif) no-repeat bottom center;
		margin-top: 30px;
	}

	#middle-container .ad p {
		color: #333;
		margin-bottom: 20px;
	}

	#middle-container .ad p strong {
		color: black;
		font-size: 1.3em;
	}

	#middle-container .ad ul {
		padding: 0px;
		margin: 0px;
		height: 32px;
	}

	#middle-container .ad li {
		margin: 0px;
		padding: 0px 0px 0px 40px;
		width: 240px;
		float: left;
		font-size: 2em;
		font-weight: bold;
		line-height: 32px;
		color: #666;
	}


	#middle-container .ad li.item1 {
		background: url(../img/icon1.gif) no-repeat left center;
	}

	#middle-container .ad li.item2 {
		background: url(../img/icon2.gif) no-repeat left center;
		width: 280px;
	}

	#middle-container .ad li.item3 {
		background: url(../img/icon3.gif) no-repeat left center;
		width: 200px;
	}










	#lower-container {
		background: #ddd url(../img/bgfoot1.jpg) repeat-x top center;
	}

	#lower-container #footer {
		background: transparent url(../img/bgfoot2.jpg) no-repeat top center;
		padding: 20px 0px 80px;
	}

	#footer p {
		color: #444;
		font-size: 0.9em;
	}

	#footer a {
		padding: 0px 0px 0px 30px;
		color: #444;
	}


}