/* Summa2 2013 */
/*** RESET HTML ***/
html, body{text-align:center;}

html, body, div, span, applet, object, iframe, h1, h2, h3,  
h4, h5, h6, p, 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, ol, ul, li, fieldset, form, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td 
{  
	margin:0;  
	padding:0;  
	border:0;  
	font-weight:inherit;  
	font-style:inherit;  
	font-size:100%;  
	font-family:inherit;  
	vertical-align:middle;  
}

:focus {outline:0;}  
a, a:link, a:visited, a:hover, a:active{text-decoration:none; border:0px;}
table { border-collapse:collapse;}  
th, td {text-align:left; font-weight:normal;}  
img, iframe {border:none; text-decoration:none;}  
ol, ul, li {list-style:none; border:0}
input, textarea, select, button {font-size:100%; font-family:inherit;}  
select {margin:inherit;}  
hr {margin:0; padding:0; border:0; color:#000; background-color:#000; height:1px}
strong{position:relative; top:-2px; font-weight:bold;}
/*** FIN RESET HTML ***/

/*** FORMATEANDO LOS SCROLL solo funciona en Chrome y Safari ***/
::-webkit-scrollbar{
    width: 13px;
} 
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
} 
::-webkit-scrollbar-thumb{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6); 
	border-radius: 10px;
}
/*** FIN FORMATEO DE SCROLL ***/

body{
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-position:left top; 
}

/*** HEADER ***/
header{
	width:1000px;
	height:130px;
	margin:0 auto;
	/* border:1px solid #000; */
	background-image:url(images/bgHeader.png);
	background-repeat:no-repeat;
	background-position:right top;
}

	#logo{
		float:left;
		width:270px;
		height:100px
		/*border:1px solid #000;*/
	}

	#menubar{
		float:right;
		width:730px;
		margin-top:75px;
		border-radius:10px;
		/* border:1px solid #000; */
		background-image:url(images/menuBar.jpg);
		background-repeat:repeat-x;
		background-position:left top;
	}

		/*** MENU ***/
		.menu{
			margin:0;
			padding:0;
			width:750px;
			float:left;
		}
			.menu ul {
				position:absolute;
				top:-999em;
			}
			.menu ul li {
				width:100%; /* Controla que el tamaño del onMouseOver salga completo */
			}
			.menu li {
				float:left;
				position:relative;
				z-index:1000 /* Hace que los submenus salgan por encima de todos los objetos */
			}
			.menu li:hover {
				visibility:inherit; /* Corrección de bug para IE7 */
			}
			/* estilo para los botones principales */
			.menu a {
				display:block;
				position:relative;
				font:bold 8pt Helvetica, sans-serif;
				padding:3px 5px;
				white-space:nowrap;/* evita que el texto haga dos lineas */
			}
		/* botones principales */
		.mainBot{
			height:48px;
			margin:0 9px; /* Controla la separacion entre los botones */
			top:13px
		}
			.mainBot a{
				color:#fff;
				text-align:center;
			}
		/* estilo para las opciones de submenus */
		.menu li li a , .menu li li li a {
			display:block;
			position:relative;
			font:10pt Helvetica, sans-serif; 
			color:#fff;
			text-align:left;
			padding:5px 10px; /* Con el primer parametro se controla la altura de las opciones */
		}

		/* Evita que salgan los li de Nv.2 que estan vacios */
		.noShow{
			display:none
		}

		/* colores de los bloques de submenus */
		.firstLevel, .firstLevel ul li {
			background-color:#7eae38;
			box-shadow:2px 2px 4px rgba(0,0,0,0.5);
		}

		/* Color del estado OnMouseOver */
		.firstLevel li:hover, .firstLevel li.sfHover,
		.firstLevel li ul li :hover, .firstLevel li ul li.sfHover{
			background-color:#2a6509;
			outline:0;
		}

		/* Posicion dropdown Nv.1 */
		.menu li:hover ul,
		.menu li.sfHover ul {
			left:-20px;
			top:20px;
		}
		/*** FIN MENU ***/
/*** FIN HEADER ***/

