body { text-rendering: optimizeLegibility; }
#content { position: relative; }
#content h2 { font: 30px "DINMittelschriftRegular"; }
#content h3 { font: 20px "DINMittelschriftRegular"; }
#content h4 { font: 16px "DINMittelschriftRegular"; margin-bottom: 6px; }
#content p { font-size: 16px; line-height: 24px; margin-bottom: 24px; }
#content p:last-child { margin-bottom: 0; }
#content p.small { font-size: 13px; line-height: 18px; }
span.red { color: red; }



#sidebar {
position: absolute; top: 20px; left: 20px;
width: 260px; }

#coda-nav-1 {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
background-color: #7d9cba;
margin-bottom: 20px;
padding: 4px; }

.coda-menu li {
display: inline; }

.coda-menu li a {
	transition: color .25s linear .1s, background-color .1s linear;
	-webkit-transition: color .25s linear .1s, background-color .1s linear .1s;
background-color: #fff;
border-bottom: 1px solid #7d9cba;
color: #7d9cba;
display: block;
font: 16px "DINMittelschriftRegular";
padding: 10px; }

.coda-menu li a:hover {
	transition: color .25s linear, background-color .1s linear;
	-webkit-transition: background-color .1s linear .1s;
background-color: #ebf1f6; }

.coda-menu li a.current {
	-webkit-transition: color .25s linear .1s, padding-left .25s linear;
background-color: #ebf1f6;
color: #1f5b94;
padding-left: 20px; }

.coda-menu li:first-child a {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px; }

.coda-menu li:last-child a {
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom: 0;
margin-bottom: 0; }

.sidebar-ad {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
background-color: #eee;
border: 1px solid #ccc;
padding: 14px; }

.sidebar-ad img { margin-bottom: 20px; }




#coda-servicios {
float: left;
overflow: hidden;
position: relative;
width: 944px; }

.panel {
float: left;
width: 944px; }

.panel-wrapper {
padding: 20px 20px 20px 340px; }

.panel-wrapper ul { margin: 10px 0; }
.panel-wrapper ul li {
font-size: 16px;
line-height: 24px;
padding: 10px 0 10px 50px; }

li.step01 { background: transparent url(images/servicios/step01.jpg) left 2px no-repeat; }
li.step02 { background: transparent url(images/servicios/step02.jpg) left 2px no-repeat; }
li.step03 { background: transparent url(images/servicios/step03.jpg) left 2px no-repeat; }