* {
	margin:0;
	padding:0;
	border:0;
}
body {
        margin:15px 0;
        padding: 0 15px;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:auto;
        background: url(images/bg.png) repeat-x #4faddc;
        min-width:975px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		font-family:Arial, Helvetica, sans-serif; 
    }
	/* Header styles */

a {
	color: #356ba1;
}
a:hover {
	color: #3f92e5;
}
	
#header .header-right {
	background: transparent url(images/mast-r.png) 100% 0 no-repeat;
}

#header .header-left {
	background: transparent url(images/mast-l.png) 0 0 no-repeat;
	padding: 1px 0 14px 0;
}
    #header {
        clear:both;
        float:left;
		background: #317ba6 url(images/mast-bg.png) 0 0 repeat-x;
		height: 150px;
        width:100%;
    }
	#header p,
	#header h1,
	#header h2 {
		display:none;
	}
	
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
		background: #fff;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
    .holygrail .colmid {
		margin-top:5px;
        float:left;
        width:200%;
        margin-left:-250px; 	/* Width of right column */
        position:relative;
        right:100%;
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:470px;         	/* Left column width + right column width */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:220px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 255px 0 225px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:200px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:10px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:230px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:30px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	/* Footer styles */
#footer {
	height: 30px;
	color: #FFF;
	text-align: center;
	padding-top: 10px;
}
#footer a {
	color: #CCC;
}

#footer-wrapper {
	background: #000911 url(images/footer-bg.png) 0 0 repeat-x;
}

#footer-wrapper .footer-right {
	background: transparent url(images/footer-r.png) 100% 0 no-repeat;
}

#footer-wrapper .footer-left {
	height: 15px;
	overflow: hidden;
	background: transparent url(images/footer-l.png) 0 0 no-repeat;

}
    /* --> */
	
	
	/***********************************'  Header Menu  ****************/
#menu {
	border-top: 1px #DDD solid;
	margin-bottom:0px;
	border-bottom: 1px #DDD solid;
	font-size: 12px;
	font-weight:bolder;
	background:url(images/menu.jpg) repeat 0px 37px;
	height:33px;
        overflow: hidden;
}
#menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
#menu li {
	float:left;
	width:20%;
	#width:19.8%;
	margin:0;
	padding:0;
	text-align:center;
}
#menu li a {
	display:block;
	padding:9px 10px;
	height:100%;
	color:#FFF;
	text-decoration:none;
	border-right:1px solid #FFF;
}
#menu li a {
	background:url(images/menu.jpg) repeat 0 0;
}
#menu li a:hover {
	background-position:50px 0;
}

/*** Cajas Liquidas By Marian0 ***/

.box {
	width: 100%;
	margin-bottom:15px;
}
.box_top {
	background: url('images/round/top.png');
	height: 39px;
	line-height: 12px;
}
.box_topleft, .box_btopleft {
	background: url('images/round/tl.png');
	width: 10px;
	height: 39px;
	float:left;}

.box_topright, .box_btopright  {
	background: url('images/round/tr.png');
	width: 10px;
	float:right;
	height: 39px;
}
.box_content {
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	background: url('images/round/bk.png') repeat-x #FFF;
	padding: 8px;
}
.box_bottom {
	height: 12px;
	background: url('images/round/bottom.png') repeat-x #FFF;

}

.box_btopleft {
height: 12px;
	background: url('images/round/bl.png') no-repeat;
}

.box_btopright {
height: 12px;
	background: url('images/round/br.png') no-repeat;
}
.box_top .titulo, .box_top h3, .box_top .titulo a {color:#fff; padding: 14px 0 0 20px; font-size: 15px; font-weight: bolder;}
.box_top .titulo a { padding: 0;}
.box_top .titulo a:hover { color: #DDD;}

.cat ul{list-style-type:none; padding:0 0 0 5px; margin:0px;}
.cat ul li{background-image:url(images/arrow.gif); background-repeat:no-repeat; background-position:left; border-bottom:solid 1px #dedede; padding:0px 0px 0px 10px; font-size:12px;}
.cat ul li a, .cat ul li a:visited{color:#707070; text-decoration:none; line-height:25px;}
.cat ul li a:hover{ font-weight: bolder;}

/*Estilo de los avisos */

.aviso {
	margin: 0 20px 0  20px;

}

.aviso .detalles {
	text-align:justify;
	padding: 10px;

}
h1 {
	font-size: 18px;
}
.box_top .titulo h1, .box_top .titulo div {
	padding: 2px 0 0 10px;
}

h2 {
	font-size:15px;
}

.tablesorter a h2 {
	color: #000;
}
.tablesorter a h2:hover {
	color: blue;
}


.aviso h3 , .aviso h1 {
	font-size: 15px;
	background: #ddd;
	padding: 5px;
	margin: 15px 0 10px 0;

}
.aviso h2 {
	font-size: 15px;
}
.aviso h1 {
	background: #CCC;
	font-size:20px;
	margin-top:0px;
	padding:10px;
	font-weight: bolder;
}

.aviso .lista  {
	list-style: none;
}
.aviso .lista li {
	padding-left: 25px;
	margin: 10px 0 0 20px;
	background-image: url(images/star.png);
	background-repeat: no-repeat;
	height:22px;
	line-height:20px;
}

div.imagenes { width: 350px; margin: 0 auto; float:right; margin-left: 15px; }

.aviso .imagenes img {
	margin-top: 10px;
	height: 100px; width: 100px;
}

.clr {clear: both }

.barra_derecha { width: 49%; float: right; overflow: hidden;}
.barra_izquierda { width: 48%; float: left;}


.tipo, .ubicacion {
	text-align: right;
	float:right;
	width: 40%;
	margin-top: 30px;
}
.ubicacion {
	text-align: left;
	float: left;
}


#info-opciones {
   float: right;
	#margin-top: -23px;
	#margin-right: 7px;
}


/* CSS Document */		

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#E0ECF8;
    border:1px solid #8181F7;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#5E610B;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#F2F5A9;
    border:1px solid #c2e1ef;
    color:#5E610B;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

.sinMapa, .sinMapa img { height: 265px; width: 90%; margin: 0 auto; }