/*** CONTENT ***/
#content{
	height:680px;
	width:1000px;
	padding:0px;
	margin:0px auto 0px;
	/* border:solid 1px #000; */
}
	#banner{
		width:850px;
		height:350px;
		position:relative;
		left:75px;
		margin-top:0px;
		margin-bottom:30px;
		/* border:1px solid #000; */
		z-index:998;
	}

	/* Slider */
	.slider-wrapper { 
		width: 100%; 
		margin: 0px auto;
	}
	.theme-default #slider {
		margin:0px auto;
	}
	.theme-pascal.slider-wrapper,
	.theme-orman.slider-wrapper {
		margin-top:0px;
	}
	/* fin slider */

	#columnLeft{
		float:left;
		position:relative;
		left:40px;
		height:280px;
		width:290px;
		/* border:solid 1px #000; */
		text-align:justify;
	}
	#columnRight{
		float:right;
		position:relative;
		right:40px;
		height:280px;
		width:290px;
		/* border:solid 1px #000; */
		text-align:justify;
	}
	#columnMiddle{
		float:left;
		position:relative;
		left:67px;
		height:280px;
		width:290px;
		/* border:solid 1px #000; */
		text-align:justify;
	}
		#columnLeft p, #columnMiddle p, #columnRight p{
			padding-left:15px;
		}
		
		#columnLeft img, #columnMiddle img, #columnRight img{
			margin:15px 0 0 15px
		}
	
	#contentBase, #contentBig {
		position:relative;
		left:0px;
		/* border:solid 1px #000; */
		float:left;
		top:50px;
		overflow:auto;
		padding:15px;
		background-color:rgba(256,256,256,0.5)
	}
		#contentBase ul,  ul{
			margin-left:25px;
			margin-bottom:25px;
		}
		#contentBase li{
			line-height:23px;
			list-style-image:url('images/dot.png');
		}
		
	#contentBase{width:640px; height:570px}
	#contentBig {width:950px; height:570px}
	
	#photo{
		float:right;
		position:relative;
		right:15px;
		top:50px;
		height:600px;
		width:300px;
		/* border:solid 1px #000; */
	}
		#photo img{text-align:center}		
		.border{
			border:6px solid #fff;
			box-shadow:1px 1px 4px #888;/* los dos primeros son la distacia, el segundo la amplitud de desenfoque y el tercero el color de la sombra */
		}
		
.breadcrumb{
	z-index:900px;
	width:980px;
	height:30px;
	position:relative;
	top:14px;
	margin:-20px;
	padding:15px 20px 0px;
	font:bold 11pt Helvetica,sans serif;
	color:#fff;
	text-align:left;
	border-radius:10px;
	background-color:#7ead38;
	/*border:solid 1px #000;*/
}		
	
	.h1{
		font:bold 14pt Verdana,sans serif;
		color:#1c4189;
	}
	.h2{
		font:bold 11pt Verdana,sans serif;
		color:#1c4189;
		text-align:justify;
		position:relative;
		top:-1px;
	}
	.h3{
		font:11pt Verdana,sans serif;
		color:#11323c;
		text-align:justify;
	}
	.textColor, .textLink{
		font:11pt Verdana,sans serif;
		text-align:justify;
		color:#5e982a;
	}
		.textLink a {position:absolute;} 
		.textLink a:link{text-decoration:none; color:#5e982a;}  /* unvisited link */
		.textLink a:visited{text-decoration:none; color:#2b6509;}  /* visited link */
		.textLink a:hover{text-decoration:underline; }  /* mouse over link */
		.textLink a:active{text-decoration:underline;}  /* selected link */
		
	.greenArrow{margin:0 0 6px 10px}
	
.forms{
	width:350px;
	margin:3px;
	font-family:helvetica;
	font-size:10pt; }

/*** FIN CONTENT ***/

/*** FOOTER ***/
footer{
	height:50px;
	width:1000px;
	padding:5px 20px; 
	margin:15px auto 0;
	font:9pt helvetica, sans serif;
	text-align:left;
	line-height:16px;
	color:#fff;
	border-radius:10px;
	background-image:url(images/bgFooter.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	/* border:1px solid #000; */
}

	footer a{color:#fff;}
/*** FIN FOOTER ***/