/*  CSS definations for Petromovil  */
/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP
	1.1 Defaults
	1.2 Common Tages

2. SITE STRUCTURE & APPEARANCE
	2.1 Header
		2.1.1 Logo
	2.2 Container
		2.2.1 Accordion
		2.2.2 Navigation
		2.2.3 Language
		2.2.4 Social
	2.3 Footer
		2.3.1 Clients

-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* 0. 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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	line-height: 150%;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{
	outline:none;
}

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
h1, h2, h3, h4, h5, h6, strong {
	font-weight:bold;
}
i, em { 
	font-style:italic; 
}
.left {
	float:left;
}
.right {
	float:right;
}
.alignleft{
	text-align:left;	
}
.alignright{
	text-align:right;	
}
.aligncenter{
	text-align:center;	
}
.clear  {
	clear:both;
	line-height:1px;
	height:1px;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: '';
}
.clearfix:after {
	clear: both;
}
textarea{
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
}
a { 
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#000;
}
address {
	font-style:normal;
}



/* 1.2 Common Tages */

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
body {
	background:url(../images/bg_body.png) repeat-x left top #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#231f20;
}
.box {
	width:318px;
	margin:0 auto;
}

/* 2.1 Header */
.header{
	width:100%;
	padding:54px 0 48px 0;
	text-align:center;
}
/* 2.1.1 Logo */
.logo{
	width:240px;
	height:52px;
	margin:0 auto;
}

/* 2.2 Container */
.container{
	padding-bottom:60px;
}
/* 2.2.1 Accordion */
.accordion-group{
	width:100%;
	margin-bottom:38px;
}
.accordion{
	margin-bottom:8px;
}
.accordion-tab{
	background:#1a3d6c;
	height:36px;
	line-height:36px;
	font-size:17px;
	color:#fff;
	padding-left:29px;
	cursor:pointer;
	box-shadow:rgba(0, 0, 0, 0.40) 0px 2px 3px;
	behavior:url(PIE.htc);
	position:relative;
}
.accordion-tab.active {
	background:#a7a9ab;
}
.accordion-content {
	padding-bottom:41px; 
	display:none;
}
.accordion-content .txtb{
	padding:26px 20px 0 28px;
}
.accordion-content .txtb img{
	margin-left:6px;
}
.accordion-content .txtb h3{
	font-size:20px;
	color:#333;
	line-height:22px;
	font-weight:normal;
	padding:27px 0 19px 0;
}
.accordion-content .txtb p{
	font-size:12px;
	color:#231f20;
	line-height:20px;
	padding-bottom:15px;
}
/* 2.2.2 Navigation */
.navigation{
	width:100%;
	float:left;
	text-align:center;
	margin-bottom:52px;
}
.navigation li{
	font-size:15px;
	line-height:21px;
	padding:0 17px;
	display:inline-block;
}
.navigation li a{
	color:#1a3d6c;
}
.navigation li a:hover,
.navigation li.active a {
	color:#999;
}
/* 2.2.3 Language */
.language{
	width:100px;
	float:right;
	margin:3px 28px 0 0;
}
.language ul{
	float:right;
}
.language li{
	float:left;
	margin-left:20px;
}
.language li a{
	background:url(../images/bg_language.png) no-repeat left top;
	width:24px;
	height:12px;
	display:block;
	text-indent:-9999px;
}
.language li .spain{
	background-position:left top;
}
.language li .spain:hover,
.language li.active .spain {
	background-position:left bottom;
}
.language li .uk{
	background-position:right top;
}
.language li .uk:hover,
.language li.active .uk {
	background-position:right bottom;
}
/* 2.2.4 Social */
.social{
	float:left;
}
.social li{
	float:left;
	margin:0 12px;
}
.social li:first-child{
	margin-left:29px;
}
.social li a{
	background:url(../images/sprite_social.png) no-repeat left top;
	width:16px;
	height:17px;
	display:block;
	text-indent:-9999px;
}
.social li.facebook a{
	background-position:left top;
}
.social li.facebook a:hover{
	background-position:left bottom;
}
.social li.twitter a{
	background-position:-16px top;
	width:22px;
}
.social li.twitter a:hover{
	background-position:-16px bottom;
}
.social li.mail a{
	background-position:-38px top;
	width:25px;
}
.social li.mail a:hover{
	background-position:-38px bottom;
}

/* 2.3 Footer */
.footer{
	border-top:1px solid #b8b8b8;
	padding:47px 0 30px 0;
	font-size:15px;
	color:#231f20;
	line-height:23px;
}
.footer .footer-in{
	padding-left:28px;
}
.footer .row{
	width:100%;
	float:left;
}
.footer .row .td1{
	width:63px;
	float:left;
}
.footer .row .td2{
	width:150px;
	color:#1a3d6c;
	float:left;
}
.footer .row .td2 span{
	display:block;
}
.mail{
	color:#1a3d6c;
}
.mail samp{
	font-size:12px;
	position:relative;
	top:-2px;
}
.mail:hover{
	color:#999;
}
/* 2.3.1 Clients */
.clients{
	width:100%;
	float:left;
	padding:47px 0;
}
.clients li{
	float:left;
	margin-left:22px;
}
.clients li:first-child{
	margin-left:25px;
}
