a {
	color: #369;
}

body {
	font: 100% arial, sans-serif;
	color: #666;
	background: #FFF url(../images/bg_demos_arriba.png) 0 0 repeat-x;
	margin: 0;
	padding: 0;
}

#content {
	width: 100%;
	height: 450px;
	float: left;
}

.demo #content {
	margin: 40px 0 0 0;
	height: 410px;
	width: 100%;
	text-align: center;
	float: left;
}

#content #col1, #content #col2 {
	margin: 10px;
	width: 320px;
	float: left;
}

#content #col2 {
	font-size: 85%;
}

#col2 .demo {
	background: #FFFFFF url(../images/gancho.gif) no-repeat;
}

#content #col2 h3 {
	margin: 10px 0 10px 30px;
	font-size: 100%;
	font-weight: normal;
	color: #999;
}

#content #col2 h3 a {
	font-weight: bold;
}

#content #col2 ul {
	font-size: 90%;
	margin: 0 0 0 1.5em;
	padding: 0;
}

#header {
	width: 100%;
	height: 55px;
	float: left;
	background: #00319C url(../images/bg_demos_arriba.png) 0 0 repeat-x;
}

#header h1 {
	margin: 0;
	padding: 0;
	float: left;
	width: 216px;
	height: 45px;
	float: left;
	background: url(../images/logo_bgeneral.png) 0 0 no-repeat;
}

#header h2 {
	margin: 15px 15px 0 0;
	padding: 0;
	color: #FFF;
	font-size: 18px;
	text-align: right;
	font-weight: normal;
}

#header span {
	display: none;
}

.intro {
	width: 320px;
	font-size: 120%;
	margin: 20px 0 0 0;
	float: left;
}

.intro p {
	margin: 0 0 0 30px;
}

#nav #anterior, #nav #siguiente, #nav #home {
	width: 240px;
	height: 40px;
	float: left;
	margin: 10px 0 0 0;
	font-size: 22px;
}

#nav * a {
	text-decoration: none;
}
/*
#nav #anterior a {
	display: block;
	width: 115px;
	height: 32px;
	margin: 0 30px 0 10px;
	border: 0;
	float: left;
	text-align: right;
	background: url(../images/but_anterior.png) top left no-repeat;
}

#nav #siguiente a {
	display: block;
	width: 130px;
	height: 32px;
	margin: 0 0 0 50px;
	border: 0;
	float: left;
	background: url(../images/but_siguiente.png) top right no-repeat;
}
*/
#nav #home a {
	display: block;
	width: 130px;
	height: 32px;
	margin: 0 25px 0 25px;
	border: 0;
	float: left;
	text-align: center;
}

#wrapper {
	width: 720px;
	_width: 700px;
	height: 580px;
	margin: 0;
	padding: 0;
	float: left;
}
#wrapper2 {
	width: 700px;
	margin: 0;
	padding: 0;
	float: left;
}

.demo-home #wrapper {
	background: #FFF url(../images/bg_candado.jpg) bottom left no-repeat;
}


/** PAGINAS INTERNAS **/

#content .content-col1,#content .content-col2 {
	float:left;
}
#content .content-col1 {
	width:65%;
	font-size:12px;
	color:#333;
}
#content .content-col2 {
	width:34%;
}
#content .content-col1 h2 {
	font-size:22px;
	color: #000066;
}
#content .content-col1 li {
	padding-bottom:10px;
}
#content .content-col2 #menu li {
	list-style-image: url(../images/gancho_chico.gif);
	padding-bottom: 10px;
}
#content .content-col2 #menu a {
	font-size: 11px;
	font-weight:bold;
	color: #336699;
}
#content .content-col2 .devuelta a {
font-size:11px;
color:#336699;
padding-left: 18px;
padding-top:0;
}
#content .content-col1 .margin,#content .content-col2 .margin {
padding:10px;
}

/** PAGINA PRINCIPAL **/
#phishing {
	width: 431px;
	padding-right:10px;
	float:right;
}
#phishing  p {
	font-size:12px;
	color:#333;
}
#phishing a {
	color: #336699;
}


/* hacks */
/* siempre debe ir al final de esta pgina */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */