/* Estilos asociados a la skin en general */
@charset "utf-8";
/* CSS Document */

/************************************************************************************************
*****************CUANDO SE HAGA EL REDISEÑO PARA TODA LA WEB PASAR TODO ESTO A LA SKIN***********
*************************************************************************************************/

/*RESET*/

html{overflow-y:scroll;}

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;
	vertical-align: baseline;
    list-style:none
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}

/*font-face*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 8, 2012 */

/*Fin @ fontace*/

body{
	font-family:Arial, Helvetica, sans-serif;
	line-height:1em;
	/*background: #373737;*/
	color:#222;
	}

h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif; font-weight:normal; line-height:1em; /*text-transform:uppercase;*/}
h1{font-size:32px;}
h2{font-size:16px; color:#114996;}
h3{font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#114996;}
h4{font-size:14px; color:#D4E4EF;}

a{color:#2876B0; text-decoration:none;}
a:hover{color:#b7b7b7;}
a img{border:none;}

p{
	font-size:14px;
	line-height:1.2em;
	margin-top:10px;
}

	p:first-child{margin-top:0;}
	
strong{font-weight:bold;}


/**LAYOUT GENERAL**/


.BannerPane {
    margin: 0 auto;
    width: 943px;
    position: relative;
    text-align: left;
    min-height: 100px;
    max-height: 148px;
    overflow: hidden;
}

.prefooter-col, .prefooter-col-doble {
    float: left;
    padding: 10px;
    min-height: 132px;
}

.prefooter-col {width: 286px}

    .prefooter-col a {
        padding: 15px;
        margin-bottom: 22px;
        cursor: pointer;
    }
	.prefooter-col a:hover{text-decoration:none}

        .prefooter-col a span.orange {
            display: block;
            color: #ff5400;
            padding-left: 0;
            margin-bottom: 5px;
            font-weight: bold;
        }	

	.prefooter-col-doble{width:605px}

	#distribuidores{
	    background:url("/portals/0/Skins/SoleDiesel/Images/banner1.png") no-repeat;
	    width:254px;
	    height:105px;
	    display:block;
	    }
	#helice{
	    background:url("/portals/0/Skins/SoleDiesel/Images/banner2.png") no-repeat;
	    width:254px;
	    height:33px;
	    display:block;
	    }   
	#catalogo{
	background:url("/portals/0/Skins/SoleDiesel/Images/banner3.png") no-repeat;
	width:254px;
	height:33px;
	display:block;
	}


.footer-col-nav {
    width: 230px;
    float: left;
    margin-top: 10px;
    color: #fff;
}

    .footer-col-nav li img {
        width: 35px;
        float: left;
        margin: 5px 15px 0 0;
    }


.InteriorPane {
    z-index: 0;
    position: absolute;
}

#pagina {
    background: #f0f0f0;
}

.wrapper-head, .wrapper-main, .wrapper-slider, .wrapper-content-home,
.wrapper-prefooter-home, .wrapper-footer {
    width: 100%;
  /*display: table;*/
    clear: both;
}

.wrapper-head {
    background: url("/portals/0/Skins/SoleDiesel/Images/head_back.gif") repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #E6E6E6;
    position: relative;
    z-index: 1;
}
.wrapper-main{
	border-bottom:1px solid #F2F2F2;
}
	.wrapper-slider{
		background:url("/portals/0/Skins/SoleDiesel/Images/slide.png") repeat-x  0 0 #FFF;
		position:relative;
		}
			
	.wrapper-content{
		background:#fff;
		padding:15px 0 30px 0;
		}
		
	.wrapper-prefooter{
		background:f4f4f4;
		}
		
	.wrapper-prefooter h2{
	   color:#161616;
	}
	
	.wrapper-prefooter h2 span{
	   color:#114996;
	   padding-left:5px;
	}
	
	.wrapper-prefooter .coments
	{
	    padding-top:10px;
	    border-right:1px solid #cfcfcf;
	    }
	
	.wrapper-prefooter .coments li{
        list-style:none;
	}
	
	.wrapper-prefooter .coments img{
        float:left;
        padding: 5px 10px 0 0;
	}
	
	.wrapper-prefooter .coments p{
        color:#666;
	}

        .wrapper-prefooter .post-meta {
            font-size: 11px;
            border-bottom: 1px dotted #cfcfcf;
            padding: 0 365px 5px 0;
        }

.wrapper-footer {
    background: url("/portals/0/Skins/SoleDiesel/Images/footer_wrap.gif") repeat-x scroll #000;
}

    .wrapper-footer a:hover {
        color: #b7b7b7;
        text-decoration: none;
    }

.container, .head-container, .container-footer, .legal-footer {
    margin: 0 auto;
    width: 943px;
    position: relative;
    text-align: left;
}


.certificaciones {
    background: #c1c1c1;
    padding-top: 6px;
    float: left;
}

    .certificaciones p {
        color: #081934;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 2px;
    }

.head-container {
    height: 135px;
}

.top-head {height: 31px}

.main-head {
    position: relative;
    height: 72px;
}

#logo {
    height: 96px;
    width: 241px;
    left: 5px;
    position: absolute;
    top: -26px;
}

