/*  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.1.2 Social
		2.1.3 Navigation
	2.2 Showcase
		2.2.1 Slider
		2.2.2 Caption
	2.3 Container
		2.3.1 Sub Nav
		2.3.2 Accordion
		2.3.3 Clients
	2.4 Footer

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

/*-------------------------------------------------------------------------------------------*/
/* 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;
}
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:Helvetica, Arial, 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:Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#231f20;
}
.box {
	width:980px;
	margin:0 auto;
}

/* 2.1 Header */
.header{
	height:86px;
	padding-top:75px;
}
/* 2.1.1 Logo */
.logo{
	width:300px;
	float:left;
	margin-left:25px;
	padding-top: 13px;
}
.header-right{
	width:600px;
	padding-right:50px;
	float:right;
}
.language{
	width:99px;
	padding-top:3px;
	float:right;
}
.language ul{
	float:right;
}
.language li{
	float:left;
	display:block;
}
.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;
	margin-left:20px;
}
.language li .uk:hover,
.language li.active .uk {
	background-position:right bottom;
}
/* 2.1.2 Social */
.social{
	float:right;
}
.social li{
	float:left;
}
.social li a{
	background:url(../images/sprite_social.png) no-repeat left top;
	width:17px;
	height:17px;
	display:block;
	text-indent:-9999px;
}
.social li.facebook a{
	background-position:left top;
}
.social li.facebook a:hover{
	background-position:left -18px;
}
.social li.twitter a{
	background-position:right top;
	width:21px;
	height:18px;
	margin-left:25px;
}
.social li.twitter a:hover{
	background-position:right -18px;
}

/* 2.1.3 Navigation */
.navigation{
	padding-top:18px;
	float:right;
}
.navigation li{
	font-size:15px;
	line-height:18px;
	margin-left:30px;
	float:left;
}
.navigation li a{
	color:#1a3d6c;
}
.navigation li a:hover,
.navigation li.active a {
	color:#999;
}

/* 2.2 Showcase */
.showcase{
	width:100%;
	height:233px;
}
/* 2.2.1 Slider */
.showcase .slider{
	width:100%;
	height:233px;
}
.showcase .slider li{
	float:left;
	height:233px;
}
.showcase .slider img{
	float:right;
}
/* 2.2.2 Caption */
.showcase .slider .caption{
	background:url(../images/bg_caption.png) no-repeat left top;
	width:324px;
	height:233px;
	padding-left:26px;
	margin-right:-35px;
	color:#fff;
	float:left;
	position:relative;
	z-index:2;
}
.showcase .slider .caption.bg{
	background:url(../images/bg_caption2.png) no-repeat left top;
}
.showcase .caption h3{
	font-size:25px;
	font-weight:normal;
	line-height:26px;
	padding:33px 0 17px 0;
}
.showcase .caption h3 span{
	display:block;
}
.showcase .caption p{
	font-size:12px;
	line-height:18px;
	padding:0 30px 18px 0;
}
.showcase .caption a{
	font-size:18px;
	color:#fff;
}
.showcase .caption a:hover{
	color:#ddd;
}

/* 2.3 Container */
.container{
	padding:5px 0 48px 0;
}
/* 2.3.1 Sub Nav */
.sub-nav {
	float:left;
	margin-bottom:63px;
}
.sub-nav li{
	width:135px;
	font-size:15px;
	font-weight:700;
	float:left;
	margin-left:5px;
}
.sub-nav li:first-child{
	width:138px;
	margin-left:0px;
}
.sub-nav li a{
	background:#1a3d6c;
	height:56px;
	padding:9px 0 0 13px;
	line-height:17px;
	color:#e4ecf4;
	display:block;
	box-shadow:rgba(0, 0, 0, 0.40) 0px 2px 3px;
	behavior:url(PIE.htc);
	position:relative;
}
.sub-nav li a span{
	display:block;
}
.sub-nav li a:hover,
.sub-nav li.active a {
	background:#a7a9ac;
	box-shadow:none;
}



/* 2.3.1 Sub Nav */
.sub-nav2 {
	float:left;
	margin-bottom:63px;
}
.sub-nav2 li{
	width:135px;
	font-size:15px;
	font-weight:700;
	float:left;
	margin-left:5px;
}
.sub-nav2 li:first-child{
	width:138px;
	margin-left:0px;
}
.sub-nav2 li a{
	background:#186433;
	height:56px;
	padding:9px 0 0 13px;
	line-height:17px;
	color:#e4ecf4;
	display:block;
	box-shadow:rgba(0, 0, 0, 0.40) 0px 2px 3px;
	behavior:url(PIE.htc);
	position:relative;
}
.sub-nav2 li a span{
	display:block;
}
.sub-nav2 li a:hover,
.sub-nav2 li.active a {
	background:#a7a9ac;
	box-shadow:none;
}




.leftcol{
	width:463px;
	margin: 0 189px 0 26px;
	float:left;
}
.rightcol{
	width: 277px;
	float:right;
}

