html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{
	text-align:center;
	margin:0;
	font-family:arial;
	background-color:#000;
	background-image: url("images/fondo.png");
	background-repeat: repeat-x;}

a {
	color:#fffc01;
	}

h2 {
	font-family:Georgia; 
	font-size: 1.4em;
	font-weight:normal;
	color:#000;
	line-height: 1em;
	margin:8px 0 0 0;
	}
p {
	font-family:arial; 
	font-size: 0.8em;
	color:#fff;
	line-height: 1.5em;
	margin:8px 0 0 0;
	}

#menu {
	width:920px;
	margin:0 auto;
	text-align:right;
	}
#menu ul {
	height:27px;
	float:right;
	border-right:1px #333 solid;
	}
#menu li {
	float:left;
	font-family: Meiryo, "ＭＳ Ｐゴシック", Verdana, sans-serif;
	color:#fff;
	background-color:#000;
	line-height: 1.5em; 
	font-size: 0.7em;
	padding:8px 5px 3px 5px;
	text-transform: uppercase;
	border-left:1px #333 solid;
	}
#menu li a{
	text-decoration: none;
	}
#doc {
	margin:0 auto;
	text-align:left;
	width:920px;
}
#header{
	height:100px;
	background-color:transparent;
	margin:0;
	padding:30px 0 0 0;
	}
	
.logo {
	width: 330px; height: 131px;
	position: relative;
	cursor: pointer;
	}
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
        }
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}
#gallery {
	position:relative;
	height:300px;
	margin:50px 0 0 0;
	border-top:5px #ffff00 solid;
	border-bottom:5px #ffff00 solid;
}
	#gallery a {
		cursor:default;
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:50px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	
.col h2,
.doble-col h2, 
.col-der h2 {
	font-family:Georgia; 
	font-size: 1.4em;
	padding:5px 5px 5px 0;
	}
.verde{
	color:#90d309;	
	}
.rojo{
	color:#f2103a;
	}
.azul{
	color:#2eaadc;	
	}
.amarillo {
	color:#fffc01;
	}
.blanco {
	color:#fff;
	font-size: 1.8em;
	font-style:italic;
	margin:0 0 10px 0;
	}
.col{
	width:290px;
	
	background:transparent;
	margin:10px 23px 0 0;
	padding:5px 0 0 0;
	float:left;
	}
	
.col-der{
	width:290px;
	
	background:transparent;
	margin:10px 0 0 0;
	padding:5px 0 0 0;
	float:right;
	}

.cuadro{
	width:293px;
	background-color:#333;
	border:#ccc 0px solid;
	margin:50px 0 0 0;
	padding:5px 0 10px 0;
	float:right;
	}

.cuadro p {
	font-size: 0.8em;
	line-height: 1.3em;
	margin:8px 0 0 13px;
	font-family:georgia;
	color:#fffc01;
	line-height: 1.5em;
	text-transform: uppercase;
	clear:both;
	}
.left {
	float:left;
	}
.right {
	float:right;
	}
.doble-col{
	width:606px;
	background-color:transparent;
	margin:40px 0 0 0;
	padding:0;
	float:left;
	}

.doble-col h2 {
	font-family:georgia; 
	font-size: 1.5em;
	font-style:italic;
	color:#fff;
	line-height: 1.5em;
	margin:0 0 30px 0;
	}
.doble-col h3 { 
	font-family:georgia;
	color:#fffc01;
	font-size:0.8em;
	font-weight:normal;
	line-height: 1.5em;
	margin:0 0 0 0;
	text-transform: uppercase;
	float:left;
	}
.doble-col p { 
	color:#fff;
	font-size:0.8em;
	font-weight:normal;
	line-height: 1.5em;
	margin:0 0 0 110px;
	}

#prefooter{
	width:100%;
	height:57px;
	background:transparent;
	background-image: url("images/esquinablack-down.png");
	background-repeat: no-repeat;
	margin:0;
	float:left;
	}
#subcontent{
	width:100%;
	background:#222;
	background-image: url("images/fondo2.png");
	background-repeat: repeat-x;
	background-position:bottom;
	border-top:#111 0px solid;
	margin:0 0 0 0;
	padding:50px 0 70px 0;
	float:left;
	}
#subcontent p {
	color:#fff;
	}
#fulltext{
	width:920px;
	height:185px;
	border-top:#ccc 0px solid;
	margin:10px 0 0 0;
	padding:0;
	float:left;
	background-color:#333;
	background-image: url("images/esquinablack.png");
	background-position:right bottom;
	background-repeat: no-repeat;
	}
#fulltext p { 
	font-family:Georgia;
	color:#fff;
	line-height: 1.5em;
	margin:0 5px 0 0;
	}
.road {
	background-image: url("images/roa.jpg");
	background-position:left top;
	background-repeat: no-repeat;
	height:185px;
	margin:0;
	padding:37px 10px 0 190px;
	font-size: 1.1em;
	}
.trans {
	background-image: url("images/tran.jpg");
	background-position:left top;
	background-repeat: no-repeat;
	height:185px;
	margin:0;
	padding:26px 10px 0 190px;
	font-size: 1.1em;
	}
.design {
	background-image: url("images/desig.jpg");
	background-position:left top;
	background-repeat: no-repeat;
	height:185px;
	margin:0;
	padding:49px 10px 0 190px;
	font-size: 1.1em;
	}
#footer{
	width:100%;
	background:#222;
	margin:0 0 0 0;
	padding:10px 0 10px 0;
	float:left;
	}
#footer p {
	color:#fff;
	font-family:arial;
	font-size:0.7em;
	font-weight:normal;
	line-height: 1.5em;
	margin:0 0 0 0;
	text-align:left;
	}