.legal-footer {
    height: 28px;
    line-height: 28px;
    color: #f0f0f0;
}
	

	
/*********Detalles y estilos de texto***********/
	
	
	.content-four-col p, .prefooter-col p, .prefooter-col-doble p,
	.content-three-col p, .asidePane p {
		font-size:11px;
		line-height:1.28em;
		color:#161616;
		}
		
		.prefooter-col-doble p, .content-three-col p, .asidePane p {font-size:13px;}
			
.wrapper-footer a{color:#fff;}

.web-links-foot li{
	font-size:11px;
	line-height:13px;
	list-style:none;
	margin:4px 0 2px 4px;
	font-weight:bold;
	color:#fff;
}

.web-links-foot li ul li, .web-links-foot li address{padding-left:30px;font-weight:normal;}


.legal{margin-top:8px;}			
.legal li{
	display:inline;
	list-style:none;
	font-size:11px;
	font-weight:bold;
	padding:0 5px;
	line-height:16px;
	}
	
.legal li a
{
    color:#b7b7b7;
    padding-right:5px;
    }
	
.legal-footer .legal{
   width:100%;
   text-align:center;
	}
			

/****************Menu***********/

.headMenu{
	float:right;
	clear:both;
	height:40px;
	}
	
	.headMenu > ul{
		margin-top:69px;
		position:relative;
		float:left;
	}
	
	.headMenu ul li.toplevel{
		float:left;
		position:relative;
		height:40px;
		list-style:none;
		z-index:999;
		font-size:14px;
		font-style:none;
		color:#013b8e;
		display:inline-block;
		background:url("/portals/0/Skins/SoleDiesel/Images/list-style.png")  7px 12px no-repeat;
		/*background:url(img/bg-main-menu.png) -10px 0 repeat-x;*/
		}
		
		.headMenu ul li.first { background:none;}
		
		.headMenu ul li.last {}
		
		.headMenu ul li.toplevel > a{
			line-height:30px;
			font-size:14px;
			font-weight:bold;
			text-transform:uppercase;
			color:#013b8e;
			text-align:center;
			margin-left:23px;
		}
		
			.headMenu ul li a:hover {color:#1F4D70; text-decoration:none;}
			
			.headMenu ul li.toplevel.selected > a {color:#fff; background:#013b8e;padding:3px 10px;border-radius:5em;}
				
				.headMenu ul li.selected > a{}
				
				.headMenu ul li:hover > a{color:#333;}
				
				    .headMenu ul li.toplevel.first{list-style:none;}
				    .headMenu ul li.toplevel.first > a{}
					.headMenu ul li.toplevel.first:hover > a {/*background-position:0 -40px;*/}
			
					.headMenu ul li.toplevel.last:hover > a { /*background-position:100% -40px;*/}
					
		/*Segundo nivel*/
		.headMenu ul li ul{
			position:absolute;
			left:-9999px;
			top:40px;
			z-index:999;
			width:220px;
			border-top:1px solid #fff;
			background-color:#E1E1E1;
			padding:0 2px 3px;
			-webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
			
		}
		
			.headMenu li.submenu{
				margin:0;
				list-style:none;
				border-top:1px solid #D1D1D1
			}
				.headMenu li.submenu a{
					display:block;
					line-height:26px;
					font-size:.9em;
					-webkit-border-radius: 0!important; border-radius: 0!important;
					padding-left:23px;
					}
					
						.headMenu li.submenu a:hover{border-color:#9E2321;}
						
					/*Trigger*/
					.headMenu ul li:hover ul{left:0;}

	
/***Genéricas y fixes***/
.padder{
	padding:10px 10px 20px;
	display:block;
	clear:both;
	float:left;
	}
.fleft{float:left;}
.fright{float:right;}

.clearfix{clear:both;}
.clearfix:after{display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}



/**** Genéricos DNN***/
.DNNEmptyPane{
	margin-top:0!important;
	margin-bottom:0!important;
	padding:0!important;
	height:0!important;
	}
	
	/*.Invisible{z-index:999; position:relative;}
	.dnnActionMenu{z-index:999!important;}*/
	
.dnnDragHint {margin-bottom: -22px!important} /* Hace que los botones de edicion de un modulo no empujen este hacia abajo*/
.head-container .dnnSortable {min-height:0!important} /* Anula una clase de dnn.dragdrop.css que desmonta la cabecera*/
	

.first{
	margin-left:0!important;
	border-left:0!important;
	padding-left:0!important;
}

.last{
	margin-right:0!important;
	border-right:0!important;
	padding-right:0!important;
}


/*.web-links-foot{margin-left:-30px;}*/


.img-content-left{max-width:320px; float:left; margin:20px 25px 20px 0}
.img-content-right{max-width:320px; float:right; margin:20px 0 20px 25px}


.dondestamos{float:left; width:410px; margin:0 0 0 25px}
.dondestamos + a{float:right; width:478px; margin:0 25px 30px 0; border-radius:10px}
.dondestamos + a img{padding:4px; border:1px solid #EDEDED; border-radius:10px}
.dondestamos p{font-size:15px!important}


/* Reset para formularios - Clases que vienen de Default.css */

.dnnFormItem label, .dnnFormItem .dnnFormLabel, .dnnFormItem .dnnTooltip {
    width:auto!important;
    /*float:none!important;*/
}

.dnnFormItem td{vertical-align:top!important; padding: 5px 0;}






/* ---------------------------------------------------------------------- */
/*	NUEVO HEADER
/* ---------------------------------------------------------------------- */

a, a > *{
	text-decoration: none;
	-webkit-transition: background-color .2s ease-in-out, background .2s ease-in-out, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease-in-out, background .2s ease-in-out, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease-in-out, background .2s ease-in-out, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease-in-out, background .2s ease-in-out, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease-in-out, background .2s ease-in-out, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

.wrap {
    width: 943px;
    margin: 0 auto;
}

/***************** Header TOP *****************/

.header-top {
    height: 36px;
    background-color: #18293a;
}

.top-links{
    display: block;
    float: right;
    margin: 6px 0 0 0;
}

    .top-links li {
        display: inline-block;
        margin-left: 13px;
    }

        .top-links li a {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
            filter: alpha(opacity=65);
            -moz-opacity: 0.65;
            -khtml-opacity: 0.65;
            opacity: 0.65;
        }

        .top-links li:hover a {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }
        .top-links li.active a {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
            filter: alpha(opacity=90);
            -moz-opacity: 0.9;
            -khtml-opacity: 0.9;
            opacity: 0.9;
        }

.LoginLink, .registerGroup {
    display: block;
    float: right;
    margin: 0 12px 0 0;
}

.LoginLink {
    height: 24px;
    border-left: 1px solid #293e53;
    border-right: 1px solid #293e53;
    color: #b2c3d4!important;
    font-size: .8em;
    padding: 10px 20px 2px;
    background: #10436d;
    background: -moz-linear-gradient(top, #10436d 1%, #062e50 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#10436d), color-stop(100%,#062e50));
    background: -webkit-linear-gradient(top, #10436d 1%,#062e50 100%);
    background: -o-linear-gradient(top, #10436d 1%,#062e50 100%);
    background: -ms-linear-gradient(top, #10436d 1%,#062e50 100%);
    background: linear-gradient(to bottom, #10436d 1%,#062e50 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10436d', endColorstr='#062e50',GradientType=0 );
}

    .LoginLink:hover {
        color: #d5dee8!important;
        background: #062e50;
        background: -moz-linear-gradient(top, #062e50 1%, #10436d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#062e50), color-stop(100%,#10436d));
        background: -webkit-linear-gradient(top, #062e50 1%,#10436d 100%);
        background: -o-linear-gradient(top, #062e50 1%,#10436d 100%);
        background: -ms-linear-gradient(top, #062e50 1%,#10436d 100%);
        background: linear-gradient(to bottom, #062e50 1%,#10436d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#062e50', endColorstr='#10436d',GradientType=0 );
    }

    .LoginLink span {
        display: inline-block;
        padding:0 0 0 24px;
        background: url("/portals/0/Skins/SoleDiesel/Images/login-icon.png") no-repeat 0 -21px
    }
    .LoginLink:hover span {background-position:0 1px}

    .LoginLink.loggeed span {background-position:0 1px}
    .LoginLink.loggeed:hover span {background-position:0 -21px}

.registerGroup span {
    color:#D5DEE8;
    font-size: .8em;
    display: inline-block;
    padding:10px 2px 9px 18px;
    background: url("/portals/0/Skins/SoleDiesel/Images/lock-icon.png") no-repeat 0 10px
}


/***************** Header MID *****************/

.header {background: #FFF}

.logo {
    display:block;
    float:left;
    margin:-25px 0 0
}

.DNN_search {
    width:33%;
    float:right;
    text-align:right;
    margin:22px 0 33px;
}

    .DNN_search input {vertical-align: top}

.DNN_search .btnSend {
    background: url("/portals/0/Skins/SoleDiesel/Images/buscador.png") no-repeat right center;
    width: 42px;
    border: none;
    height: 36px;
    cursor: pointer;
}

.DNN_search .tbxSearch {
    background: #FFF;
    width: 220px;
    height: 24px;
    margin-right:-6px;
    padding: 5px 0 5px 10px;
    border:1px solid #c4c4c4;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    outline:none
}


/***************** Header MENU *****************/

.main-menu {
    height: 33px;
    background: #e4e8ee;
    background: -moz-linear-gradient(top, #e4e8ee 0%, #fdfdfe 75%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e8ee), color-stop(75%,#fdfdfe));
    background: -webkit-linear-gradient(top, #e4e8ee 0%,#fdfdfe 75%);
    background: -o-linear-gradient(top, #e4e8ee 0%,#fdfdfe 75%);
    background: -ms-linear-gradient(top, #e4e8ee 0%,#fdfdfe 75%);
    background: linear-gradient(to bottom, #e4e8ee 0%,#fdfdfe 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e8ee', endColorstr='#fdfdfe',GradientType=0 );
    border-bottom:12px solid #0e76c1;
}

    .main-menu ul {border-left: 1px solid #FFF}

    .main-menu li {
        float: left;
        padding: 0;
        margin: 0;
        border-right: 1px solid #FFF!important;
        list-style: none;
    }

        .main-menu li a {
            display: inline-block;
            padding: 9px 12px 8px;
            font-size: .8em;
            text-transform: uppercase;
            font-weight: bold;
            color: #18293A;
        }

            .main-menu li a:hover, .main-menu li.selected a {
                color: #FFF;
                -webkit-border-radius: 3px 3px 0 0;
                -moz-border-radius: 3px 3px 0 0;
                border-radius: 3px 3px 0 0;
                background: #0767ac;
                background: -moz-linear-gradient(top, #0767ac 0%, #0e76c1 75%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0767ac), color-stop(75%,#0e76c1));
                background: -webkit-linear-gradient(top, #0767ac 0%,#0e76c1 75%);
                background: -o-linear-gradient(top, #0767ac 0%,#0e76c1 75%);
                background: -ms-linear-gradient(top, #0767ac 0%,#0e76c1 75%);
                background: linear-gradient(to bottom, #0767ac 0%,#0e76c1 75%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0767ac', endColorstr='#0e76c1',GradientType=0 );
            }



            
/***************** cookies *****************/

#avisoCookie {
    position:fixed;
    bottom:0;
    z-index:200;
    background: rgba(0, 0, 0, 0.65);
    width:100%;
}
.top-alert p{
    float: left !important;
    text-align: justify;
    width: 73% !important;
    font-size: 13px;
    margin: 0 !important;
    color: #fff;}
    .top-alert p a {
        color: #fff;
        text-decoration:underline;
    }
.top-alert {
    padding: 1% 1%;
    max-width: 950px;
    margin:0 auto;
}
.btn_type6.cookies {
    display: block;
    float: right;
    width: 22%;
    font-size: 13px;
    font-weight: bolder;
    border-radius: 9px;
    text-align: center;
    padding: 7px;
    color: #fff;
    background: #0e76c1;

}