@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; line-height:1.5em; background-color:#dcdbc7;}
b{font-size: 110%;}
em{color: red;}
#maincontainer{width:840px; /*Width of main container*/ margin: 0 auto; /*Center container on page*/ font-family:"Trebuchet MS", Verdana, serif; color:#333333;}
#topsection{height:133px; /*Height of top section*/ margin-bottom:7px;}
#topsection h1{margin: 0; padding-top: 15px;}
#topsection .logo{position:absolute; margin:0;}
#topsection .telefonos{position:absolute; margin:49px 0 0 609px;}
#topsection .mi{position:absolute; margin:14px 0 0 763px; width:105px;}
#topsection .mi img{margin-left:7px;}
#topsection #myslidemenu {position:absolute; margin-top:105px; }
#publicidad{clear: left; width: 100%; text-align:center; margin:7px 0 7px 0;}

#contentwrapper{float: left; width: 100%; line-height:1.4em; font-family: "Trebuchet MS", Verdana, serif; font-size: 14px;}
#contentcolumn{margin-right: 375px; /*Set right margin to RightColumnWidth*/ }
#contentcolumn h1{ color:#990000; font-size:24px;}

#contentcolumn p{ padding-right:21px; text-align:justify;}
#contentcolumn .qs{width:444px; text-align:right; margin-top:-14px; line-height:normal;}
#contentcolumn .qs a{text-align:right; text-decoration:none; font-weight:bold; color:#414141; }
#contentcolumn .qs a:hover{ text-decoration:underline;}
#contentcolumn ul{ padding-right:21px; margin-top:0;}
#contentcolumn .tarjetas{width:416px; background-image:url(../images/bg-tarjetas.gif); margin:14px 0 7px 0; padding:7px 14px; text-align:justify;}

#contentcolumn .rpi{width:416px; background-image:url(../images/bg-tarjetas.gif); background-repeat:no-repeat; margin:14px 0 7px 0; padding:7px 14px; text-align:justify;}
#contentcolumn .rpi h1{ color:#990000; font-size:18px;}

#contentcolumnc {margin-right:250px; /*Set right margin to RightColumnWidth*/ margin-bottom:28px; text-align:justify; }
#contentcolumnc h1{color:#9e0500; font-size:24px;}
#contentcolumnc p{ padding-right:21px; text-align:justify;}
#contentcolumnc .cssform p{width: 250px; clear: left; margin: 0; padding: 7px 0 0 0; padding-left: 170px; /*width of left column containing the label elements*/ height: 1%;}
#contentcolumnc .cssform label{font-weight: bold; float: left; margin-left: -155px; /*width of left column*/ width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}
#contentcolumnc .cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 350px;}
#contentcolumnc .cssform textarea{width: 350px; height: 150px;}
#rightcolumnc{float: left; width:250px; /*Width of right column*/ margin-left: -250px; /*Set left margin to -(RightColumnWidth) */ text-align:right; margin-bottom:7px;}
#rightcolumnc .img{margin-top:105px;}

#rightcolumn{float: left; width:375px; /*Width of right column*/ margin-left: -375px; /*Set left margin to -(RightColumnWidth) */ text-align:right; margin-top:14px;}
#carousel {width: 374px; height:245px; padding: 0; overflow: scroll; border:0px solid #b0daea; text-align:center; font-family:Tahoma; font-size:14px; background-image:url(../images/proximamente-desing-center.jpg);}
#enlaces {margin: 0 auto; width:354px; height: 180px; padding: 0; border: 2px solid #7ead1f;}
#carousel ul {	list-style: none; width: 354px; margin: 0; padding: 0; position: relative;}
#carousel li {display: inline; float: left;}
.textholder {text-align: left; font-size: small; padding:4px 4px 4px 7px; line-height:normal; color:#FFFFFF;}
.textholder a{ text-decoration:none; color:#FFFFFF;}
#rightcolumn #boletin{width:374px; background-image:url(../images/bg-boletin.gif); height:auto; margin-top:7px; margin-left:1px; background-repeat:no-repeat; line-height:1.4em; font-family: "Trebuchet MS", Verdana, serif; padding-bottom:14px; }
#rightcolumn #boletin p{padding:14px; text-align:left;}
#rightcolumn .ppc{width:374px; background-image:url(../images/bg_pxc.gif); height:auto; margin-left:1px; background-repeat:no-repeat; line-height:1.2em; font-family: "Trebuchet MS", Verdana, serif; text-align:center; padding:1px 0; font-weight:bold; margin-top:14px; }

#content{margin-left:165px; /*Set left margin to LeftColumnWidth*/}
#content p{margin-top:0; text-align:justify;}


#leftcolumn {float: left; width:168px;  /*Width of left column*/ margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/ margin-top:14px; }
#leftcolumn .banner{text-align:left; margin:7px 0;}
.panels{list-style-type: none; margin: 0; padding: 0; width: 160px; /* width of menu */}
.panels li{border-bottom: 1px solid white; /* white border beneath each menu item */}
.panels li a{background: #333; font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana; display: block; color: white; width: auto; padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */ text-indent: 8px; text-decoration: none; border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/}
.panels li a:visited, .sexypanels li a:active{color: white;}
.panels li a:hover{background-color: black; /*color of menu onMouseover*/ color: white; border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/}

#publicidad-footer{clear: left; width: 100%; text-align:center; padding-bottom:7px;}

#footer{clear: left; width: 100%; color:#414141; text-align: center; padding-bottom:7px; line-height:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#footer .menu {font-size:12px; /*border:1px solid #999892;*/ padding:7px 0; background-color:#d4d1be; margin-bottom:7px;}
#footer .menu a{text-decoration:none; font-weight:bold; padding:0 28px; margin:0 7px; }
#footer .menu a:hover{text-decoration:underline}
#footer a{color: #414141; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
.innertube{margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0;}