a img{ border:none;}
#pagina{ min-width:1000px; overflow:auto;  min-height:800px; display:block; position:static;}
.pagina{ min-width:1000px; overflow:auto;  min-height:800px; display:block; position:static;}
#encabezado { 
float: left;
    height: 70px;
    margin: 20px 50px 0;
    position: static;
    width: 90%;

}
#footer {
bottom: 0;
    color: #535353;
    display: table;
    font-size: 14px;
    line-height: 14px;
    margin: 0 auto 20px;
    padding-left: 25%;
    position: fixed; text-align:left;
	
    }

#footer2 {
bottom: 0;
    color: #535353;
    display: table;
    font-size: 14px;
    line-height: 14px;
    margin: 0 auto 20px;
    padding-left: 25%;
    position: fixed;
	*position:relative; *height:80px; text-align:left;
    }
#encabezado h1 { 
float: left;
    height: 60px;
    margin: 0 0px 0;
    position: static;
    width: 90%;
color: #535353;
}


.cc_menu{
	color: #535353;
    font-size: 14px;
    margin-bottom: 30px;
    margin-left: 50px;
    margin-top: 30px;
    max-height: 600px;
    min-height: 350px;
    position: relative;
    width: 95%;
    
}
#datos{
	width:264px; /*140px * 5*/
	height:500px; margin-left:8px; float:left; background-color:#FFFFFF;
	font-size:12px;
	color:#535353; 
}

.logo{
color: #FFFFFF;
    float: left;
    font-size: 14px;
    height: 129px;
    margin-left: 30px;
    position: static;
    width: 264px;
}

#menu{
	width:700px; /*140px * 5*/
	color: #FFFFFF;
    float: right;
    font-size: 14px;
    height: 50px;
    margin-right: 50px;
    margin-top: 30px;
    position: relative;
    }


.cc_item{
	text-align:center;
	width:150px;
	height:150px;
	float:left;
	border-bottom:1px solid #000;
	background:#fff;
	position:relative;
	-moz-box-shadow:3px 3px 5px #ccc;
	-webkit-box-shadow:3px -3px 10px #ccc; margin-top:25px; margin-bottom:20px; margin-right:20px;	box-shadow:3px -3px 10px #ccc;
}
span.cc_title{
	border-bottom: thin solid #999999;
    color: #535353;
    display: block;
    letter-spacing: -1px;
    padding: 3px 0 3px 5px;
    position: absolute;
	*position:relative;
    text-align: left;
    top: 155px;
	*top:0px; *color:#535353; *background-color:#FFFFFF; *width:148px;
    width: 150px;
    z-index: 11;
	
}
.cc_submenu ul{
	list-style:none;
	width:150px;
	margin:0;
	padding:0;
	height:0px; /*increase to 200px to slide up*/
	overflow:hidden;
	text-align:left;
	background:#fff;
	position:absolute;
	left:0px;
	bottom:1px;
	opacity:0.9;
	z-index:13;
}
.cc_submenu ul li{
	color:#333;
	cursor:pointer;
	padding:10px;
}
.cc_item img{
	position:absolute;
	width:150px;
	height:151px;
	top:0px;
	left:0px;
}

#ontent{
	width:400px;
	height:400px; 
	float:left; padding-left: 40px;
	color: #535353;
}


.cc_content{
	width:90%;
	height:500px;
	border-left:1px solid #efefef;
	*border:#CCCCCC thick solid;
	position:absolute;
	left:-1700px;
	background:#fff;
	overflow:hidden;
	-moz-box-shadow:4px 0 7px #ccc;
	-webkit-box-shadow:4px 0 7px #ccc;
	box-shadow:4px 0 7px #ccc;
}

.cc_content h1 {
padding-left:20px; 
font-size:28px;
margin-bottom: 0;

}

.cc_content div{
	display:none;
	margin:20px;
}

.cc_content_1 div, .cc_content_2 div, .cc_content_3 div, .cc_content_4 div, .cc_content_5 div, .cc_content_6 div, .cc_content_7 div, .cc_content_8 div, .cc_content_9 div, .cc_content_10 div, .cc_content_11 div, .cc_content_12 div{ display: block;
    float: left;
   
    margin: 0 20px 0 200px;
    text-align: left; 
	width: 85%;
	*width:83%; *height:420px; 
		 overflow:auto;
}










.cc_content p{
	border-right: thin solid #999999;
    height: 300px;
    line-height: 15px;
    
    padding: 20px;
    position: absolute;
	*position:absolute;
    width: 150px;
}


#fotos {  *position: absolute;*margin-right:20px; 
 
}



span.cc_back{
	color: #333333;
    cursor: pointer;
    position: absolute;
    right: 50px;
    top: 40px;
}

/*menu*/
ul.topnav { z-index:999;
	list-style: none;
	padding: 0 20px;
	margin: 0; float:right;
	text-transform: uppercase;
	width: 600px; text-align:center;
	
	font-size: 1.2em; 
	 position:absolute;
}
ul.topnav li {
	float: left;border-bottom:1px solid #ccc; 
	margin: 5px;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #333;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(../images/topnav_hover.gif) no-repeat center top;
}

ul.topnav li ul{ font-size:14px; line-height:12px;
	-moz-box-shadow:3px 3px 5px #ccc;
	-webkit-box-shadow:3px -3px 10px #ccc;	box-shadow:3px -3px 10px #ccc;
}

ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer; } /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 50px;
	background: #efefef;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #fff ;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #fff ;
}