/* css information
--------------------------------------------------------

	blue line							4c68a1
	blue back							29406e
	light blue							69c2ff
	dark blue back					1c253b
	darkest blue back				0c1320
	alt blue								3b5488
	
-------------------------------------------------------- */

* { padding: 0; margin: 0; border: 0; } 

body {
	font-size: 76%;
	font-family: "Lucida Grande", tahoma, verdana, sans-serif;
	text-align: center;
	background: #37516b url("../images/back-topete.gif") left top repeat-x;
	color: #FFF;
}

li { list-style: none; }
.hide { display: none; }


/* global interface elements
-------------------------------------------------------- */
#home #header-wrapper {
	background: url("../images/back-header-sub3.gif") left top repeat-x;
	height: 90px; width: 100%;
	margin-top: 25px;
}

#header-wrapper {
	background: url("../images/back-header-sub3.gif") left top repeat-x;
	height: 90px; width: 100%;
}

#content-wrapper {
	background: #304458;
	width: 100%;
	float: left;
}

#footer-wrapper {
	background: #37516b url("../images/back-bote.gif") left top repeat-x;
	width: 100%;
	float: left;
}

#content, #header, #nav, #footer {
	width: 800px;
	text-align: left;
	margin: 0 auto;
}

#content {
	padding: 41px 0;
}
#contento-wrapper {
	background: #304458;
	width: 100%;
	
}
#contento {
	padding: 21px 0;
}

#left {
	position: relative;
	width: 200px;
	float: left;
	padding-bottom: 41px;
}

#right {
	position: relative;
	width: 544px;
	float: right;
	padding-bottom: 41px;
}

/* navigation elements
-------------------------------------------------------- */
#home #replacelogo {
	position: relative;
	top: 0px; left: -36px;
	width: 848px; height: 120px;
	background: url("../images/logo.png") no-repeat;
}
#home #replacelogoo {
	position: relative;
	top: 0px; left: -36px;
	width: 848px; height: 120px;
	background: url("../images/logo-en.png") no-repeat;
}
#home #replacelogo a, #home #replacelogo h2 {
	display: block;
	width: 398px; height: 120px;
	text-indent: -9999px;
	background: none;
	text-decoration: none;
} 

#replacelogo {
	position: relative;
	top: 0; left: -36px;
	width: 344px; height: 120px;
	background: url("../images/logo.png") no-repeat;
}

#replacelogo a, #replacelogo h2 {
	display: block;
	width: 344px; height: 120px;
	text-indent: -9999px;
	background: none;
	text-decoration: none;
} 

#nav-wrapper { background: url("../images/back-nav2.gif") left top repeat-x; }

#nav {	height: 31px; position: relative; }

#nav ul {
	text-align: right;  
	width: 900px; 
	position: absolute;
	right: 0; 
}

#nav li { display: inline; float: right; }

#nav #nav-home {
	position: absolute;
	left: 85px; 
}

#nav a {
	display: block;
	float: left;
	padding: 6px 12px;
	color: #e8deb1;
	text-decoration: none;
	font-size: 1.15em;
}

#nav a:hover { color: #FFF; }

#nav a.current { background: url("../images/back-nav-current.gif") left top repeat-x; color: #FFF; z-index:2; }


/* home elements
-------------------------------------------------------- */
#pic1 {
	background: url("../images/CAM-Carreteras.png");
	width: 544px; height: 524px; 
}
#pic2 {
	background: url("../images/CAM-Carreteras2.png");
	width: 544px; height: 524px; 
}
#pic3 {
	background: url("../images/CAM-Cruces.png");
	width: 544px; height: 524px; 
}
#pic4 {
	background: url("../images/CAM-Cruces2.png");
	width: 544px; height: 524px; 
}
#dok li {
	padding:0 0 7px 0;
}
#home .dyk li {
	padding: 0 0 9px 21px;
	background: url("../images/bullet-marca.gif") left top no-repeat;
}

#home .dyk li.last {
	padding: 0 0 21px 0 !important;
	background: none !important;
}

#home .news li {
	padding: 3px 0 3px 21px;
	background: url("../images/bullet-flecha.png") left center no-repeat;
	
	/*position: relative;*/
}

.home-service-wrapper {
	float: left;
	width: 544px; 
	margin-bottom: 20px;
}

.home-service {
	margin: 0 15px;
	height: 142px;
}

.home-service-wrapper div p {
	position: relative;
	padding: 12px 0 0 0;
}

/* content elements
-------------------------------------------------------- */
h9 {
	font-size: 1.1em;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 20px;
}
h5 {
	font-size: 1.15em;
	font-weight: normal;
	padding-top: 20px;
	padding-bottom: 20px;
}
h8 {
	font-size: 1.2em;
	font-weight: normal;
	color: #fff;
}
h3 {
	font-size: 1.15em;
	font-weight: normal;
	color: #e8deb1;
}

h4 {
	font-size: 1.2em;
	font-weight: normal;
	color: #e8deb1;
	padding-top: 1em;
}
.flash {
	margin-top: 10px;
	}

#right p, #right li {
	padding-bottom: 1em;
	line-height: 1.4em;
}

#right li {
	background: url("../images/bullet-arrow.gif") left 5px no-repeat;
	padding-left: 12px;

	position: relative;
	margin-left: 20px;
	padding-left: 20px;
}

#left h3 {
	border-bottom: 2px solid #3b5488;
	margin-bottom: 6px;
}

#home h1 {
	font-size: 1.15em;
	font-weight: normal;
	padding-bottom: 21px;
}

#content a {
	color: #e8deb1;
	text-decoration: none;
}

#content a:hover, #footer a:hover, #footero a:hover {
	color: #FFF;
}

#footer p {
	color: #ccc;
	padding: 30px 0;
	text-align: center;
}
#footero p {
	color: #ccc;
	padding: 30px 0;
	text-align: center;
}
#footero a {
	color: #CCCCCC;
	text-decoration: none;	
}
#footer a { 
	color: #CCCCCC;
	text-decoration: none;		
 }

img.large { padding-bottom: 21px; }

.pic_demo {
	position:absolute;
	z-index:1;
	background-image: url(../images/estrella-demo.gif);
	background-repeat: no-repeat; 
	width:127px;
	height:127px;
	margin:90px 0 0 760px;
}
.pic_demo_dup {
	position:absolute;
	z-index:100;
	background-image: url(../images/estrella-demo.gif);
	background-repeat: no-repeat; 
	width:127px;
	height:127px;
	margin:60px 0 0 20px;
}
.pic_demoo {
	position:absolute;
	z-index:1;
	background-image: url(../images/estrella-demoo.gif);
	background-repeat: no-repeat; 
	width:127px;
	height:127px;
	margin:90px 0 0 760px;
}