@import url('clearfix.css');

body {
	margin: 20px;
	font-family: Helvetica, Arial, sans-serif;
	color: #12286b;
}
a {
	text-decoration: none;
}

#contenedor {
	position: absolute;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	border: 1px solid #12286b;
}

#top-mensaje {
	text-align: center;
	font-size: 14px;
	color: #12286b;
}
#top-mensaje a { color: #12286b; }
#top-mensaje a:hover { color: #0066cc; }

/****** PORTADA ******/
.bloquePortada {
	float: left;	
	padding-right: 18px;
}
.bloquePortadaUltima {
	float: left;	
}
.bloquePortada h3, .bloquePortadaUltima h3 {
	font-size: 24px !important;
	padding: 10px 0 5px 0;
	margin: 0;
	text-align: center;
}
.bloquePortada p, .bloquePortadaUltima p {
	margin: 0;
	width: 240px;
}

/****** ENCABEZADO ******/
#encabezado {
	border-bottom: 1px solid #12286b;
}
#encabezado h1 {
	float: left;
	margin: 0;
	padding: 20px 0 20px 20px;
}
#encabezado h2 {
	float: right;
	margin: 0;
	padding-top: 28px;
	font-size: 36px;
	color: #0066cc;
	padding: 45px 20px 0 0;
}
#encabezado ul, ol {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 15px 0 10px 20px;
	font-size: 14px;
}
#encabezado li {
	display: inline;
	padding: 10px 10px;
}
#encabezado ul li a {
	font-weight: bold;
	color: white;
}
#encabezado p {
	margin: 0;
	padding: 10px 0 10px 20px;
}
#encabezado p a {
	font-weight: bold;
	color: #12286b;
	font-size: 14px;
}

/*#menu1 li, #menu2 li {
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}*/

#menu1 li { background: #C2E3EF; }
#menu1 li:hover { background: #3BC0EF; }
#menu1 li.selecc { background: #3BC0EF; }

.redesseguridad { background: #C2EFE1 !important; }
li.redesseguridad:hover { background: #67CFB0 !important; }
li.redesseguridad.selecc { background: #67CFB0 !important; }

.redespesca { background: #EFC2C9 !important; }
li.redespesca:hover { background: #EF596D !important; }
li.redespesca.selecc { background: #EF596D !important; }

ul#menu2 { font-size: 13px; }
#menu2.redesseguridad { background: #67CFB0 !important; }
#menu2.redesseguridad li:hover { background: #57AF95; }
#menu2.redesseguridad li.selecc { background: #57AF95; }
#menu2.redespesca { background: #EF596D !important; }
#menu2.redespesca li:hover { background: #CF4D5F; }
#menu2.redespesca li.selecc { background: #CF4D5F; }

#sidebar {
	float: left;
	list-style: none;
	padding: 0;
	margin: 0 20px 0 0;
	width: 150px;
}
#sidebar li {
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
}

#sidebar.redesseguridad li { background: #67CFB0; }
#sidebar.redesseguridad li.selecc { background: #57AF95; }
#sidebar.redesseguridad li:hover { background: #57AF95; }
#sidebar.redespesca li { background: #EF596D; }
#sidebar.redespesca li.selecc { background: #CF4D5F; }
#sidebar.redespesca li:hover { background: #CF4D5F; }
#sidebar li a {
	color: white;
}

#sidebar h4 {
	background: white;
	margin: 0;
	padding: 10px;
}

#seccion {
	width: 760px;
	padding: 20px 20px 10px 20px;
	background: url('imagenes/fondo.gif') top center no-repeat;
	border-bottom: 1px solid #12286b;
}
#contenido {
	float: left;
	width: 580px;
}

/****** CONTENIDO ******/
#contenido {
	
	
}
#contenido h3 {
	margin: 0;
	font-size: 36px;
	color: #0066cc;
}
#contenido h4 {
	margin: 10px 0;
	font-size: 24px;
	color: #0066cc;
}
#contenido p img {
	border: 1px solid #0066cc;
	padding: 1px;
}

/****** PIE ******/
#pie {
	clear: both;
	height: 120px;
	padding: 20px;
}
#pie p {
	margin: 0;
	color: #666699;
	font-size: 14px;
}
#pie div {
	float: right;
}
#copyright {
	clear: both;
	padding: 40px;
	text-align: center;
	font-size: 14px;
	color: #cccccc;	
}
#copyright a {
	color: #cccccc;
}

/****** TABLAS ******/
.tablaCordeleria {
	width: 600px;
	border: 0;
	border-collapse: collapse;
}
.tablaCordeleria thead {
	text-align: center;
	font-weight: bold;
}
.tablaCordeleria tbody {
	text-align: right;
}
.tablaCordeleria tbody tr td {
	padding: 2px 20px 2px 0;
	border-top: 1px solid #cccccc;
}
.tablaGarn {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}
.tablaGarn thead {
	text-align: center;
	font-weight: bold;
}
.tablaGarn tbody {
	text-align: center;
}
.tablaGarn tbody tr td {
	width: 83px;
	padding: 2px 0px 2px 0;
	border-top: 1px solid #cccccc;
	font-size: 14px;
}