/*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, font, img,
ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: Arial, Helvetica, sans-serif;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}


/*==============ESTILS GENERALS=============*/

body{
/*        background-color: #666666;
*/
	background: #aaa9a7 url(../imgLib/background.jpg) repeat-x left top;
}

a{
        text-decoration:none;
      /*  color:#D5200F;*/
}

p.legal
{
	color:#07045D;
	font-size:12px;
	line-height:15px;
	padding:0;
	margin:5px 0;
}

h2
{
	color:#D5200F;
}

h3
{
	font-size:12px;
}

/*============contenedor===============*/
#wrapper{
        background: #fff url(../imgLib/bg-footer-estrella.gif) no-repeat right bottom;
        width:990px;
        margin:0 auto;
		margin-top:30px;
}

/*======================capçalera===============*/
#header{
        height:70px;
        padding-top:40px;
        border-bottom:1px solid #E0E0E0;
        margin:0 20px;
}

#header h1{
        background: transparent url(../imgLib/logo.jpg) no-repeat left top;
        height:50px;
        width:208px;
        float:left;
}

#header h1 span{
        text-indent: -1000em;
        display:block;

}

#header h1 a{
        display:block;
        height:60px;
}

#header ul{
        overflow:auto;
        float:right;
}

#header ul li{
        float:left;
}

#header ul li a{
        color:#D5200F;
        float:left;
        display:block;
/*        border-right:1px solid #D5200F;*/
        padding: 0 10px;
        font-size:11px;
        line-height:15px;

}

#header ul li#esp a
{
	background: url(../imgLib/icons/ico-esp.jpg) no-repeat left top;
	height:24px;
	width:12px;
}

#header ul li#fra a
{
	background: url(../imgLib/icons/ico-france.jpg) no-repeat left top;
	height:24px;
	width:12px;
}

#header ul li#ger a
{
	background: url(../imgLib/icons/ico-ger.jpg) no-repeat left top;
	height:24px;
	width:12px;
}

#header ul li#eng a
{
	background: url(../imgLib/icons/ico-ing.jpg) no-repeat left top;
	height:24px;
	width:12px;
}


#header ul li a span
{
	text-indent:-1000em;
	display:block;
}

#header ul li a.no-border,
#footer ul li a.no-border{
        border:none;
}
/*=============Contenedor de columnes=============*/
.wrapperCol{
        overflow:auto;
        margin: 0 20px 0 20px;
}

/*=================MENUS SUPERIORS================*/
#menus
{
        margin-bottom:15px;
		height:27px;
}
#menus ul{
        overflow:auto;
        padding-top:15px;
}

#menus ul li{
        float:left;
        margin-right:10px;
}

#menus ul li a{ 
        float:left;
        display:block;
        font-size:11px;
        color:#07045d;
        border-right:1px solid #07045d;
        padding-right:10px;
        line-height:12px;

}
#menus ul li a:hover{
        text-decoration: underline;

}

#menus ul.tipBarco{
        padding-left:20px;
        width:270px;/*289*/
        float:left;
}

#menus ul.tipBarco li a.no-border{
        border:none;
}

#menus ul.menuGen{
        width:660px;
		float:left;
}

#menus ul.menuGen li a{
        border:none;
}


/*=================Columna Esquerra================*/
#colLeft{
        float:left;
        width:289px; /*330-20-20*/
}

.contentLeft{
        background-color:#E0E0E0;
        padding:20px;
        height:309px;
        overflow:hidden;
}
.contentLeft ul li a{
        color:#D5200F;
        font-size:18px;
        line-height:26px;
}

.contentLeft ul li a:hover{
        text-decoration:underline;
}

/*Párrafo explicativo de cada tipo de barco*/
#colLeft .contentLeft .modelx{
        font-size:11px;
        color:#07045D;
        margin:7px 0 20px 0;
        line-height:15px;
}

/*=================Columna Dreta================*/
#colRight{
        float:left;
        width:660px;
}

