/*--[ layout ]---------------------------------------------------------------*/
html { 
	 height:100%; }

body { 
	padding: 0; 
	margin: 0;
	text-align: center; 
	font-family: Verdana, Arial, Helvetica;
	font: 11px/1.4 Verdana, Arial;
	color: #141E22;
	background: #fff url(../images/fondo.jpg) no-repeat top center; height:100%;
}

#interface {
	width: 100%; 
	height: 100%; 
	margin: 0; 
	text-align: left;
	color:#fff;
	background-color: #000; position:relative;}

#logo {position:absolute; left:0; top:0; width:243px; height:50px; }

#contenedor{
		background-color:#000000; width:550px; position:relative; top:60px;  margin:0px auto;}

#cloud{
		background-color:#000000; width:550px; text-align:left;}
			
#cloud a{ padding:5px; text-align:left; display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:-10px; color:#FF6600;}

#menu{  background-color:#000000; width:550px;}

#menu ul{
		list-style:none; padding:5px;}
		
#menu ul li{
		color:#fff; padding:5px; font-size:1.0em; font:Arial, Helvetica, sans-serif; margin-top:5px; display:inline; font-weight:bold;}
		
#menu ul li a{
		color:#fff; text-decoration:none; padding-right:5px;}
		
#contenido{
		width:550px; height:367px; overflow:hidden;}
		
#contenido ul li{
		float:left; color:#fff; width:550px; height:367px; padding:0px; margin:0;}
		
#contenido ul{
		width:1650px; padding:0px; margin:0;}
	/* caption styling */
	
.caption-top, .caption-bottom {
		color: #000000;	
		padding: 1.2em;	
		font-weight: bold;
		font-size: 13px;	
		font-family: arial;	
		cursor: default;
		border: 0px solid #334143;
		background: #cccccc;}
		
.caption-top {
	   border-width: 0px 0px 8px 0px;}
	   
.caption-bottom {
	   border-width: 8px 0px 0px 0px;}
	  
.caption a, .caption a {
		border: 0 none;
		text-decoration: none;
		background: #000000;
		padding: 0.3em;}
		
.caption a:hover, .caption a:hover { background: #202020;}

.caption-wrapper {
		float: left;}
br.c {
		clear: both; }

.plantilla{ background-color: #000000; width:510px; height:327px; padding:20px; text-align:left; background: #fff url(../images/fondo03.jpg) no-repeat left top;}
	
.plantilla h1{ background: url(../images/opaco.png) transparent repeat left top;  padding:10px; text-align:left; color:#000000; font-size:1.2em;}
		
.plantilla p{ background: url(../images/opaco.png) transparent repeat left top;  padding:10px; text-align:left; color:#000000;}
	
.plantilla2{ background-color: #000000; width:510px; height:327px; padding:20px; text-align:left;
	background: #fff url(../images/fondo02.jpg) no-repeat left top;}
	
.plantilla2 h1{ background: url(../images/opaco.png) transparent repeat left top;  padding:10px; text-align:left; color:#000000; font-size:1.2em;}
		
.plantilla2 p{ background: url(../images/opaco.png) transparent repeat left top;  padding:10px; text-align:left; color:#000000;}
	
.listado{ display:block; background-color:#fff; }

.listado li{ display:block; background-color:#FF0000;  width:550px; height:367px;}

#info{
width:722px; text-align:right; color:#fff; position:relative; top:177px; right:13px; display:none;}

#info b{color:#FFFFFF; text-decoration:none;}

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