body

{

	background: #FFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:20px;
	text-align:justify;
}


#top, #content, #footer {
	margin:auto;
	width:976px;
}
#content {
border:1px solid #C3C3C1;
margin-top:-10px;
}

#footer {
width:978px;
}
#menu {
background:#333333;
clear:left;
height:38px;
text-transform:uppercase;
}

#menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:-12px;
}
#menu ul li {
display:inline;
margin:0;
padding:0;
}
#menu a {
color:#FFFFFF;
display:block;
float:left;
font-weight:bold;
letter-spacing:1px;
padding:8px;
text-decoration:none;
}
#menu a:hover {
text-decoration:underline;
background:#334e82;
height:21px;
}

#title{
background:transparent url(../images/background-cont.jpg) repeat-x scroll 0 0;
height:160px;
overflow:hidden;
width:976px;
}
#title p {
color:#FFFFFF;
font-size:40px;
margin-bottom:10px;
margin-left:100px;
}
#title span{
margin-left:100px;
color:#FFFFFF;
}
#title img {
float:right;
margin-right:100px;
margin-top:20px;
}


#bordersLeft {
float:left;
margin-top:-10px;
}
#textleft {
margin-left:30px;
float:left;
width:640px;
margin-top:40px;
}
#textleft div.center{
text-align:center;
}
div.contenidoIndex {
border:1px solid #CCCCCC;
margin-bottom:10px;
float:left;
}
div.contenidoIndex h2,img {
margin-left:20px;
}
div.contenidoIndex img {
float:left;
margin-right:10px;
}
div.contenidoIndex p {
margin-right:10px;
}
div.contenidoIndex a img {
border:none;
}
div.contenidoIndex p.except {
margin-left:20px;
}
#right {
background-color:#F3F3F1;
height:inherit;
margin-left:700px;
padding-bottom:25px;
padding-top:25px;
}
#right ul {
list-style-type:none;
margin-left:-20px;
}
#right li {
margin-top:3px;
}
#right label {
-x-system-font:none;
color:#000000;
display:inline-block;
font-family:Arial;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 10px 0 0;
padding:5px;
vertical-align:top;
width:65px;
}
#right input.txt, textarea {
-x-system-font:none;
border:1px solid #CCCCCC;
color:#666666;
font-family:Arial;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:4px 5px;
vertical-align:top;
width:145px;
}
#right textarea {
height:8em;
}

#right h2 {
border-bottom:solid 1px #dfdfdb;
font-size:16px;
margin-top:15px;
margin:0 0 15px;
padding:5px 0;
margin-left:20px;
}

#right #sendbutton {
background:transparent url(../images/grey_block_submit.jpg) no-repeat scroll 0 0;
border:medium none !important;
color:#FFFFFF;
cursor:pointer;
height:31px;
width:72px;
margin-left:20px;
}
#right #exito {
	width:200px;
	height:40px;
	border:solid 1px #666666;
	background:#D5D5D5;	
	margin-left:40px;
	margin-bottom:20px;
}
#right #exito a {
text-decoration:none;
margin-top:10px;
margin-left:20px;
float:left;
color:#990000;
}
#right #exito a:hover {
text-decoration:underline;
}

#footerText {
background-color:#333333;
color:#999999;
float:left;
font-size:11px;
left:54px;
text-align:left;
width:100%;
}
#footerText p, span {
margin-left:10px;
margin-right:10px;
}
#footerBlog {
margin-left:10px;
margin-right:10px;
}

#footerBlog a{
text-decoration:none;
color:#999999;
font-weight:bold;
font-size:14px;
}

#footerBlog a:hover {
color:#FFFF99;
}
#footerBlog img {
border:none;
}

#footerBlog a.article {
color:#999999;
font-weight:bold;
text-decoration:underline;
font-size:11px;
}

#footerBlog a.article:hover {
color:#FFFF99;
}
#footerBlog span {
color:#FFFFFF;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 270px; /*Width of Carousel Viewer itself*/
height: 140px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.expando {
height:93px;
width:124px;
border:none;
}
/* IE6 */
* html #right UL {
	MARGIN-LEFT: 12px; LIST-STYLE-TYPE: none
}
*html #textleft {
	MARGIN-TOP: 40px; FLOAT: left; MARGIN-LEFT: 10px; WIDTH: 640px;
}
html * #title P {
	FONT-SIZE: 40px; MARGIN-BOTTOM: 10px; MARGIN-LEFT: 100px; COLOR: #ffffff;
	margin-top:50px;	
}
* html h1 {
margin-top:10px;
}

/* IE 7 */
*:first-child+html #right UL {
	MARGIN-LEFT: 12px; LIST-STYLE-TYPE: none
}

img.center {
margin-bottom:10px;
margin-left:-6px;
border:solid 1px;
}


#consulta ul {
list-style-type:none;
margin-left:-20px;
}
#consulta li {
margin-top:3px;
}

#consulta  label {
color:#000000;
display:inline-block;
font:12px Arial;
margin:0 10px 0 0;
padding:5px;
vertical-align:top;
width:65px;
}

#consulta input.txt, textarea {
border:1px solid #CCCCCC;
color:#666666;
font:12px Arial;
margin:0;
padding:4px 5px;
vertical-align:top;
width:145px;
}