/* General */

body,html
{
	background-color:#FFFFFF;
	background-color:#001f3e;
	background-image:url(bg-page.png);
	background-repeat:repeat;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
    margin: 0px;
    padding: 0px;
	text-align:center;

}

a { 
	color: #FFFFFF;
	background-color: inherit;
	text-decoration:none;
}

a:hover {
	color: #CCCCCC;
	background-color: inherit;
	text-decoration:none;

}


/* Cuerpo - Estructura */

#cuerpo{
   background-color:#002F5E;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#002F5E;
   font-size:12px;
   text-align:center;
   width:960px;
   float:left;
   margin-left:25px;
   margin-right:20px;
   margin-top:0px;
   

}

#logo
{
   background-image:url(logo.jpg);
   background-repeat:no-repeat;
   height:130px;
   width:960px;
   text-align:center;

}

.logo
{
   font-size: 12px;
	color: #CCCCCC;

}

h1 
{
	font-size: 12px;
	color: #CCCCCC;
	width: 960px;
	text-align:center;
	height: 80px;
	line-height:1.6;
    padding-top:70px;
}



#top-webcams {
	height:160px;
	background-color: #B5B5B5;
	padding-top:10px;
	
}

.espacios {
	height:30px;
	background-color: #002F5E;
	
}

#footer {
	width: 960px;
	background-color: #002F5E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	float:left;
	text-decoration:none;
	text-align:center;
	line-height:1.3;

	
}

h2 {
	font-size: 15px;
	color: #FFFFFF;
	width: 900px;
	background-color: #002F5E;
	height: 40px;
	text-align:center;
	font-weight:normal;
	margin: 0;
}


#pie-pagina
{
    background:#002F5E;
	width:960px;
	height:190px;
	float:left;
	text-align:center;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color:#C2C5D6;
	line-height:1.2;
	padding-top:30px;

}

#espacio-gris {
	height:20px;
	width: 960px;
	float:left;
	background-color: #CCCCCC;
	
}

/* Always display Mozilla vertical scrollbar (to match IE) */
html
{
    overflow		: -moz-scrollbars-vertical;
}



/* Container for the thumbnail grid */
.Pagination
{
    display			: block;
    text-align		: center;
    margin-bottom	: 7px;
    height			: 30px;
    line-height		: 30px;
    font-family		: Verdana, Sans-Serif;
    font-size		: 11px;
    background		: #002F5E;
}

/* Overall pagination link style */
.Pagination span,
.Pagination a
{
    padding			: 2px 5px;
    border-width	: 1px;
    border-color	: #CCCCCC;
    border-style	: solid;
    color			: #FFFFFF;
    text-decoration	: none;
    background		: #002F5E;
}

/* Individual pagination link (hover state) */
.Pagination a:hover
{
    background		: #002F5E;
    color			: #ffffff;
}

/* Disabled pagination link */
.Pagination .disabled
{
    color			: #CCCCCC;
}

/* Current pagination link */
.Pagination .current
{
    background		: #CCCCCC;
    color			: #002F5E;
}

/* Container for the entire thumbnail grid */
.Thumbnails 
{
    background		: #002F5E;
}

/* Container for both thumbnail image and text links */
.Thumbnails .thumb
{
    display			: block;
    float			: left;
    margin			: 5px;
}

/* Container for each thumbnail image link */
.Thumbnails .thumb .image
{
    border-width	: 2px;
    border-color	: #ffffff;
    border-style	: solid;
    background		: #002F5E;
}

/* Individual thumbnail image link (passive state) */
.Thumbnails .thumb .image a img
{
    width			: 150px;
    border			: none;
    opacity			: 1.0;
    filter			: alpha(opacity=100)
}

/* Individual thumbnail image link (hover state) */
.Thumbnails .thumb .image a:hover img
{
    /*
    opacity			: 0.75;
    filter			: alpha(opacity=75)
    */
}

/* Container for each text link */
.Thumbnails .thumb .text
{
    width			: 150px;
    font-family		: Verdana, Sans-Serif;
    font-size		: 10px;
    line-height		: 12px;
}

/* Individual text link (passive state) */
.Thumbnails .thumb .text a
{
    color			: #ffffff;
}

/* Individual text link (hover state) */
.Thumbnails .thumb .text a:hover
{
    color			: #cccccc;
}