/* 2.3.2 Entry */
.entry h3{
	font-size:35px;
	color:#333;
	line-height:38px;
	padding-bottom:36px;
}
.entry p{
	font-size:15px;
	color:#231f20;
	line-height:18px;
	padding-bottom:14px;
}
.entry .links {
	padding-top:37px;
}
.entry .links li{
	font-size:35px;
	line-height:38px;
	font-weight:bold;
	margin-bottom:44px;
}
.entry .links a{
	color:#1a3d6c;
}
.entry .links a:hover{
	color:#0d2e5b;
}
.entry ul {
	line-height:150%;
}
/*.entry li {
	padding-left:20px;
}*/




/* 2.3.2 Accordion */
.accordion{
	width:100%;
	float:left;
}
.accordion-tab{
	height:52px;
	/*line-height:52px;*/
	font-size:35px;
	color:#1a3d6c;
	padding:11px 0;
	font-weight:bold;
	cursor:pointer;
	display:block;
}
.accordion-tab.active{
	color:#333;
}
.accordion-content{
	float:left;
	padding:8px 0 16px 0px; 
	display:none;
}
.accordion-content p{
	font-size:15px;
	color:#231f20;
	line-height:17px;
	padding-bottom:17px;
}
/* 2.3.3 Clients */
.clients{
	width:210px;
	padding-top:23px;
}
.clients li{
	text-align:center;
	margin-bottom:62px;
}
.clients li.petromovil{
	text-align:left;
	margin-left:2px;
	margin-bottom:58px;
}

/* 2.4 Footer */
.footer{
	border-top:1px solid #c4c1c0;
	padding:14px 0 50px 0;
}
.footer-logos{
	width:570px;
	padding-right:72px;
	float:right;
}
.footer-logos ul{
	float:right;
}
.footer-logos li{
	float:left;
}
.footer-logos li:first-child{
	margin:28px 50px 0 0;
}
.footer .address{
	font-size:15px;
	color:#444;
	line-height:25px;
	padding:6px 0 3px 26px;
}
.footer .address span{
	display:block;
}
.footer .mail{
	font-size:15px;
	color:#1a3d6c;
	padding-left:26px;
}
.footer .mail:hover{
	text-decoration:underline;
}




a.link_desplegable {
	color:#1a3d6c;
	text-decoration:none;
}
a.link_desplegable:hover {
	color:#999;
	text-decoration:none;
}
a.link_desplegable_activo {
	color:#999;
	text-decoration:none;
}




/*C O N T A C T O*/


#formulario {
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#666;*/
	line-height:140%;
	width: 375px;
float: left;
/*margin-left: 30px;*/
/*margin-top: -90px;
margin-left: 190px;*/
}
#formulario a.enviar{
	color:#fff;
	background-color:#1a3d6c;
	text-decoration:none;
	cursor:pointer;
	float:right;
	width:287px;
	height:40px;
	line-height: 40px;
	text-align: center;
	padding-right: 10px;
	margin-top:5px;
}
#formulario a:hover.enviar {
	color:#fff;
	background-color:#112745;
}
#formulario input {
	width:290px;
	height:30px;
	border:solid #ccc 1px;
	padding-left:5px;
	float:right;
	margin-bottom:5px;
}
#formulario .captcha {
	margin-bottom:5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #FFF;
}
#formulario textarea {
	width:288px;
	height:96px;
	border:solid #ccc 1px;
	padding-left:5px;
	padding-top:10px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	resize: none;
}
	
#formulario textarea:focus, #formulario select:focus, #formulario input:focus {
	background-color:#ededed;
}

#formulario .dato {
	float:left;
	padding-top:10px;

	}
	
#formulario .error2 {
	color: #B90000;
	float:right;
	margin-top:15px;
} 
#formulario .error3 {
	float:right;
	margin-bottom:5px;
	color: #B90000;
} 

/* PARA EL MENSAJE DE ERROR*/
#formulario div.error {
	color: red;
}

#formulario label.error {
	float:right;
	margin-bottom:5px;
	color: #B90000;
}

#formulario input.error {
	border: 1px solid #ff7f7f;
}   

#formulario select.error {
	border: 1px solid #ff7f7f;
}    

#formulario textarea.error {
	border: 1px solid #ff7f7f;
} 

a.sodio {
	width: 25px;
	height: 7px;
	background-image: url('http://www.sodio.com.uy/sodio.png');
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: right;
margin-top: 30px;
margin-right: 127px;
margin-bottom:50px;
}
:hover.sodio , a:active.sodio   {
	background-position: left bottom  ;
	}
	
	
	
	a.sodio {
	width: 25px;
	height: 7px;
	background-image: url('http://www.sodio.com.uy/sodio.png');
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: right;
	/*margin-top:30px;*/
	margin-right:80px;
	margin-bottom:20px;
}
:hover.sodio , a:active.sodio   {
	background-position: left bottom  ;
	}
	
/* PARA EL BUSCAR */
#boton_buscar {
	color:#fff;
	background-color:#1a3d6c;
	text-decoration:none;
	cursor:pointer;
	width:80px;
	height:33px;
	border:none;
}

#boton_buscar:hover {
	color:#fff;
	background-color:#112745;
}

#buscar {
	width:200px;
	height:30px;
	border:solid #ccc 1px;
	padding-left: 5px;
/*	margin-right:5px;*/
	font-size: 15px;
}