/*

Theme Name: APIA

Theme URI: http://apia.com

Description: First version of theme for apiaWeb

Version: 1.0

Status: publish

Author: Angel Ruiz (aka SirKeldon)

Author URI: http://infernex.net

Tags: black, fixed width, underground

*/



IMG { border: 0 }



BODY {

	width: 900px;

	margin: 0 auto 0 auto;

	font-family: "Verdana", Arial, Helvetica, sans-serif;

	font-size: 12px;

}



#CONTAINER

{

	width: 900px;

	display: block;

   height: auto;

	position: relative;

	margin-right: auto;

	margin-left: auto;

	background-color: #d2d1cc;

}



#TOP

{
	width: 100%;

	height: 150px;

	background-image: url('img/top.jpg');

	background-repeat: no-repeat;

	border-bottom: 1px solid #FFFFFF;

	display: block;
	float: left;

	position: relative;

}



#MENU

{

	width: 850px;

	height: 51px;

	padding: 0px 25px 0 25px;

	background-image: url('img/background-menu.png');

	background-repeat: no-repeat;

	border-bottom: 1px solid #FFF;
	display: block;
	float: left;

	position: relative;

}



a.menu

{

	width: 110px;

	height: 34px;

	display: block;

	float: left;

	position: relative;

	padding-top: 17px;

	text-align: center;

	text-decoration: none;

	border-right: 1px solid #191e26;

	color: #FFFFFF;

	font-family: "Verdana", Arial, Helvetica;

	font-size: 12px;

}



a.menu:hover

{

	background-image: url('img/background-menu_hover.png');

	background-repeat: repeat-x;

	color: #191e26;

	font-weight: bold;

}



a.link {

	font-family: "Verdana", Arial, Helvetica;

        text-decoration: none;

        color: #363e4b;

}



a.link:hover {

        border-bottom: 1px dotted #c55911;

        color: #c55911;

}



div.buscar

{

	width: 250px;

	height: 35px;

	font-size: 11px;

	padding-top: 16px;

	padding-left: 5px;

	float: right;

	color: #b6b7b3;
	display: block;
	float: left;

	position: relative;

}



input.buscar

{

	width: 165px;

	height: 14px;

	font-size: 10px;

        display: inline;

	padding: 0;

}



#MENU2

{

	width: 850px;

	height: 40px;

	padding: 0px 25px 0 25px;

	background-image: url('img/background-menu2.png');
		display: block;
	float: left;

	position: relative;

}



div.map

{

	width: 550px;

	height: 27px;

	padding-top: 13px;

	padding-left: 15px;

	font-size: 11px;

	text-transform: uppercase;

	color: #c55911;

	float: left;

   display: block;

	position: relative;

}



#themap a { text-decoration: none; border-bottom: 1px solid transparent; color: #c55911; }

#themap a:hover { color: #191e26; border-bottom: 1px dotted #191e26; }



div.online

{

	width: 240px;

	height: 27px;

	padding-top: 13px;

	font-size: 11px;

	color: #37404d;

	float: left;

	position: relative;

	background-image: url('img/icon_online.png');

	background-repeat: no-repeat;

	background-position: 5px 12px;

	padding-left: 25px;
	display: block;
	float: left;

	position: relative;

}



#CONTENT

{

	display: block;
	float: left;

	position: relative;

	width: 850px;

	padding: 0px 25px 0 25px;

	background-image: url('img/background-menu3.png');

}



#FOOT

{

	display: block;
	float: left;

	position: relative;

	width: 830px;

	padding: 50px 25px 0 45px;

	background-image: url('img/background-foot.png');

	background-repeat: no-repeat;

	height: 80px;

	line-height: 16px;

	color: #FFFFFF;

   left: 0;

}



div.secciones

{

   display: block;

   float: left;

   position: relative;

	width: 210px;

	margin-top: 15px;

        margin-left: 10px;

}



div.tsecciones

{

   display: block;

   float: left;

   position: relative;

	width: 180px;

	height: 28px;

	background-image: url('img/top_secciones2.png');

	background-repeat: no-repeat;

	padding-left: 32px;

	padding-top: 13px;

	color: #FFF;

	font-weight: bold;

	margin-bottom: 3px;

}



div.psecciones

