/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 background:#c2c1c3 url(img/bg-body.jpg) top left repeat-x;
 margin-top:10px;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
 background: #808083 url(img/bg-wrapper.jpg) top left repeat-x;
}
#header {
 color: #333;
 width: 922px;
 float: left;
 height: 175px;
 margin: 0;
 background: #000 url(img/bg-header.jpg) top left no-repeat;
}

#leftcolumn { 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 380px;
 width: 205px;
 float: left;
}

#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 30px 0px 0px;
 width: 650px;
 display: inline;
 line-height:15PX;
 background:#f0f0f0 url(img/bgbot-left.gif) bottom right no-repeat;
}

#footer { 
 width: 900px;
 clear: both;
 color: #fff;
 background: #807f84 url(img/bg-footer.jpg) top left no-repeat;
 padding: 30px 0px 10px 10px;
 height:25px;
 text-align:right;
}

/*________________ELEMENTOS_______________*/

#rightcolumn p {
 padding: 0px 60px 15px 60px;
 text-align:justify;
 font-size:1.1em;
}



H1{
margin-right:40px;
margin-bottom:20px;
margin-left:400px;
height:15px;
width:165px;
background-color:#e13313;
color:#fff;
font-size:13px;
font-weight:normal;
padding: 8px 20px 8px 20px;
text-align:center;
}

H2{
margin-bottom:20px;
margin-left:220px;
}

H2 span{
display:none;
}

h3 span{
display:block;
margin-bottom:20px;
margin-left:150px;
}


H5{
font-weight:bold;
font-size:1.1em;
padding: 0px 0px 10px 60px;
}


H1.largo{
margin:0px 35px 20px 235px;
height:15px;
width:350px;
background-color:#e13313;
color:#fff;
font-size:13px;
font-weight:normal;
padding: 8px 20px 8px 5px;
text-align:center;
}

H1.largo span a:link, H1.largo span a:visited{
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:11px;
margin-left:-5px;
color:#fff;
text-decoration:none;
}

.raya1{
border-right:1px solid #ef5136;
}

H1.largo span a:hover{
background-color:#f64d30;
}



/*__________________MENU GENERAL___________________*/

#menu {
position:relative;
top:25px;
left:25px;
width:170px;
border:none;
}

#menu ul.mimenu{
list-style:none;
font-size:11px;
}

#menu ul.mimenu li.topsin, #menu ul.mimenu li.topsin a:link, #menu ul.mimenu li.normal a:link, #menu ul.mimenu li.normal a:visited, #menu ul.mimenu li.normal2 a:visited, #menu ul.mimenu li.normal2 a:link{
height:23px;
padding-left:18px;
padding-top:8px;
text-decoration:none;
display:block;
color:#fff;
background:url(img/dot-off2.gif)  4px 9px no-repeat;
}

#menu ul.mimenu li.normal3 {
height:23px;
padding-left:18px;
padding-top:8px;
text-decoration:none;
display:block;
color:#fff;
background:url(img/dot-off2.gif)  4px 9px no-repeat;
border-top:1px solid #e13313;
} 


#menu ul.mimenu li.normal a:link, #menu ul.mimenu li.normal a:visited{
border-top:1px solid #e13313;
background:url(img/dot-off2.gif)  4px 9px no-repeat;
}


#menu ul.mimenu li.normal a:hover, #menu ul.mimenu li.topsin a:hover, #menu ul.mimenu li.normal2 a:hover{
background:url(img/dot-on2.gif)  8px 9px no-repeat;
height:23px;
color:#e2e2e2;
display:block;
padding-top:8px;
padding-left:20px;
}


#leftcolumn p{
margin-top:10px;
margin-left:5px;
}

/*______ITEM DE LISTA PARA LOGOS_____*/

#menu ul.mimenu li.logo{
padding-left:0px;
height:40px;
border:none
}


/*__________________FOOTER + IDIOMAS___________________*/


#footer p{
font-size:1em;
padding-left:50px;
padding-right:25px;
}

#footer p a:link, #footer p a:visited {
color:#fff;
text-decoration:none;
}
#footer p a:hover{
color:#FF9900;
}

#leng{
position:relative;
top:67px;
left:827px;
width:58px;
height:14px;
border:1px solid #cfcfcf;
padding-bottom:2px;
margin-bottom:10px;
}

#leng a:link, #leng a:visited{
color:white;
font-size:1em;
text-decoration:none;
background:url(img/leng-off.gif) 48px no-repeat;
padding-right:19px;
padding-bottom:4px;
padding-left:2px;
padding-top:0px;
}

#leng a:hover{
color:white;
font-size:1em;
text-decoration:none;
background:url(img/leng-on.gif) 48px no-repeat;
padding-right:19px;
padding-bottom:4px;
padding-left:2px;
padding-top:0px;
}

