/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
html {}

body {
	margin: 0;
	padding: 0;
	color: #424343;
	text-align: center;
	background: #EBE3D8;
	font: normal 12px Verdana;
	}
/*
table{margin: 0 0 15px 10px; width:470px;}
table a{text-decoration:none;}
td{border-style: dotted; border-color: #99FF00; border-width: 0 0 1px 0; padding:8px 8px 8px 0;font: normal 12px Verdana;}
*/

/* ESTILOS DE LOS TEXTOS */
h1 {font:bold 20px Arial, Helvetica, sans-serif;margin: 0 0px 10px 0; padding: 0px;color: #CC0000;text-transform:uppercase;letter-spacing: -0.05em;}
h2 {font: bold 18px Arial, Helvetica, sans-serif; margin: 10px 0 0 0px; padding: 0px;color:#000;text-transform:uppercase;line-height: -5px;}
h3 {font: bold 14px Arial, Helvetica, sans-serif; color:#990000; padding: 0; margin:10px 0; letter-spacing: -0.05em; text-align:left;}
h3 a{ font: bold 14px Arial, Helvetica, sans-serif; color:#990000; padding: 0; margin:0; letter-spacing: -0.05em;}
h3 a:hover{font: bold 14px Arial, Helvetica, sans-serif; color:#990000; padding: 0; margin:0; letter-spacing: -0.05em;}

h4 {font-size:11px; font-weight: bold; text-align: left; margin: 0px; padding: 0px 0 0 15px; color: #FFCCCC; font-family: Arial, "Lucida Sans"; text-transform:uppercase;}
h5 {color: #424343; font: bold 11px verdana, arial, geneva, helvetica, sans-serif; padding: 10px 1px 2px 1px; line-height: 170%;}
p {padding: 10px 0 0 0; margin: 10px 0 0 0; line-height: 16px; text-align: justify; letter-spacing:-0.08em;}
a{ color:#990000; text-decoration:none;}
a:hover{ color:#CC0000;}

/* ESTILO DE LAS TABLAS */
table{ width: 96%; padding:0; margin:5px 0 0 0; border: 1px solid #990000;}
tr{margin:0; padding:0; border:1px solid #990000;}
td{ margin:0; padding:3px; border:none;}
.tr-even {background: #DDCFBD;}
.tr-odd {background: #D7C7B0;}
td a{text-decoration:none; color: #333; font-size: 10px; font-weight: bold; background:url(images/ico_grey_square.gif) left 2px no-repeat; padding: 0 0 0 15px;}
td a:hover{text-decoration:none; color: #990000;}
	
div {border-style: solid; border-color: #000000; border-width: 0px;}

#container {width: 950px; margin-left:auto; margin-right: auto; padding:20px 0 0 0; text-align: center;}	

#indexmain{width:465px; float: left; padding:40px 0 0 0; }
	#indexpic{ background:url(images/pic_index.jpg) no-repeat; width:465px; height: 345px; margin: 0 0 20px 0;}
	#indexdetails{ padding:0px; margin:0;}
	#indexarrow{ background:url(images/arrow_office.gif) no-repeat; width: 84px; height: 93px; float: left; margin:0; padding:0px;}
	
#blogteaser{ margin:0; padding:0 0 0 175px; text-align: left;}
#blogteaser h2{ margin:0; padding:0; font-size: 12px; color: #666666;}
#blogteaser h5{ margin:0; padding:0;}
#blogteaser p{ margin:0; padding:0; font-size:10px;}
#blogteaser ul{ list-style: none; margin:0; padding:0;}
#blogteaser li{ margin:0 0 5px 0;}

#indexmenu{width:465px; float: left; margin: 0 0 0 15px; padding:40px 0 0 0; }
	#indexm {padding:0; margin:0;}
	#indexm ul {list-style:none; margin:0 0 18px 0; padding:0; text-align: left;}
	#indexm li{display: inline; margin:0 0 0 11px; padding:0; border: none;}
	#indexm li.first{display: inline; margin:0; padding:0; border: none;}
	#indexm li a{margin:0; padding:0; border: none;}
	#indexm li img{margin:0; padding:0; border: none;}
	
	#indexbanner{ margin:0;}
	#fixedbanner{ padding:0 0 10px 0;}


	#indexdetails #gearth, #indexdetails #gtalk{text-align: left; margin:0 0 0 15px; float: left;}
	#indexdetails #gearth img{margin: 0 0 8px 0;}
	#indexdetails #gtalk a{ font: normal 10px Arial, Helvetica, sans-serif;}
		#indexdetails #gtalk .gtalkperson { margin: 10px 0 0 10px;}

#headerleft{width:465px; float: left; height: 115px; background:url(images/bg_top_menu.jpg) no-repeat; border:0px solid #000;}
	#headerleft ul{list-style: none; margin:90px 0 0 5px; padding:0; text-align:left;}
	#headerleft li{display: inline; padding:0 0 0 5px; margin:0;}
	#headerleft li a, #headerleft li a:visited{text-decoration:none; text-transform: uppercase; color:#990000; font: normal 12px Arial, Helvetica, sans-serif;}
	#headerleft li a:hover, #headerleft li.activo a{color:#990000; font: bold 12px Arial, Helvetica, sans-serif;}
	
#headerright{width:465px; float: left; margin: 0 0 0 20px; height: 10px;}
	#navbar ul{list-style: none; margin:10px 0 0 0px; padding:0; text-align:left;}
	#navbar li{display: inline; padding:0 0 0 0px; margin:0 10px 0 0;}
	#navbar li a, #navbar li a:visited{text-decoration:none; text-transform: uppercase; color:#990000; font: bold 12px Arial, Helvetica, sans-serif;}
	#navbar li a:hover, #navbar li.activo a{color: #666666; font: bold 12px Arial, Helvetica, sans-serif;}

#content{ width:100%; border:0px solid #3366FF; margin:0; padding:0; clear: both;}
	#contmenu{clear:both; width:150px; float: left; margin:10px 0 0 0; padding:0;}
	#contleft{width:295px; float: left; margin:20px 0 0 20px;}
	#contright{width:465px; float: left; margin:20px 0 0 20px;}
	#contfull{width:780px; float: left; margin: 20px 0 0 20px;}
	#gearth, #gtalk{text-align: left; margin:20px 0 0 0;}
	#gearth img{margin: 0 0 8px 0;}
	#gtalk a{ font: normal 10px Arial, Helvetica, sans-serif;}
		.gtalkperson { margin: 10px 0 0 10px;}

		#contmenu ul{list-style: none; margin:0; padding:0; text-align:left;}
		#contmenu li{padding:0; margin:10px 0 0 0px;}
		#contmenu li a, #contmenu li a:visited{ border-left: 3px solid #333333; text-decoration:none; text-transform: uppercase; color:#990000; font: normal 11px Arial, Helvetica, sans-serif; padding:0 0 0 7px;}
		#contmenu li a:hover{color: #CC0000;  border-left: 3px solid #CC0000;}
		#contmenu li.activo a{color: #CC0000;  border-left: 3px solid #CC0000; font-weight: bold;}		

		#contslogans{}

		#contleft h1, #contright h1, #contfull h1{font: normal 20px Arial, Helvetica, sans-serif; margin:0; padding:0; text-transform:none; text-align: left; color: #990000;}
		#contleft h2, #contright h2, #contfull h2{font: bold 16px Arial, Helvetica, sans-serif; margin:10px 0 5px 0; padding:8px 0 0 6px; text-transform:none; text-align: left; color: #fff; letter-spacing:-0.04em; border-bottom: 1px dotted #333333; background: url(images/bg_tab.gif) left top no-repeat;}
		#contleft p, #contright p, #contfull p{font: normal 12px Arial, Helvetica, sans-serif; margin:0px 0 10px 0; padding:0; text-transform:none; text-align: left; letter-spacing: normal;}
		#contleft ul, #contright ul, #contfull ul{list-style: none; margin:0 0 20px 0; padding:0; text-align:left;}
		#contleft li, #contright li, #contfull li{padding:0 0 0 20px; margin:5px 0px; background:url(images/ico_grey_square.gif) left 2px no-repeat; font: bold 11px Arial, Helvetica, sans-serif; color: #666666;}
		#contleft li a, #contleft li a:visited, #contright li a, #contright li a:visited, #contfull li a, #contfull li a:visited{text-decoration:none; text-transform: uppercase; color:#990000; font: normal 11px Arial, Helvetica, sans-serif; padding:0 0 0 5px;}
		#contleft li a:hover, #contright li a:hover, #contfull li a:hover{color:#990000; font: bold 11px Arial, Helvetica, sans-serif;}
		
		#contleft img, #contright img{border-bottom: 2px solid #990000; margin: 0 0 9px 0;}


		#contrightpic{ margin:0 0 20px 0;}
		#contrightthumbs{ background: #FDDDD9; border:1px solid #666666; padding:10px 0 10px 10px; text-align: left;}
		#contrightthumbs img{padding:0; margin:0 10px 0 0; border:1px solid #333333;}
		
		.listado{ width: 780px; background: #EFEEBE; height: 90px; text-align: left; margin: 0 0 25px 0;}
		.listimg {float: left}
		.listtxt{ float: left; margin: 0 0 0 20px; width: 320px;}
		.listpic {float: right;}
		#contfull .listado p{font-size: 11px; line-height: 11px; margin: 4px 0 0 0;}
		#contfull .listado h3{font-size: 14px; line-height: 10px; margin: 4px 0 0 0;}
		


#belacslogan{
width: 150px;
margin:20px 0 0px 0; padding:0; float: left;
}

#belacsloganindex{
width: 150px;
margin:0; padding:0; float: left; background: url(images/slogan_bg.gif) repeat-y; 
}

.slogantop{
background: url(images/slogan_top.gif) no-repeat;
font:0px;
width: 150px; height: 8px; 
margin:-1; padding:-1; 
}
.sloganbg{
background: url(images/slogan_bg.gif) repeat-y; 
width: 150px;
margin:-1; padding:-1; 
}

.sloganbg a{ color:#ffffff;}
.sloganbg a:hover{ color:#CC0000;}

.sloganbottom{
background: url(images/slogan_bottom.gif) no-repeat; 
width: 150px; height: 33px; margin:-1; padding:-1;}

#belacsloganindex h4, #belacslogan h4{line-height: 90%; text-align:left; padding: 5px 0 0 15px; margin:0;}

#belacsloganindex p, #belacslogan p{ font: 11px Verdana, Arial, Helvetica, sans-serif; text-align:left; color:#FFFFFF; padding: 0 5px 0 15px; letter-spacing:-0.05em; margin:0;}

#foot{clear: both; text-align: right; margin:0 auto; padding:0; border:0px solid #000; display: block; width:950px;}
	#foot p{font: normal 10px Arial, Helvetica, sans-serif; color:#333333; letter-spacing:normal; margin:0; padding:0;text-align:right;} 
	#foot a, #foot a:visited{color: #330000; text-decoration: none;}
	#foot a:hover{color: #990000; text-decoration: none;}
	
/*  ESTILOS DE LOS ACORDEONES */

.Accordion {border: none; overflow: visible; margin:10px 0; padding:0; }

.AccordionPanel {margin: 0; padding: 0px;}

.AccordionPanelTab {
	margin: 0;
	padding: 0px;
	cursor: pointer;
	text-transform: uppercase;
	font: bold 12px Arial, Helvetica, sans-serif; color:#990000; 	
	-moz-user-select: none;
	-khtml-user-select: none;
}

.AccordionPanelContent {overflow: hidden;	margin: 0px; padding: 5px 0 0 18px;}
.AccordionPanelContent .row{clear: both; margin:0px 0 10px 0; padding:0;}
.AccordionPanelContent .left{ float: left; width: 15%; margin: 5px 0 0 0; padding: 0 20px; border:0px solid #66FF00; font-weight: bold;}
.AccordionPanelContent .right{float: left; width: 75%; margin: 5px 0 0 0; border:0px solid #ccc; text-transform: uppercase;}

.AccordionPanelOpen .AccordionPanelTab {font: bold 12px Arial, Helvetica, sans-serif; color:#990000; margin:0; padding:0;}
.AccordionPanelOpen .AccordionPanelTab h1, .AccordionPanelTab h1, #Acc7.Accordion .AccordionPanel .AccordionPanelTab h1 {font: bold 14px Arial, Helvetica, sans-serif; color:#990000; padding: 0; margin:0; letter-spacing: -0.05em;}
.AccordionPanelTab h1 {font: bold 12px Arial, Helvetica, sans-serif; padding:0; margin:0;}

.AccordionPanelTabHover {font-weight: bold;}
.AccordionPanelOpen .AccordionPanelTabHover {font-weight: bold;}

.AccordionFocused .AccordionPanelTab { font-weight: bold; margin:0;}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab { font-weight: bold; margin:0;}
	
/* OLD CSS CODE //////////////////////////////////////////////////////////////  */
		
	
/* Forms */
form {line-height: normal; margin: 0px; text-align: left; font: normal 12px Arial, Helvetica, sans-serif;}
form span {color: #009dea;}
label{width: 180px; float: left;}
input, select, textarea { width: 295px; border: 1px solid #990000; color: #000; padding:2px; margin: 0 0 10px 0; font: normal Arial 7px;}
input#mailformformtype_mail, select#mailformformtype_mail{width:auto; padding: 3px;}
textarea {height: 150px; width: 295px;}
	
.AccordionPanelContent form {line-height: normal; margin:0px; padding:0; text-align: left; font: normal 10px Arial, Helvetica, sans-serif;}
.AccordionPanelContent .csc-mailform-field{ float: left; width: auto; border:0px solid #000; margin: 0 15px 0 0px;}
.AccordionPanelContent label{width: 200px; float: left; font: normal 10px Arial, Helvetica, sans-serif; margin:0; padding:0;}
.AccordionPanelContent input, textarea, select { clear: both; width: 195px; border: 1px solid #990000; color: #000; padding:2px; margin: 0 0 10px 0; font: normal 10px Arial, Helvetica, sans-serif; float: left; }
.AccordionPanelContent textarea {height: 100px; width: 410px;}
.AccordionPanelContent input#mailformformtype_mail{width:auto; padding: 3px; margin: 0 200px 0 0 ;}
	
/* Clearfix */	
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix .theform{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*Instrucciones para las visitas virtuales*/
#id_77 #vvirtual,#id_79 #vvirtual {width:770px;}
#id_77 #vvirtual table,#id_79 #vvirtual table{border:none;}
#id_77 #vvirtual a,#id_79 #vvirtual a  {background:none;}
#id_77 #vvirtual td ,#id_79 #vvirtual td {margin:0px; padding:0px; clear:both;}
#id_77 #vvirtual td img,#id_77 #vvirtual td img{float:left;}