#colRight .novedad{
	padding:15px 0 15px 0; 
	text-align:center;
	background-color:#E0E0E0;
}

#colRight .novedad a{
	font-weight:bold;
	font-size:22px;
}

#colRight .novedad a span{
	color:#FF0000;
	font-weight:bold;
	font-size:16px;
	font-style:italic;

}

/*#colRight .novedad a:hover{
	text-decoration:underline;
}
*/
.bgColor{
        background-color:#E0E0E0;
}

#colRight p{
        color:#07045D;
        font-size:12px;
		line-height:16px;
/*        padding:17px 0 8px 20px;
*/}

#colRight p a{
        color:#07045D;
}

#colRight p.text{
        font-size:11px;
        line-height:15px;
}

#colRight p span{
        font-size:12px;
        margin:0 0 0 30px;
        color:#07045D;
}
/*=================Peu========================*/

#footer{
        color:#D5200F;
        font-size:11px;
        padding: 30px 0 36px 0px;
		clear:both;
		overflow:auto;
        width:950px;
}

#footer ul
{
	margin: 0 0 0 20px;
}

#footer ul li{
        float:left;
}

#footer ul li a{
        color:#D5200F; 
		float:left;
        display:block;
        border-right:1px solid #D5200F;
        padding: 0 10px;
}

#footer p{
        text-align:right;
        margin-right:53px;
		color:#D5200F;  
}
/*=================index=======================*/
#content-index{
        background: url(../imgLib/bg-index.png) repeat left top;
        overflow:auto;
}

#content-index #index-Left{
        float:left;
}
#content-index #index-Left img{
        display:block;
        margin-bottom:15px;
}

#content-index #index-Left img.no-margin{
        margin:0;
}

#content-index #index-Right{
/*        background:transparent url(../imgLib/index-gran.jpg) no-repeat 15px 0px;*/
        height:432px;
		overflow:auto;
}

#banner img
{
	position: absolute;
	top:50px;
}
/*=================BELLIURE========================*/
#colRight a img {
	margin: 20px 0 0 40px;
}

#colRight .servtext a
{
	color:#D5200F;
}

#colRight dl
{
	font-size:12px;
	line-height:15px;
	color:#07045D;
}

#colRight dl dd
{
	margin: 5px 0 15px 25px;
}

#colRight dl img
{
	margin: 0 0 0 200px;
	float:none;
}

.contentLeft ul li a.submenu
{
	margin: 0 0 0 10px;
	font-size:14px;
}

.margin-right
{
	margin-right:10px!important;
}

/*=================MODELS========================*/
#colLeft .contentLeft h2{
        font-size:18px;
        color:#D5200F;
}

#colLeft .contentLeft p{
        font-size:12px;
        color:#07045D;
        margin:15px 0 0px 0;
        line-height:17px;
}

#colRight #img-40{
        width:210px;
        float:left;
}

#colRight #img-40 a{
        background:url(../imgLib/img-40.jpg) no-repeat left top;
        height:350px;
        display:block;

}

#colRight #img-40 a:hover{
        background: url(../imgLib/img-40h.jpg) no-repeat left top;
        
}

#colRight #img-48{
        width:210px;
        float:left;
        margin-left:15px;
}

#colRight #img-48 a{
        background:url(../imgLib/img-48.jpg) no-repeat left top;
        height:350px;
        display:block;
}

#colRight #img-48 a:hover{
        background: url(../imgLib/img-48h.jpg) no-repeat left top;
        
}

#colRight #img-60{
        width:210px;
        float:left;
        margin-left:15px;

}
#colRight #img-60 a{
        background:url(../imgLib/img-60.jpg) no-repeat left top;
        height:350px;
        display:block;

}

#colRight #img-60 a:hover{
        background: url(../imgLib/img-60h.jpg) no-repeat left top;
        
}

.oculto{
        text-indent:-1000em;
}

#colRight .text a,
#colRight .presstext a
{
        color:#D5200F;
}

object
{
	display:block;
}

