/*
Theme Name: goapr
Theme URI: http://goapr.es/
Version: 1.0
*/

@import url('reset.css');

body {
	background-color: #000000;
	font-size: 62.5%;
	font-family: arial,helvetica,clean,sans-serif;
	line-height: 18px;
}

body.archive {
	background: url('images/bumpersbg.jpg') no-repeat top left #000000;
}

body.ayuda {
	background: url('images/ayuda.jpg') no-repeat top left #000000;
}

body.compania {
	background: url('images/compania.jpg') no-repeat top left #000000;
}

body.contacto {
	background: url('images/ayuda.jpg') no-repeat top left #000000;
}

body.distribuidores {
	background: url('images/distribuidores.jpg') no-repeat top left #000000;
}

body.frenado {
	background: url('images/frenado.jpg') no-repeat top left #000000;
}

body.home {
	background: url('images/apr.jpg') no-repeat top left #000000;
}

body.media {
	background: url('images/media.jpg') no-repeat top left #000000;
}

body.servicios {
	background: url('images/servicios.jpg') no-repeat top left #000000;
}

body.stage1 {
	background: url('images/stage1.jpg') no-repeat top left #000000;
}

body.stage2 {
	background: url('images/stage2.jpg') no-repeat top left #000000;
}

#body {
	background: url('images/mainbox.png') repeat-x scroll left top transparent;
	color: #e6e6e6;
	font-size: 1.3em;
	margin: 0 18px 18px;
	-moz-border-radius: 10px 10px 10px 10px;
	width: 914px;
}

#body a:link, #body a:active, #body a:visited {
	color: #eeeeee;
	font-weight: bold;
	text-shadow: 2px 2px 2px #000000;
}

#body a:hover {
	background: none repeat scroll 0 0 #FF0000;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
	text-shadow: 2px 2px 2px #000000;
}

#body h1 {
	background: url('images/mainboxdetail.png') no-repeat scroll 597px 9px transparent;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	margin-bottom: 18px;
	padding-right: 18px;
	text-shadow: 2px 2px 2px #000000;
	width: 878px;
}

#body h2 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 18px;
	text-shadow: 2px 2px 2px #000000;
}

#body img {
	margin-bottom: 18px;
	-moz-border-radius: 5px 5px 5px 5px;
}

#body .mainbox {
	min-height: 400px;
}

#body p {
	margin-bottom: 18px;
}

#body ul {
	margin-bottom: 18px;	
}

#body li {
	list-style: disc outside url('images/bullet.gif');
	margin-left: 18px;
}

#body table {
	border-collapse: colapse;
	margin-bottom: 18px;
	width: 100%;
}

#body table caption {
	background: url('images/tablecaption.gif') no-repeat scroll right bottom transparent;
	font-size: 18px;
	font-weight: bold;
	padding: 3px;
}

#body table tbody {
	display: table-row-group;
	vertical-align: middle;
}

#body table tbody tr td {
	padding: 3px;
}

#body table tfoot {
	display: table-footer-group;
	vertical-align: middle;
}

#body table tfoot tr td {
	font-size: 10px;
	font-style: italic;
}

#body table thead {
	display: table-header-group;
	vertical-align: middle;
}

#body table thead tr {
	background-color: #303030;
	display: table-row;
	vertical-align: inherit;
}

#body table thead tr th {
	font-weight: bold;
	padding: 3px;
	text-shadow: 2px 2px 2px #000000;
}

.bunny, .post h3 {
	background: url('images/bunnybar.gif') no-repeat scroll right bottom transparent;
	padding: 3px 0;
	text-align: left;
}

.car {
	float: left;
	width: 217px;
}

.car img {
	margin-bottom: 0px;
	padding: 0pt 9px;
}

.car p {
	display: block;
	text-align: center;
}

.circuit, .post h2 {
	background: url('images/tablecaption.gif') no-repeat scroll right bottom transparent;
	padding: 3px 0;
	text-align: left;
}

.clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.col-1 {
	float: left;
	margin-right: 19px;
	width: 316px;
}
	
.col-2 {
	float: left;
}

.content-box-sub a {
	margin-right: 10px;
}

.direccion {
	display: block;
	font-weight: bold;
	margin-top: 20px;
}

#footer {
	background: url('images/footer.gif') no-repeat scroll left top #450505;
	border-top: 1px solid #FFFFFF;
	color: #ffffff;
	padding: 18px;
	
}

#footer-wrapper {
	font-size: 1.2em;
	min-height: 165px;
	width: 914px;
}

#footer-wrapper h1 a {
	background: url('images/aprlogosmall.png') no-repeat scroll 0 0 transparent;
	display: block;
	height: 36px;
	width: 117px;
}

.h2-hover {
	background-color: red;
}


#head {
	background: url('images/topbar.png') repeat scroll left top transparent;
	border-bottom: 1px solid #000000;
	border-top: 9px solid #2D0000;
	height: 89px;
	margin-bottom: 297px;
}