{

   display: block;

   float: left;

   position: relative;

	width: 167px;

	height: 26px;

	background-image: url('img/icon_poll.png');

	background-position: 20px 15px;

	background-repeat: no-repeat;

	border-bottom: 1px solid #aab7c5;

	padding-left: 45px;

	padding-top: 15px;

	color: #38414e;

	font-weight: bold;

	margin-top: 10px;

}



a.seccion

{

	display: block;

	float: left;

	position: relative;

	text-decoration: none;

	background-color: #fcebdd;

	width: 192px;

	min-height: 20px;

	padding-top: 6px;

	padding-left: 20px;

	margin-bottom: 1px;

	font-size: 10px;

	color: #363e4b;

	font-weight: bold;

	text-transform: uppercase;

}



a.seccion2

{

	display: block;

	float: left;

	position: relative;

	text-decoration: none;

	background-color: #fcebdd;

	width: 172px;

	min-height: 18px;

	padding-top: 6px;

	padding-left: 40px;

	margin-bottom: 1px;

	font-size: 9px;

	color: #363e4b;

	font-weight: bold;

	text-transform: uppercase;

}



a.seccion:hover

{

	color: #c55911;

}



a.seccion2:hover

{

	color: #c55911;

}



div.columna1

{

	width: 280px;

	float: left;

	display: block;

	position: relative;

}



div.tcolumna1

{

   display: block;

   float: left;

   position: relative;

	width: 245px;

	height: 25px;

	border-bottom: 1px solid #aab7c5;

	background-image: url('img/icon_lastnews.png');

	background-repeat: no-repeat;

	background-position: 15px 0px;

	margin-bottom: 10px;

	color: #c25301;

	font-weight: bold;

	padding-left: 35px;

}





div.ccolumna1

{

   display: block;

   float: left;

   position: relative;

	width: 245px;

	padding-left: 35px;

	line-height: 18px;

	font-size: 11px;

}





div.contenido 

{

   display: block;

   float: left;

   position: relative;

	width: 585px;

   margin-top: 25px;

	margin-left: 25px;

}



div.columna2

{

   display: block;

   float: right;

   position: relative;

	margin-top: 25px;

	width: 565px;

   margin-right: 20px;

}



div.tcolumna2

{

        display: block;

        float: left;

        position: relative;

	width: 530px;

        padding-top: 7px;

        padding-bottom: 7px;

	border-bottom: 1px solid #aab7c5;

	margin-bottom: 10px;

	font-size: 11px;

	color: #000000;

	font-weight: bold;

	padding-left: 20px;

}



a.tcolumna2

{

	width: 550px;

        display: block;

        float: left;

        position: relative;

        text-decoration: none;

        padding-top: 7px;

        padding-bottom: 7px;

	border-bottom: 1px solid #aab7c5;

	margin-bottom: 10px;

	font-size: 11px;

	color: #000000;

	font-weight: bold;

	padding-left: 20px;

}



a.tcolumna2:hover { background-color: #C7C7C2; color: #191e26; border-bottom: 1px solid #191e26; }





div.ecolumna2

{

        display: block;

        float: left;

        position: relative;

	width: 535px;

	height: 20px;

	background-image: url('img/icon_writenews.png');

	background-repeat: no-repeat;

	background-position: 15px 0px;

	padding-left: 35px;

	font-size: 10px;

	color: #c25301;

}



div.fcolumna2

{

        display: block;

        float: left;

        position: relative;

	width: 535px;

	height: 20px;

	background-image: url('img/icon_datenews.png');

	background-repeat: no-repeat;

	background-position: 15px 0px;

	padding-left: 35px;

	font-size: 10px;

	color: #c25301;

}



div.ccolumna2

{

        display: block;

        float: left;

        position: relative;

	width: 530px;

	padding-left: 20px;

	line-height: 18px;

	margin-bottom: 25px;

	font-size: 11px;

	text-align: justify;

}



a.leermas

{

text-transform: uppercase;

font-size: 12px;

font-weight: bold;

color: #363e4b;

text-align: right;

text-decoration: none;

border-bottom: 1px dotted #FFFFFF;

}



a.leermas:hover

{

color: #c55911;

border-bottom: 1px dotted #c55911;

}



div.desplegable { width: 210px; height: auto; display: block; float: left; position: relative; }