.contentLeft a.tipBa
{
	height:103px;
	width:249px;
	display:block;
}

.contentLeft a.tipBa span
{
	display:block;
	text-indent:-1000em;
}

a#Model40
{
	background:url(../imgLib/models/model-40.jpg) no-repeat left top;
}

a#Model40:hover
{
	background:url(../imgLib/models/model-40H.jpg) no-repeat left top;
}

a#Model48
{
	background:url(../imgLib/models/model-48.jpg) no-repeat left top;
}

a#Model48:hover
{
	background:url(../imgLib/models/model-48H.jpg) no-repeat left top;
}

a#Model60
{
	background:url(../imgLib/models/model-60.jpg) no-repeat left top;
}

a#Model60:hover
{
	background:url(../imgLib/models/model-60H.jpg) no-repeat left top;
}

.atras
{
	background-image:url(../imgLib/flecha.png);
	height:16px;
	width:16px;

}
/*================ FOTOS ================*/
#tripticos p
{
	text-align:center;
	padding: 10px 0; 
	width:660px; 
	float:right;
}

#tripticos a
{
	color:#07045D;
}
/*=================ESPECIFICACIONES TÉCNICAS========================*/

#colRight ul
{
	margin:5px 0 10px 0;
}

#colRight ul ul
{
	margin:0;
}

/*=================OCCASION========================*/


#colOccasion .motorTabla
{
	width:635px;
	overflow:auto;
	height:350px;
}

#colOccasion table
{
	margin:0px;
	width:600px;
	margin-left:5px;
}

#colOccasion table th
{
	color:#07045D;
	line-height:30px;
	font-weight:bold;
	font-size:15px;
	border:1px dashed #07045D;
}

#colOccasion table td
{
	line-height:25px;
	color:#07045D;
	padding: 0 5px;
	text-align:center;
	font-size:13px;
}

#colOccasion table td a
{
	color:#07045D;
	font-weight:bold;
}

#colOccasion table td a:hover
{
	text-decoration:underline;
}
h2 span
{
	margin:0 0 0 50px;
}

.ocasion h3
{
	margin:10px 0;
    color:#D5200F;
}

.ocasion ul li
{
	line-height:18px;
	font-size:12px;
	color:#07045D;
	list-style-position:outside;
	list-style-type:disc;
	margin-left:20px;

}

.overFlowLarge
{
       overflow:auto;
        height:350px;
/*        padding:0 10px 0 10px;*/
}

#colOccasion
{
	width:949px;
	height:350px;
/*	overflow:auto;
*/}

#LeftCol
{
}

#TwoCol
{
	width:632px;
	float:left;
}

.threeColu
{
	width:305px;
	float:left;
	overflow:auto;
	min-height:200px;
	display:block;
}


.threeCol
{
	width:305px;
	float:left;
	overflow:auto;
	display:block;
}

.threeCol img
{
	margin: 0 0 20px 20px;
	border:1px solid #07045D;
	padding: 0;
}

.threeCol h3 a
{
	color:#07045D;
}

.threeCol h3 a:hover
{
	text-decoration:underline;
}

#selected
{
	text-decoration:underline;
}


/*=================PRENSA========================*/
.contentLeft ul.press li{
        list-style:disc;
        list-style-position:inside;
        color:#07045D;

}

.contentLeft ul.press li a{
        color:#07045D;
        font-size:12px;
        line-height:18px;
}

.contentLeft ul.press{
        margin:10px 0 10px 10px;
}

#colRight .presstext{
        font-size:13px;
        line-height:15px;
        padding:0;
}

#colRight .float-left{
        padding:10px 10px 0 10px;
        overflow:auto;
}

.float-left img
{
        float:left;
        margin: 0 10px 0 0;
        
}
/*================= SERVICIOS ========================*/
#colRight h2,
#colRight2 h2{
	font-size:22px;
    color:#D5200F;
	margin-bottom:15px;
}

#colRight .wrapperRight{
	margin:25px 0 0 0;
}