#head #cart a {
	background: url('images/cart.png') no-repeat scroll 0 0 transparent;
	display: block;
	height: 18px;
	left: 869px;
	position: absolute;
	top: 54px;
	width: 18px;
}

#head #cart a:hover {
	background: url('images/cart.png') no-repeat scroll 0 -18px transparent;
}

.highlight {
	color:#FF0000;
	font-weight:bold;
}

img.alignleft {
	display: inline;
	float: left;
	margin: 1em 2em 0 1em; 
	padding: 4px;  
}

img.alignright {
	display: inline;
	float: right;
	margin: 1em 0 2em 1em; 
	padding: 4px;  
}

.left {
	float: left;
	margin-left: 0;
	width: 66%;
}

.left-2 {
	float: left;
	width: 24%;
}

.left-3 {
	float: left;
	width: 49%;
}

.legal {
	color: #B30000;
	display: block;
}

.mainwrapper {
	padding: 0 18px;
}

#menu  {
	height: 18px;
	left: 353px;
	position: absolute;
	top: 27px;
	width: 797px;
}

#menu li {
	float: left;
	margin-right: 18px;
}

#menu li a {
	display: block;
	height: 20px;
}

#menu li#ayuda a {
	background: url('images/menu.png') no-repeat scroll -395px -6px transparent;
	width: 76px;
}

#menu li#ayuda a:hover {
	background: url('images/menu.png') no-repeat scroll -395px -30px transparent;
	width: 76px;
}

#menu li#company a {
	background: url('images/menu.png') no-repeat scroll 0 -6px transparent;
	width: 76px;
}

#menu li#company a:hover {
	background: url('images/menu.png') no-repeat scroll 0 -30px transparent;
	width: 76px;
}

#menu li#distribuidores a {
	background: url('images/menu.png') no-repeat scroll -235px -6px transparent;
	width: 116px;
}

#menu li#distribuidores a:hover {
	background: url('images/menu.png') no-repeat scroll -235px -30px transparent;
	width: 116px;
}

#menu li#media a {
	background: url('images/menu.png') no-repeat scroll -351px -6px transparent;
	width: 45px;
}

#menu li#media a:hover {
	background: url('images/menu.png') no-repeat scroll -351px -30px transparent;
	width: 45px;
}

#menu li#productos a {
	background: url('images/menu.png') no-repeat scroll -76px -6px transparent;
	width: 84px;
}

#menu li#productos a:hover {
	background: url('images/menu.png') no-repeat scroll -76px -30px transparent;
	width: 84px;
}

#menu li#servicios a {
	background: url('images/menu.png') no-repeat scroll -160px -6px transparent;
	width: 75px;
}

#menu li#servicios a:hover {
	background: url('images/menu.png') no-repeat scroll -160px -30px transparent;
	width: 75px;
}

#menu2 {
	height: 18px;
	left: 491px;
	position: absolute;
	top: 52px;
	width: 319px;
}

#menu2 li a {
	display: block;
	height: 11px;
}
		

#menu2 li#noticias a {
	background: url('images/menu2.png') no-repeat scroll 0 0 transparent;
	width: 44px;
}

#menu2 li#noticias a:hover {
	background: url('images/menu2.png') no-repeat scroll 0 -12px transparent;
	width: 44px;
}

#menu2 li#contacto a {
	background: url('images/menu2.png') no-repeat scroll -44px 0 transparent;
	width: 52px;
}

#menu2 li#contacto a:hover {
	background: url('images/menu2.png') no-repeat scroll -44px -12px transparent;
	width: 52px;
}

.odd {
	background-color: #4B4B4B;
}

p {
	text-align: justify;
}

p.finger {
	background: url('images/lfinger.gif') no-repeat scroll left bottom transparent;
	font-size: 24px;
	font-weight: bold;
	padding-left: 140px;
	padding-top: 54px;
}

.right {
	float: right;
	margin-left: 1.99%;
	width: 32%;
}

.right-2 {
	float: right;
	width: 74.2%;
}

.right-3 {
	float: right;
	width: 48%
}

.search-button {
	display: block;
	left: 810px;
	position: absolute;
	top: 60px;
}

.search-field {
	-moz-border-radius: 5px 5px 5px 5px;
	border: 1px solid #2d0000;
	color: #666666;
	display: block;
	font-style: italic;
	left: 610px;
	margin: 0 18px;
	position: absolute;
	top: 60px;
	width: 164px;
}

#submenu {
	position: absolute;
	top: 6px;
}

#submenu li {
	float: left;
	height: 18px;
	margin-right: 18px;
	padding-top: 6px;
}

#topbar {
	background: url('images/topbarimg.png') no-repeat scroll left top transparent;
	height: 89px;
	position: absolute;
	top: 9px;
	width: 100%
}

#topbar h1 a {
	background: url('images/aprlogo.gif');
	display: block;
	height: 72px;
	margin: 9px 0 0 18px;
	width: 234px;
}

.video {
	display: inline;
	padding: 0 10px 20px 5px;
}

.wpcf7-mail-sent-ok {
	background-color: #4B4B4B;
	border: none;
}