/*
+--------------------------------------------------------------+
+
+  CSS for www.eltuneldelport.com
+  El Tunel del Port styles for all pages
+  code by iwprojects (info[at]iwprojects[dot]com)
+
+-------< Definiciones generales >-----------------------------+
| Definiciones generales para todas las páginas
+--------------------------------------------------------------+
*/

body, body.index, body.index3 {
	margin: 0 auto 1em auto;
	padding: 0;
	font-size: 0.8em;
	font-family: "Arial", Helvetica, sans-serif;
	line-height: 130%;
	text-align: center;
	color: #000;
	background: url("../img/fonsweb1.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #fff;
	background-attachment: fixed;
}
body.index {
	background: url("../img/fonswebindex.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #fff;
	background-attachment: fixed;
}
body.index3 {
	background: url("../img/fonswebindex2.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #fff;
	background-attachment: fixed;
}
a { text-decoration: none; }
a:link { color: #306799; }
a:visited { color: #306799; }
a:hover, a:active{ text-decoration: none; color: #f55;}
hr{ height: 1px; }
p{
	margin: 0px;
	padding: 0px;
}
p.clear{
	clear: both;
	margin: 0px;
	padding: 0px;
}
small {
	font-size: 85%;
}
strong {
	font-weight: bold;
}
div {
	border: 0px solid #0ca;
}

/* ++++++< Definiciones de textos. generales >++++++ */

h1{
	font-size: 1.5em;
	font-family: "Arial", Helvetica, sans-serif;
	line-height: 120%;
	font-weight: normal;
	clear: both;
	margin: 0px;
}
h2{
	font-size: 1.2em;
	font-family: "Arial", Helvetica, sans-serif;
	line-height: 130%;
	font-weight: normal;
	clear: both;
	margin: 0px;
}
h3{
	font-size: 1.05em;
	font-family: "Arial", Helvetica, sans-serif;
	line-height: 130%;
	font-weight: normal;
	clear: both;
	margin: 0px;
}
h4{
	font-size: .9em;
	font-family: "Arial", Helvetica, sans-serif;
	line-height: 130%;
	font-weight: normal;
	clear: both;
	margin: 0px;
}
h5{
	font-size: .85em;
	font-family: "Arial", Helvetica, sans-serif;
	line-height: 130%;
	font-weight: normal;
	clear: both;
	margin: 0px;
}
ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
li {
	display: list-item;
	border-right: 1px solid #999999;
	padding-right: .15em;
	padding-left: .15em;
}
table td{
	vertical-align: top;
	text-align: left;
}


/*
+-------< Resto de definiciones >--------------------------------+
| Resto de definiciones del web
+-----------------------------------------------------------------+
*/

/* ++++++< general >++++++ */

table.coshtml {
	width: 952px;
}

table.cap1 {
	position: relative;
	width: 100%;
	height: 95px;
	z-index: 10;
}
table.cap1 td {
	text-align: left;
}
table.cap1 td.c1{
	width: 320px;
}
table.cap1 td.c1 td{
	vertical-align: middle;
}
table.cap1 td.c1 table.logotip {
	width: 100%;
	height: 95px;
}
table.cap1 td.c1 table.logotip td.logotip{
	width: 105px;
}
table.cap1 td.c1 table.logotip td.texte{
}
table.cap1 td.c1 table.logotip td.logotip img.logotip1{
	border: 0;
	margin-left: 7px;
	margin-top: 3px;
}
table.cap1 td.c1 table.logotip .logotip1{
	margin-top: 10px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
table.cap1 td.c1 table.logotip .logotip2{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}
table.cap1 td.c2{
	width: 500px;
	vertical-align: bottom;
}
table.cap1 td.c3{
	vertical-align: bottom;
	text-align: center;
}
table.cap1 td.c3 img.idioma {
	border: 0;
	margin-right: 8px;
	margin-bottom: 13px;
}
table.index {
	margin-top: 2em;
}
table.index td {
	text-align: center;
}
img.idioma-index{
	border: 0;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 13px;
}
img.eslogan-index{
	border: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1em;
}

table.menuGeneral td {
	text-align: center;
	vertical-align: bottom;
}
div.menuGeneral, div.menuGeneral_actiu {
	border-left: 2px solid #306799;
	border-right: 2px solid #306799;
	float: left;
	background: url("../img/boto1.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
	vertical-align: bottom;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 14px;
	margin: 0 3px 0 0;
	width: 91px;
}
div.menuGeneral table.texte, div.menuGeneral_actiu table.texte  {
	width: 100%;
	height: 30px;
}
div.menuGeneral table.texte td, div.menuGeneral_actiu table.texte td {
	vertical-align: middle;
	text-align: center;
}
div.menuGeneral_actiu {
	background: url("../img/boto1_actiu.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}
div.menuGeneral a, div.menuGeneral_actiu a {
	color: #333;
}
div.menuGeneral a:hover, div.menuGeneral_actiu a:hover {
	color: #d00;
}
table.menuGeneral div.menuDalt {
	height: 12px;
	margin: 0 3px 0 0;
}
div.menuGeneral h2, div.menuGeneral_actiu h2 {
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 13px;
	padding-bottom: 5px;
	letter-spacing: 0em;
}


div.menuGeneralSub1, div.menuGeneralSub1_actiu {
	border-left: 1px solid #c2d0de;
	border-right: 1px solid #c2d0de;
	float: left;
	width: 165px;
	height: auto;
	background: url("../img/boto2.gif");
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 14px;
	margin: 0 0 0 5px;
}
div.menuGeneralSub1_actiu {
	background: url("../img/boto2_actiu.gif");
	background-repeat: repeat-x;
	background-position: top;
}
div.menuGeneralSub1 a, div.menuGeneralSub1_actiu a {
	color: #333;
}
div.menuGeneralSub1 a:hover, div.menuGeneralSub1_actiu a:hover {
	color: #d00;
}
table.menuGeneralSub1 div.menuDaltSub1 {
	margin: 0 0 0 5px;
	height: 8px;
	padding: 0;
}
div.menuGeneralSub1 h2, div.menuGeneralSub1_actiu h2 {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 13px;
	padding-bottom: 5px;
}








table.central {
	position: relative;
	margin-top: -5px;
	width: 100%;
	border-top: 5px solid #306799;
	border-left: 5px solid #306799;
	border-right: 5px solid #306799;
	background-color: #fff;
	z-index: 1;
	padding: 0 15px 0 15px;
}
table.central td.c1 {
	padding: 15px 0 0 0;
	text-align: center;
}

table.contingut1 {
	position: relative;
	width: 95%;
	margin-top: 30px;
}
table.contingut1 td.c1 {
	padding: 0 15px 0 0;
	text-align: left;
	width: 500px;
}
table.contingut1 td.c2 {
	text-align: right;
}
table.contingut1 td.c2 img.indexfoto{
	margin: 0 0 3px 3px;
}
h1.titol1 {
	font-size: 28px;
	font-family: "Times", sans-serif;
	color: #306799;
	letter-spacing: 0em;
	margin-bottom: 0.7em;
}
h1.titol2 {
	font-size: 24px;
	font-family: "Times", sans-serif;
	color: #000;
	letter-spacing: 0em;
	margin-bottom: 0.7em;
}
h1.eslogan1 {
	font-size: 21px;
	font-family: "Times", sans-serif;
	color: #306799;
	letter-spacing: 0em;
	margin-bottom: 0.7em;
	font-style: oblique;
}
p.peudeplana1 {
	margin: 4em 0 2em 0;
	font-size: 11px;
	color: #7f7f7f;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
p.peudeplana1-index, p.peudeplana2-index, p.peudeplana3-index {
	margin: 5em 0 2em 0;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
p.peudeplana2-index {
	margin: 3em 0 2em 0;
}
p.peudeplana3-index {
	font-size: 13px;
	margin: 3em 0 2em 0;
}

table.titolseccio2 {
	width:100%;
}
table.titolseccio2 c1 {
	text-align: left;
}
table.titolseccio2 c2 {
	text-align: right;
}

table.contingut2 {
	width:100%;
	clear: both;
	border-top: 1px solid #c2d0de;
	border-left: 1px solid #c2d0de;
}
table.contingut2 td {
	width:100%;
	clear: both;
	border-bottom: 1px solid #c2d0de;
	border-right: 1px solid #c2d0de;
}
table.contingut2 td.c2 {
	padding: 15px;
}


table.cartas {
	width:100%;
}
table.contingut2 table.cartas td {
	vertical-align: top;
	text-align: left;
	padding: 0;
}
table.contingut2 table.cartas td.c1 {
	width: 240px;
	border: 0px solid #c2d0de;
	padding-right: 20px;
}
table.cartas td.c2 {
	width: 427px;
	border: 0px solid #c2d0de;
}
table.cartas td.c4 {
	width: 600px;
	border: 0px solid #c2d0de;
}
table.cartas td.c3 {
	width: 160px;
	border: 0px solid #c2d0de;
}

ul.submenu2 {
	vertical-align: middle;
	height: 28px;
}
ul.submenu3 {
	vertical-align: middle;
	height: auto;
	margin-bottom: 1em;
}
ul.submenu2 li {
	display: inline;
	border-right: 1px solid #c2d0de;
	padding-right: .7em;
	padding-left: .7em;
	line-height: 28px;
	font-size: 11px;
	font-weight: bold;
}
ul.submenu3 li {
	display: inline;
	border-right: 1px solid #c2d0de;
	padding-right: .7em;
	padding-left: .7em;
	font-size: 11px;
	font-weight: bold;
}
ul.submenu2 li a.select, ul.submenu3 li a.select {
	color: #f55;
}
ul.submenu2 li.ultim, ul.submenu3 li.ultim{
	border-right: 0px solid #c2d0de;
}
ul.submenu3 li.primer{
	padding-left: 0;
}
img.imprimir {
	border: 0;
}


table.cartas table.galeria2 td {
	border: 0;
}
table.cartas table.galeria2 td.botons2 {
	text-align: right;
}
input.botoesquerra1{
	padding: 0;
	margin: 0;
	width: 21px;
	height: 21px;
	border: 1px;
	background: url(../img/fletxaesquerra1.png);
	cursor:hand;
}
input.botodreta1{
	width: 21px;
	height: 21px;
	border: 1px;
	background: url(../img/fletxadreta1.png);
	cursor:hand;
}

p.blink {
	color: white;
	font-size: 1.2em;
	font-family: "Times", sans-serif;
	line-height: 120%;
	font-weight: bold;
	font-style: oblique;
	clear: both;
	margin: 0px;
	
}

img.planol1 {
	border: 1px solid black;
}