p.registration{
height:80px;
margin-left:10px;
background:url(img/form-online.jpg) left top no-repeat;
}

p.printableform{
height:80px;
margin-left:10px;
background:url(img/icono-print.jpg) left top no-repeat;
}

p.registration span, p.printableform span, p.submitabstracts span{
display:block;
padding-left:70px;
padding-top:5px;
font-size:0.8em;
padding-top:20px;
}

p.registration span a:link, p.registration span a:visited, p.information span.texto a:link, p.printableform span a:link, p.printableform span a:visited, p.submitabstracts a:link, p.submitabstracts a:visited  {
display:block;
width:310px;
background-color:#e13313;
padding:5px;
color:white;
text-decoration:none;
border:1px dotted #ff9900;
}

p.registration span a:hover, p.printableform span a:hover, p.submitabstracts a:hover{
background-color:#222222;
color:white;
border:1px dotted #808083;
}

#accommodation{
width:80%;
background:url(img/icono-hotel.jpg) left top no-repeat;
padding-left:35px;
padding-top:20px;
}


#abstracts{
width:80%;
background:url(img/icono-abstracts.jpg) left top no-repeat;
padding-left:35px;
padding-top:20px;
}

p.submitabstracts{
height:80px;
margin-left:10px;
background:url(img/icono-submitabstract.jpg) left top no-repeat;
}

/*-------------------INFO GENERAL---------------*/


#information{
width:450px;
margin-left:10px;
background:url(img/icono-info.jpg) left top no-repeat;
padding-left:70px;
}

#information li{
list-style:none;
color:#333333;
font-size:1em;
padding-top:13px;
border-bottom:1px solid black;
margin-left:60px;
}

/*#information li span{
display:block;
color:#fff;
padding:4px 0px 4px 10px;
font-size:1.3em;
margin-top:5px;
margin-bottom:5px;
background-color:#e13313;
}*/


#information li span{
display:block;
color:#e33113;
padding-top:6px;
padding-bottom:3px;
font-size:1.3em;
font-weight:bold;
}


#information li a:link, #information li a:visited{
color: #e13313;
text-decoration:none;
}

#information li a:hover{
color:#CC6600;
text-decoration:none;
}


/*-------------------LISTA COMITES---------------*/

#listado{
width:500px;
padding-left:90px;
padding-bottom:40px;
}

#listado li{
list-style:none;
color:#e13113;
font-size:1.2em;
padding-top:5px;
}

#listado li span.contents{
display:block;
color:#4d4d4f;
width:500px;
padding-bottom:5px;
border-bottom:1px solid #333;
font-size:0.9em;
margin-bottom:10px;
}

#listado li span.contentsin{
display:block;
color:#4d4d4f;
width:500px;
padding-bottom:5px;
font-size:0.9em;
margin-bottom:10px;
}

#listado li.caption{
border-bottom:1px solid #e13113;
background:url(img/bg-caption.gif) left top no-repeat;
color:white;
padding:5px;
margin-left:-5px;
margin-bottom:13px;
}

span.contents h3, span.contentsin h3{
font-size:1.1em;
color:#000;
padding-bottom:2px;
padding-top:5px;
}

span.contents h4, span.contentsin h4{
font-size:1em;
color:#444;
margin-top:6px;
}

span.contents h6, span.contentsin h6{
font-size:0.9em;
color:#000;
margin-top:-3px;
padding-top:-10px;
font-weight:normal;
font-style:italic;
}

span.contents em{
font-style:italic;
color:#666;
}

#listado li h5{
color:#339966;
font-weight:normal;
font-style:italic;
font-size:0.9em;
margin-left:-60px;
margin-bottom:-20px;
}


span.contents a:link, span.contents a:visited, span.contentsin a:link, span.contentsin a:visited{
color:#e13113;
text-decoration:none;
font-weight:bold;
}

span.contents a:hover, span.contentsin a:hover{
color:#f34629;
font-weight:bold;
text-decoration:underline;
}

.piefoto{
font-size:0.8em;
color:#e13113;
font-style:italic;
}



/*______________________TABLAS HOTELES_______________________*/
table.hoteles{
margin-bottom:20px;
width:400px;
background-color:#E0E0E0;
color:black;
}

table.hoteles td{
padding-left:10px;
height:25px;
border-bottom:1PX SOLID white;
}

table.hoteles td.top{
background:url(img/bg-top.gif) repeat-x;
height:30px;
font-size:11px;
color:white;
}

td.top a:link, td.top a:visited {
color:white;
}

td.top a:hover {
color:#FFCC99;
}

table.hoteles td.rate{
background-color:#999;
font-size:11px;
}

table.hoteles td.ficha {
background-color:#b24c3d;
font-size:11px;
}

/*__________________TABLA OHBM  */
table.ohbm {
margin-left:60px;
width:535px;
font-size:1.1em;
color:#333333;
vertical-align:text-top;
}