/* CPR Screen Styles */

* {font-size: 100%;}
body {margin: 0; padding: 0; background: #fff url(../img/bodybg.gif) repeat-x; text-align: center;}
body, td, th {font: .75em Verdana, Helvetica, Arial, sans-serif; color: #333;}
h1 {margin: 0; font-size: 1.42em; padding: 0; color: #369; line-height: 100%;}
h2 {margin: 0; font-size: 1.17em; padding: 1.5em 0 1em; color: #369;}
h3 {margin: 0; font-size: 1em; padding: 1em 0 .5em; color: #000;}
p {margin: 0; padding: 0 0 1em; line-height: 140%;}
li {
	line-height: 140%;
}
form {margin: 0; padding: 0;}
.clear {float: none; clear: both;}
.hr hr {display: none;}
#page {width: 748px; margin: 0 auto; text-align: left; border-bottom: 1px solid #333; padding-bottom: 4em;}
#side {
	width: 205px;
	float: left;
	padding-top: 60px;
	background-repeat: no-repeat;
}
#main {
	width: 530px;
	float: right;
	padding-top: 35px;
}
#foot {clear: both;}
/* Home page */
#hom {background-image: url(../img/hom/bodybg.gif);}
#hom #side {
	padding-top: 30px;
	background-image: none;
	width: 205px;
}
#hom #main {width: 520px; padding-top: 40px;}

/* ----------
   Links 
------------- */
a {color: #369;}
a:hover {color: #930;}
#lang a, #foot a {color: #999; text-decoration: none;}
#clients a {color: #fff; text-decoration: none; font-weight: bold;}
#lang a:hover, #foot a:hover {color: #930; text-decoration: underline;}

/* ----------
   Language 
------------- */
#lang {text-align: center; width: 100%; margin: 0; height: 27px; background: url(../img/topbg.gif) 50% 0;}
#lang p {width: 748px; margin: 0 auto; font-size: 11px; line-height: 11px; padding: 8px 0; text-align: right; background: url(../img/lang.gif) no-repeat; color: #999;}

/* ----------
   Logo 
------------- */
#logowrap {width: 100%; background: #fff; height: 61px; position: relative; text-align: left;}
#logo {width: 100%; background: #fff; height: 61px;}
#logo a {position: absolute; top: -27px;}

/* ----------
   Header 
------------- */
#head {
	width: 748px;
	height: 159px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background-image: url(../imagenes/pagsup.jpg);
	background-repeat: no-repeat;
	background-position: 0 34px;
}
#pic {position: absolute; top: -46px; left: 77px; width: 64px; height: 80px; background: url(../img/headout.gif) no-repeat;}
#search {
	text-align: right;
}
#search form {
	padding: 6px 0 0;
}
#search .label {font-size: .92em; color: #fff; padding: 0;}
input#srchfor {width: 154px; margin: 0; }
input.srchbtn {background: url(../img/srchbtn.gif) no-repeat; border-width: 0; color: #b9c7d3; font-size: .84em; font-weight: bold; width: 66px; height: 21px; line-height: 21px; margin: 0 0 0 10px;}
/* Home page */
#headwrap {width: 100%; text-align: center;}
#tagline {width: 100%; height: 34px; background: no-repeat;}
#tagline span {position: relative; left: -5000px;}
#hom #head {height: 206px; position: static; background: url(../imagenes/socios.jpg) no-repeat left top;}
#entries {background: url(../imagenes/acuerdo.jpg) no-repeat 207px 0; padding-top: 136px; position: relative;}
#hom #pic {position: absolute; top: -80px; left: 542px; width: 120px; height: 80px; background: no-repeat;}
#clients {width: 253px; height:64px; background: #294d74 no-repeat; position: absolute; top: 136px; left: 207px;}
#clients a {display: block; width: 253px; height: 64px; background: 11em 31px url(../img/hom/raquo.gif) no-repeat;}
#clients a:hover {color: #fff; background: #023e5d url(../img/hom/bevel.gif) right repeat-y; text-transform: uppercase;}
#clients span {display: block; padding: 35px 30px 17px 15px; line-height: 12px;}
#clients a .raquo {position: absolute; left: -5000px;}
#hom #search {text-align: left; height: 64px; background: #6d87a1 url(../img/hom/bevel.gif) right repeat-y; margin-left: 460px;}
#hom #search form {padding: 0; margin: 0 0 0 28px; }
#hom #search .label {display: block; padding: 15px 0 4px;}
/* Internal pages */
#car #head {background-image: url(../img/car/car_headbg.jpg);}
#con #head {background-image: url(../img/contact/con_headbg.jpg);}
#crs #head {background-image: url(/img/crs/crs_headbg.jpg);}
#crs1 #head {background-image: url(../imagenes/pagsup.jpg);}
#crs2 #head {background-image: url(../imagenes/pagsup.jpg);}
#crs3 #head {background-image: url(../imagenes/pagsup.jpg);}
#hom1 #head {background-image: none;}


/* ----------
   Navigation
------------- */
#nav, #nav ul {margin: 0; padding: 0; list-style: none;}
#nav ul {display: none;}
#nav li {margin: 0 0 0 15px; padding: 0; border-bottom: 1px solid #ccc; width: 159px;}
#nav li.cli {border-bottom-width: 0;}
#nav li a {display: block; width: 174px; color: #036; font-size: .92em; text-decoration: none; position: relative; left: -15px; line-height: 127%; padding: 6px 0 7px; }
#nav li a span {display: block; margin-left: 17px;}
#nav li a:hover {color: #999; background: url(../img/icon_nav.gif) 0 50% no-repeat;}
#hom #nav .hom a.l1,
#crs #nav .crs a.l1, #crs1 #nav .crs1 a, #crs2 #nav .crs2 a, #crs3 #nav .crs3 a,
#reg #nav .reg a.l1,
#lic #nav .lic a.l1,
#dat #nav .dat a.l1, #dat1 #nav .dat1 a, #dat2 #nav .dat2 a, #dat3 #nav .dat3 a,
#car #nav .car a.l1,
#new #nav .new a.l1,
#con #nav .con a.l1,
#cli #nav .cli a.l1 {background: url(../img/icon_nav.gif) 0 50% no-repeat;}
#hom #nav .hom a.l1:hover,
#crs #nav .crs a.l1:hover, #crs1 #nav .crs1 a:hover, #crs2 #nav .crs2 a:hover, #crs3 #nav .crs3 a:hover,
#reg #nav .reg a.l1:hover,
#lic #nav .lic a.l1:hover,
#dat #nav .dat a.l1:hover, #dat1 #nav .dat1 a:hover, #dat2 #nav .dat2 a:hover, #dat3 #nav .dat3 a:hover,
#car #nav .car a.l1:hover,
#new #nav .new a.l1:hover,
#con #nav .con a.l1:hover,
#cli #nav .cli a.l1:hover {color: #036; cursor: text;}
/* Submenus */
#nav ul {margin: 0 0 .5em; }
#nav li li {margin-left: 15px; border-bottom-width: 0; width: 144px;}
#nav li li a {width: 159px; left: -15px; padding: 4px 0; }
#nav li li a span {margin-left: 17px;}
#crs #nav .crs ul, #crs1 #nav .crs ul, #crs2 #nav .crs ul, #crs3 #nav .crs ul,
#dat #nav .dat ul, #dat1 #nav .dat ul, #dat2 #nav .dat ul, #dat3 #nav .dat ul {display: block;}

/* ----------
   Content 
------------- */
#main ul {list-style-type: disc; margin: 0 0 0 1.5em; padding: 0 0 1em;}
#main li {padding: 0 0 .5em;}
#maincontent {margin: 0 12px;}
#pgtitle {
	border-top: 6px solid #dbdbdb;
	padding: 0 30px 1em;
}
.int h1 {text-align: right;}
.int h1 #maintitle {position: relative; top: -13px; background: #fff; display: inline; padding: 0 15px;}
.int h1 #subtitle {margin-top: -.65em; font-size: .71em; font-weight: normal; font-style: italic; padding: 0 15px 1.5em; display: block;}
.focus {float: right; width: 180px; margin: 0 0 30px 30px; color: #630; font-size: .92em; border-bottom: 1px solid #ac9775;}
.focus h2 {font-size: 1em; line-height: 120%; color: #630; padding: 0 0 0 6px; border-left: 12px solid #6c5b41;}
.focustitle {padding: 0 4px 6px; margin: 0 0 1em; border-bottom: 1px solid #ac9775; }
.focus p {padding: 0 4px 1em;}
.focuspic {margin: 0 4px 1em; border: 2px solid #e8e2d9; padding: 3px;}
.focuspic img {border: 1px solid #7c694b;}
.focus .hr {height: 5px; width: 180px; background: #ac9775; margin: 1em 0 1px;}
/* Home page */
#hom h1 {display: none;}
#hom #intro {
	padding: 12px 30px 15px;
	margin-bottom: 45px;
	border: 1px solid #CCCCCC;
}
#hom #intro h2 {
	position: relative;
	top: -22px;
	left: -15px;
	padding: 0;
	height: 20px;
	line-height: 13px;
	background-color: #fff;
	background-image: url(../imagenes/master.gif);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 308px;
	margin-bottom: 0;
	margin-left: 0;
	width: 285px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
#hom #intro h2 span {position: absolute; left: -5000px;}
#hom #intro p {width: 100%;}
#hom #news {
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #dbdbdb;
}
#hom #news h2 {
	padding: 0;
	height: 25px;
	background: url(../imagenes/noticias.gif) no-repeat 320px 0;
	position: relative;
	top: -19px;
}
#hom #news h2 span {position: relative; left: -5000px; }
#hom #newslist {
	color: #333;
	margin: 15px 0 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}
#hom #newslist li {
	background: url(../img/icon_news.gif) 0 .2em no-repeat;
	padding: 0 0 1em 2.75em;
	margin: 0;
	list-style-image: none;
}

/* ----------
   Footer
------------- */
#foot {
	border-top: 1px solid #999;
	width: 600px;
	font-size: .92em;
	color: #bbb;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
	padding-bottom: 10px;
}
#foot .hr {height: 1px; width: 410px; background: #ccc; margin: 1px auto 0;}
#loc {color: #999; background: url(../img/foot.gif) 50% 0 no-repeat; position: relative; top: -9px; padding: 25px 0 0;}