/* Neutralize styling: 
   Elements we want to clean out entirely: */
   
/**{
margin:0;
padding:0;
}*/
html, body, form, fieldset {
	margin: 0px;
	padding: 0px;
	color: #999999;
	background-color: #000000;
	font: 0.9em/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h2, h3, h4, h5, h6 {
	margin: 0em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/* Apply left margin:
   Only to the few elements that need it: */
   
ul {
	margin-left: 0.5em;
	margin-bottom: 1.5em;
}
li {
	margin-left: 1em;
	margin-bottom: 0.7em;
}


/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
		font-family: inherit;
}

/*_______________________________________________________________________________________________________________*/

.twoColFixLtHdr #container {
	width: 957px; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
.twoColFixLtHdr #header {
	padding: 20px 0;
	height: 80px;
}
#header ul {
	float: right;
	padding-top: 20px;
	padding-right: 20px;
}
#header li {
	display: inline;
	padding-left: 20px;
}

a img {
	border-style: none;
}
h1 {
	letter-spacing: -0.05em;
	font: 100 normal 2.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ff6600; /* #9B3E00 */
	padding-top: 0px;
	margin-top: 0px;
	text-align: center;
	padding-bottom: 0.5em;
}
h2 {
	letter-spacing: -0.05em;
	color: #ff6600;
	font: 100 normal 1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 0.9em;
	color: #FFFFFF;
	font-variant: normal;
}
a {
	color: #9B3E00;
}



span h1 {
	position: absolute;
	left: -3000px;
	top: -50px;
}
/*#mainContent .paddingtop_0 {
	padding-top: 0px;
}*/


.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 175px;
	padding: 0px;
	
}

#sidebar1 p {
	color: #9B3E00;
	font-size: 0.9em;
	padding-top: 1px;
}
#sidebar1 ul {
	margin: 0px;
	padding: 0px;
}
#sidebar1 li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 20px;
}



#sidebar2 {
	float: left; /* since this element is floated, a width must be given */
	width: 175px;
}

#sidebar2 p {
	color: #9B3E00;
	font-size: 0.9em;
	/*padding-top: 1px;*/
}
#sidebar2 ul {
	margin: 0px;
	padding: 0px;
}
#sidebar2 li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 20px;
}



.twoColFixLtHdr #mainContent {
	margin-left: 195px;
}
/*.oneColFixCtrHdr  #mainContent li {
	list-style: outside;
	padding-bottom: 1em;
	margin-left: 3em;
	color: #993333;
}*/
#portafotos {
	float: right;
	height: 466px;
	width: 755px;
	background: #333333;
	margin-top: 0px;
}
.fotos {
	float: right;
	padding-left: 20px;
	width: auto;
	clear: right;
	padding-bottom: 10px;
}





.twoColFixLtHdr #footer ul {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0;
	display: inline;
	float: right;
}
#footer li {
	display: inline;
	color: #333333;
}
#footer a {
	color: #333333;
	font-size: 0.9em;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.gallerycontainer{
	position: relative;
	height: 476px;
	padding-left: 60px;/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
#gallerycontainer2
{
    float:left;
	width:720px;
	height:100%;

}
#caja {
	float: right;
	height: 476px;
	width: 476px;
	border: 1px dotted #333333;
}


.thumbnail img{
	border: 1px solid #000000;
	margin: 0 1px 1px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
	border: 1px solid #FF9900;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	left: -1000px;
	visibility: hidden;
	color: black;
	text-decoration: none;
	text-align: center;
	height: 470px;
	width: 470px;
	top: 0px;
	margin-top: 4px;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-style: none;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	left: 287px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	top: 0px;
}
#mainContent span img{
	border: none;
	margin-top: 0px;
}
strong {
	color: #FFFFFF;
}

/*FORMULARIO*/

#formContainer {
	margin: 0px 40px;
	padding-bottom: 40px;
}

dt {
	float: left;
	width: 28.4em;
	text-align: right;
	padding-top: 0.5em;
}
dd {
	padding-left: 27.9em;
	padding-top: 0.5em;
}
input, select, checkbox, textarea{
	width: 100%;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
}
input:focus, select:focus, checkbox:focus, textarea:focus {
	background: #FFFF99;
}
.contacto {
	background: url(../Images/contacto-congresos.jpg) no-repeat;
	height: 450px;
}

.button {
	background: #FFCC66;
	border: 1px solid #666666;
	padding-left: -30px;
}


#Col1, #Col2 {
	width: 40%;
}
#Col2 {
	float: right;
}
#Col1 {
	float: left;
}
form {
	margin: 0px;
}
label {
	display: block;
	padding-top: 0.7em;
}
#Submit {
	width: 5em;
	margin-top: 0.8em;
	margin-left: -40px;
}
#Submit:hover, #Submit:focus {
	background: #FF9933;
}
#Submit:active {
	background: #FF6600;
	color: #FFFFFF;
}
.centrar {
	text-align: center;
}
#mainContent .fotos img {
	border-left: 3px solid #FF6600;
}

#galeriaFotos{
width:150px;
margin-bottom:25px;
margin-right:20px;
float:left;
}

#galeriaFotosGrande{
width:390px;
margin-bottom:10px;
border:10px solid white;
}

#galeriahacerpedido
{
    width:267px; 
    margin-right:10px; 
    margin-bottom:20px;
    float:left;
    border:1px solid red;
}

.textopeque2
		{  
		font-family: Arial; 
		font-size: 9px; 
		font-style: normal; 
		font-weight: normal;
		color: #ffffff;
		text-align: justify;
		padding-top: 1px; 
		padding-right: 1px; 
		padding-bottom: 1px; 
		padding-left: 3px;
		float:left;
		}
		
		.texto
		{  
		font-family: arial; 
		font-size: 12px; 
		font-style: normal; 
		font-weight: normal;
		color: #22303B;
		vertical-align:left;
		text-align: justify;
		padding-top: 4px; 
		padding-right: 15px; 
		padding-bottom: 4px; 
		padding-left: 15px;
		}
		.texto2
		{  
		font-family: arial; 
		font-size: 11px; 
		font-style: normal; 
		font-weight: normal;
		color: #FFFFFF;
		text-align: justify;
		padding-top: 4px; 
		padding-right: 15px; 
		padding-bottom: 4px; 
		padding-left: 15px;
		}
		
    .textopeque
		{  
		font-family: Verdana; 
		font-size: 9px; 
		font-style: normal; 
		font-weight: normal;
		color: #ffffff;
		vertical-align:left;
		text-align: justify;
		padding-top: 1px; 
		padding-right: 1px; 
		padding-bottom: 1px; 
		padding-left: 1px;
		}
	.campoformulario
		{  
		 background-color:#666666;
		color : #ffffff;
		font : normal 8pt verdana, Arial, Helvetica, sans-serif;
		border-bottom : 1px solid #dddddd;
		border-top : 1px solid #dddddd;
		border-right : 1px solid #dddddd;
		border-left : 1px solid #dddddd;
		padding-left : 2px;
		padding-right : 2px;
		}
		
		.secciones
		{
		    color:White;
		}
		.texto3
		{  
		font-family: arial; 
		font-size: 12px; 
		font-style: normal; 
		font-weight: normal;
		color: #FFFFFF;
		text-align: justify;
		padding-top: 4px; 
		padding-right: 15px; 
		padding-bottom: 4px; 
		padding-left: 15px;
		}
		.flecha {
			font-family:verdana;
			text-decoration:none;
			margin-right:15px;
		}
		.flecha:hover {
			text-decoration:underline;
		}