#colRight .wrapperRight img{
	margin: 0 10px 15px 0;
	float:left;
}
#colRight h3
{
        color:#D5200F;
        clear:both;
}

#colRight h3.first
{
        margin:0;
}
.overFlow
{
        overflow:auto;
        height:349px;
       width:640px!important;
        padding:0 10px 0 10px;
}

.overFlow p
{
        margin:5px 0;
}

.overFlow img
{
        margin:5px 0px 10px 0;
}
#colRight .servtext{
        font-size:12px;
        line-height:15px;
        padding:0;

}

#colRight .ulServices li{
        font-size:12px;
        color:#07045D;
        margin:10px 0;
        list-style:disc;
        list-style-position:inside;
        line-height:15px;
}

#colRight p.menut{
        font-size:10px;
        margin:0;
        padding:0;
}

#colRight ul li
{
	font-size:12px;
	line-height:15px;
	color:#07045D;
	list-style-position:outside;
	list-style-type:disc;
	margin-left:20px;
}

/*#colRight #ulServicios
{
}

#colRight2 #ulServicios li
{
	margin: 60px 0 0 200px;;
	float:left;
}

#colRight2 #ulServicios li a
{
	display:block;
}

#colRight2 #ulServicios li p
{
	color:#D5200F;
	text-align:center;
	margin-bottom:5px;
	font-size:18px;
}

.travBack
{
	background: url(../imgLib/servicios/traveliftTranspa.png) no-repeat left top;
	height:329px;
	padding:20px 20px 0 20px;;
}

#colRight2{
        float:left;
        width:620px;
}
*/
/*=================CONTACTAR========================*/
#contPos{
        position:relative;
        overflow:hidden;
        height:454px;
}

#contPos2{ /*occasion*/
        position:relative;
        overflow:hidden; 
		height:349px;      
}


#contPos2 h2{
	font-size:22px;
    color:#D5200F;
	margin-bottom:15px;
}

#contPos2 h2 span{
	margin:0 0 0 250px;
}

#img-contactar{
        background: transparent url(../imgLib/img-vaixell-contacte.jpg) no-repeat left top;
        height:350px;        
}

#informacio-contacte{
        font-size:10px;
        color:#07045D;
 /*       overflow:auto;*/
        position:absolute;
        top:248px;
        left:20px;
}

#informacio-contacte p{
        line-height:12px;
}

#informacio-contacte #contacte-sup{
        overflow:auto;
        padding:15px 0px 0 0px;
        height:87px;
        background:transparent url(../imgLib/bg-contacte-sup.png) no-repeat left top;
        width:310px;

}

#informacio-contacte #contacte-sup p{
        float:left;
}

#informacio-contacte #contacte-sup p.contacte-marginR
{
        margin-right:10px;
}

#informacio-contacte span{
        display:block;
		margin-left:15px;
}

#informacio-contacte #contacte-inf{
        clear:both;
        padding:15px 0 0 0;
        height:87px;
        background-color:#E0E0E0;
		width:310px;
}

#informacio-contacte #contacte-inf p{
}

#informacio-contacte #contacte-inf span{
	margin-left:0;
}

#informacio-contacte #contacte-inf p{
        float:left;
        padding-right:60px;
		margin-left:15px;
        font-size:12px;
}

#Email
{
	color:#07045D;
/*	margin:5px 0 0 30px;
*/
	margin: 0 0 0 30px;
	padding:5px 0 0 0;
}

#Email a
{
	color:#07045D;
}

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

/************* JORNADAS NAUTICAS MARINA DENIA *************/
#marinaDenia
{
	color:#07045D;
	font-size:13px;
	line-height:15px;
}

#marinaDenia h2
{
	font-weight:bold;
	margin-bottom:15px;
}

#marinaDenia p
{
	margin-bottom:15px;
}

#marinaDenia dd,
#marinaDenia dt
{
	text-align:left;
}

#marinaDenia dt
{
	font-weight:bold;
}

#marinaDenia dd
{
	margin-bottom:15px;
}