﻿/*Reset CSS*/
html, body, div, span, applet, object, iframe,
h1, 
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal;
     font-size: 100%; font-family: "trebuchet ms",arial,sans-serif; vertical-align: baseline}
body {line-height: 1}
:focus {outline: 0}

table {border-collapse: collapse; border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
hr {margin: 5px 0; padding: 0; border: 0; color: #999; background-color: #999; height: 1px}
/* End Reset CSS*/

/* End Reset CSS*/
 

/* Clearfix*/

.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* End Clearfix*/

body{background:#fff; margin:0; padding:0; height:100%; min-height:100%; color:#4a4a4a!important; font:normal 13px/16px "trebuchet ms",arial,sans-serif; }
html{height:100%; min-height:100%}

.floatLeft{float:left}
.floatRight{float:right}
.b{font-weight:bold}

strong { font-weight:bold; }

/* Top */
#top{width:100%; background:#9c9da0 url('../images/imgTop.jpg') no-repeat center 0; border-bottom:6px solid #da251c}
	#top .container{width:1024px; margin:0 auto}
	#top .menu{float:right}
	#top .sitelogo {width:240px; height:90px; position:absolute; z-index:1; margin:10px 0 0 60px; }
		#top .login {position:absolute; margin:-5px 0 0 505px; color:#FFF; padding:0; font-size:11px; z-index:2; *margin:5px 0 0 505px; }
		#top .login li{float:left; padding:0 5px;}
		#top .login li a {color:#FFFFFF; text-decoration:none;}
		#top .login li a:hover {text-decoration:underline;}
		#top .logindata {margin-top:12px; *margin-top:3px;}
		#top .field {width:100px; padding:1px; font-size:11px;}
		#top .submit {width:50px; font-size:11px; *font-size:12px; *margin-left:-40px; margin-top:0;}
		#top .menu ul{margin:82px 75px 0 0; float:right; *margin:82px 80px 0 300px;}
		#top .menu li{float:left; padding:0 14px}
			#top .menu li a{font-size:13px; font-weight:bold; text-decoration:none; color:#4f5b77; color:#2d3955;}
			#top .menu li a:hover{color:#da251c}
		
.txtMenu{padding-top:5px !important}		

/* Contenido */
.container{width:924px; margin:0 auto}
.header{width:100%; margin-top:0px}

#Content{width:100%; margin-top:10px}

/* Menu Vertical */
#Content .menu{width:207px; float:left; margin:0; padding:0;}
	#Content .menu .roundTop span, #Content .menu .roundBottom span{background:url('../images/roundMenuV.gif') no-repeat 0 0; width:207px; height:31px; display:block}
		#Content .menu .roundBottom span{background-position:0px -31px}
		#Content .menu .middle{background:/*#be2018*/ #3A3A3A url('../images/bgMenuV.gif') repeat-x 0 0; width:100%}
			#Content .menu .middle li{padding:0px 0 0 0;}			
				#Content .menu .middle li a{color:#EEE; margin-top:9px; *margin-top:0px; line-height:1.4em; padding: 1px 0 1px 0; font-size:13px; font-weight:bold; text-decoration:none; margin-left:22px; display:block; padding /*\**/: 5px 0 5px 0\9;}
				#Content .menu .middle li a:hover{background:transparent url('../images/flechitaMenuV.gif') no-repeat 0px 8px; padding-left:17px; margin-left:5px; color:#E00}
				#Content .menu .middle ul li ul li a:hover{background:transparent url('../images/flechitaMenuV.gif') no-repeat 0px 2px; padding-left:17px; margin-left:5px; color:#E00}
				

		
/* Submenu vertical */
#Content .menu .middle .subMenu ul{margin:0 !important; padding:3px 0 0 0 !important}
#Content .menu .middle .subMenu li{width:100%;  margin:3px 0 0 0 !important; padding:0 !important; text-align:right}
	#Content .menu .middle .subMenu li a{color:#CCC; font-size:11px !important; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 20px 0 0 !important; margin:0 !important; display:block;}
	#Content .menu .middle .subMenu li a:hover{color:#D00} !important; background:/*#d83d35*/ #b3b3b3; display:block; margin:3px 0 0 0px!important; *margin:0px !important; padding:0 20px 0 0 !important;}


.spaceSubMenu{margin-top:1px}

/* middle column */

.middleColumn{width:405px; float:left; margin:0 45px}	
.contInfo{width:100%; margin-bottom:10px;}

.linkscolumn { width:160px; float:left; margin:0 0 0 0px}
.linkscolumn li a { color:#333; }

/*blue*/
#Content .middleColumn .roundBlueLeft span, #Content .middleColumn .roundBlueRight span{background:url('../images/roundBlue.gif') no-repeat 0 0; width:12px; height:23px; display:block}
		#Content .middleColumn .roundBlueRight span{background-position:-12px 0px}
		#Content .middleColumn .middleBlue{background:#006195; color:#ffffff; text-transform:uppercase; padding:4px 0 3px 10px; *padding:3px 0 2px 10px; width:371px}
			#Content .middleColumn .middleBlue img{padding-right:4px}
			
/*red*/
#Content .middleColumn .roundRedLeft span, #Content .middleColumn .roundRedRight span{/*background:url('../images/roundRed.gif') no-repeat 0 0; width:12px; height:23px; display:block*/}
		#Content .middleColumn .roundRedRight span{background-position:-12px 0px}
		#Content .middleColumn .middleRed{background:#333; color:#ffffff; text-transform:uppercase; padding:4px 0 3px 10px; *padding:3px 0 2px 10px; width:400px}
			#Content .middleColumn .middleRed img{padding-right:4px}
		#Content .middleColumn .middleGrey{background:#333; color:#ffffff; text-transform:uppercase; padding:4px 0 3px 10px; *padding:3px 0 2px 10px; width:371px}
			#Content .middleColumn .middleGrey img{padding-right:4px}

		#Content .middleColumn h1{color:#D00;font-size :20px; font-weight:100; border-bottom:1px solid #D00; padding: 0 0 3px 0; margin: 5px 0; *padding-top:5px; clear:both; background:url(../images/bg-h1.gif) top right no-repeat;}
		#Content .middleColumn h1:hover{background-position:right -26px;}
		body:nth-of-type(1) #Content .middleColumn h1 { padding: 8px 0 3px 0; } 
		#Content .middleColumn h2{color:#D00;font-size :19px; font-weight:100; clear:both;}
		#Content .middleColumn p{margin:5px 0 0 0; line-height:1.5em;}
		#Content .middleColumn ul{list-style:square;}
		#Content .middleColumn ul.red{color:#F00;}
		#Content .middleColumn ul li{margin:5px;}	
		#Content .middleColumn a {color:#4a4a4a!important; font:normal 13px/16px "trebuchet ms",arial,sans-serif; text-decoration:none;}
		#Content .middleColumn a:hover { text-decoration:underline; }
		#Content .middleColumn a.nounder:hover { text-decoration:none; }

.styleform {width:385px; margin:1.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(220,220,220); background-color:rgb(250,250,250);}
.styleform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 0px rgb(220,220,220);}
.styleform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; font-weight:100; font-size:130%;}
.styleform label.left {float:left; width:100px; margin:0 0 0 0px; padding:2px; font-size:110%;}
.styleform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.styleform input.field {width:240px; padding:2px; border:solid 1px #c8e0ed; font-family:verdana,arial,sans-serif; font-size:110%;}
.styleform textarea {width:240px; padding:2px; border:solid 1px #c8e0ed; font-family:verdana,arial,sans-serif; font-size:110%;}
.styleform input.button {float:right; width:9.0em; margin-right:35px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; text-align:center; font-family:verdana,arial,sans-serif; font-size:110%;}
.styleform p {margin:0 0 1.0em 0; line-height:1.5em;}
.styleform hr {border: 0px solid #ECECEC; background-color:#DDD; margin:10px; }
.styleform .message { color:#999999;}

/* Table */
#Content table {clear:both; width:420px; margin:0em 0 0.2em 0px; table-layout:fixed; border-collapse:collapse; empty-cells:show;}
#Content table.medium {clear:both; width:290px; margin:2.0em 0 0.2em 20px; table-layout:fixed; border-collapse:collapse; empty-cells:show; }
#Content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:100% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
#Content table th {height:2.0em; padding:2px 20px 2px 7px; border:solid 0px rgb(245,245,245); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:100% !important /*Non-IE6*/; font-size:100% /*IE6*/;}
#Content table td {height:2em; vertical-align:middle; padding:2px 7px 2px 7px; border:solid 1px rgb(100,100,100); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:100% !important /*Non-IE6*/; font-size:110% /*IE6*/;}
#Content p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}

.message_error { color:#DD0000; border:1px solid #DD0000; background:#ffe0e2; padding:3px; }
.message_success { color:#333; border:1px solid #333; background:#e0e0e0; padding:3px;}

.precio { color:#c80000; font-weight:600;}
.imgbrojo { border:1px solid #FF0000; }
.linearoja {  color: #d9e2ff; background-color: #d9e2ff; clear:both; margin:10px 0 10px 0; }

.moreInfo{float:right}
	a.moreInfo{color:#006195; text-decoration:none}	
	a.moreInfo:hover{text-decoration:underline}
		
.imgBanner{margin:0;}

.imgLeft {float:left; margin: 2px 7px 0 0;}

/* Left Column */

.leftColumn{width:246px; float:right}
.leftColumn ol, ul {list-style: none;}
.leftColumn ul, li{margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal;
     font-size: 100%; font-family: inherit; vertical-align: baseline}
#Content .leftColumn li{padding-bottom:4px}

/* Poll */

#divpollcontainer{
	width:400px;
	border:1px solid #eee;
	margin:20px auto;
}
#divpollcontainer h1{
	margin:0; padding:5px; 
	font-size:1.4em; font-family:Georgia, serif;
	font-weight:normal; color:#333;
}
#divpollcontainer p{
	font-family:Georgia, serif; color:#333; 
	margin:0; line-height:2em;
}
#divpollcontainer p .pollques {
	font-weight:bold;
}
#pollcontainer{
	margin:5px; border:1px solid #f3f3f3;
	background:#f9f9f9; padding:5px;
}
#loader{ display:none; text-align:center;}
.option{ margin:5px 0; }
.option p{ line-height:1.1em; font-size:0.85em; }
.bar{ height:10px; background:#3399cc; }
.yourvote{ background:#113399; }

/* Footer */

#footer{background:#EFEFEF; border-top:4px solid #bd2018; margin-top:10px}
	#footer p{padding-top:5px; font-size:100%; color:#888;}
	#footer a{padding-top:5px; font-size:100%; font-family:"trebuchet ms",arial,sans-serif;}
	
.bottom {margin:10px auto 0 auto; text-align:center; clear:both;}
	.bottom a{font-size:12px; text-decoration:none; color:#4a4a4a;}
	.bottom a:hover{color:#bd2018;}
	
/* agregados*/	

html, body, #wrap {height: 100%}
body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 70px;}

#footer {position: relative; margin-top: -70px; height: 70px; clear:both; background:#e2e2e2; border-top:4px solid #bd2018; margin-top:10px} 