/* CSS Document */

body {margin:0px; font:13px Arial, Helvetica, sans-serif; color:#ffffff;
background-repeat: repeat; background:url(../images/bground.jpg) ; }

#container {margin:0px; background:url(../images/bg.jpg) repeat-x ;}
.clear {clear:both;}
.clearfix{ display: block; }
.clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
}

a{color:#343434;}
a:hover{text-decoration:none;		}
#main_top_panel {clear:both; background: url(../images/top_bg.gif) no-repeat 0 0; height:90px;}

.top_logo {margin:0px; padding:20px 0px 0px 20px; float:left; display:block; width:700px; }
.logo {margin:0px; padding:0px 0px 20px 0px; float:left; width:600px;}
.logo h1 {margin:10px 0px 0px 0px; padding:0px; font-size:26px; font-weight:normal; float:left;}
.logo p {margin:0px; padding:10px 0px 0px 7px;  color:#8b8b8b;  }


.top_right {float:right; width:200px;}
.top_details { margin:40px 0px 0px 20px; padding:0px;}
form {margin:0px; padding:0px;}
form label  {margin:0px; padding:0px; font-weight:bold; color:#696969;}
form select  {margin:2px 0px 0px 0px; padding:0px; width:200px;}
/***************************************************************/

#main_header_panel {clear:both; background:url(../images/header.jpg) no-repeat; height:321px;}
.header_left {margin:0px; padding:60px 0px 0px 40px; float:left; width:500px;}
.header_left h2 {margin:0px; padding:0px 10px 0px 0px; font-size:26px; font-weight: normal; color:#fff; }
.header_left ul {margin:0px; padding:20px 0px 0px 0px;}
.header_left ul li{margin:0px; padding:0px; line-height:24px; list-style:none; font-size:14px; font-weight:bold;}
.header_left ul li a{margin:0px; padding:0px 0px 0px 15px; color:#b5f0ff; background:url(../images/nav_top_dot.gif) no-repeat 0px;}
.header_left ul li  a:hover {text-decoration:none;}


.header_right_panel {float:right; width:400px;}
.header_right_details {margin:0px; padding:30px 0px 0px 0px;}
.header_right_details p {margin:0px; padding:5px 0px 0px 0px; color:#fff; font-weight:bold;}
/************************************************************************************/
#navigaition_panel {clear:both; background:url(../images/nav_gradient.gif) repeat-x 0 0; height:56px;}
.nav {margin:0px; padding:0px 0px 0px 40px;}
.nav ul{margin:0px auto; padding:0px;	width: 70%}
.nav ul li{margin:0px; padding:0 1px 0 3px; list-style:none; text-transform:uppercase; float:left; color:#fff; background:url(../images/nav_line.gif) no-repeat 0 0px; text-align:center; display:block; font-size:12px; font-weight:bold;}
.nav ul li a{float:left; width:auto; margin:0px; padding:24px 30px 18px 40px ; text-decoration:none; color:#fff; background:url(../images/menu_bg.gif) no-repeat 0 0; display:block}
.nav ul li a:hover {text-decoration:underline;}
.nav ul li a.active{ color: #0fb5cc;}

/**********************************************************************************************/
#main_middle_panel {clear:both;}
#main_content_panel {clear:both; }

.main_left_panel{
				margin: 0px;
				float: left;
				width: 250px;
				padding: 0 5px 0 10px;	
}

.main_left_panel h3{	margin: 0; 
							/*font-style: italic;*/
							color: #fff;}
.main_right_panel{ border:none; 
						 margin: 0px; 
						 float: right; 
						 width:321px; 
						}


						
.mid_inner_details {margin:0px; padding:30px 0px 0px 0px;}
.mid_details {margin:0px; padding:0px;}
.mid_list_box {float:left; width:280px; margin:0px; padding:0px 0px 20px 0px; }
.mid_list_box  h4 { margin:0px; padding:0px; font-size:14px; color:#007ab0; text-decoration:underline;}
.mid_list_box  p {margin:0px; padding:0px; line-height:24px;}

img{
	border: none;
}

/******************************************************************************/
#main_mid_sec_panel {clear:both; width: 990px; margin: 0 auto; padding-bottom: 20px;}
.mid_sec_panel {margin:0 0 0 5px; padding:0px 0px 20px 5px; width:700px; float: left; }
.mid_sec_panel h4 {margin:0px; padding:10px 0px 0px 0px; font-size:18px; font-weight:normal; color:#ffffff;}
/*.mid_sec_panel p {margin:0px; padding:0px 0px 0px 0px; color:#343434;}
*/.mid_sec_panel p a {color:#0fb3ff;}
.mid_sec_panel p a:hover {text-decoration:none;}
.mid_sec_panel ul {color:#ffd700; text-decoration:underline;}
.mid_sec_panel ul li{margin:5px 0;}
/****************************************************************/

#main_mid_third_panel {clear:both;  background:url(../images/mid_sec_gradient.gif) repeat-x; background-color:#daf4ff;}
.main_mid_third_panel {margin:0px; padding:30px 0px 20px 0px;}
.mid_third_left_panel {float:left; width:400px;}
.mid_third_left_panel h4 {margin:0px; padding:10px 0px 0px 0px; text-decoration:underline; font-size:18px; font-weight:normal; color:#0fb5ff;}
.mid_third_left_panel p {margin:0px; padding:0px 0px 0px 0px; color:#343434; line-height:24px; font-size:14px;}


/****************************************************************************/

#main_bottom { border-top: 5px dashed #ffd700;
	clear:both; height:195px; 
	background-color:#000;
	background-image: url(../images/cinturon_azul.png) ; 
	background-position: top left; 
	background-repeat: no-repeat;}
.bottom {margin:0px; padding:5px; width: 980px; margin: 0 auto;}
.bottom h5 {margin:30px 0px 0px 0px; padding:0px 0px 20px 0px;  float:left; font-size:12px; font-weight:normal; color:#fff;}
.bottom p{margin:0px 0px 0px 0px; padding:0px; color:#fff;  text-align:right;}
.bottom p a  { color:#fff;}
.bottom p a:hover { text-decoration: none ;}

#footer-menu {	width: 600px;	text-decoration: none;	 letter-spacing: 0.1em;	padding: 0; font-size:12px; 
					color: white }
#footer-menu ul { padding-left: 10px;	list-style-type: none;	list-style-image: none;	list-style-position: outside; margin: 0;	}
#footer-menu li { border-left: 1px solid red; padding: 0pt 8px; display: inline; }
#footer-menu li.first { border: 0pt none ; }
#footer-menu a, 
#footer-menu a:link, 
#footer a:visited { text-decoration: none; color:#fff;}
#footer-menu a:link, 
#footer-menu a:hover { text-decoration: none; font-weight: bold; color:#fff;}
#footer-menu .copyright{
	color: #fff;
	float:left; 
	margin-top:120px; 
	font-size: 80%;
}




/* inner pages css start */
h1.inner{text-transform:uppercase; font:33px Myriad Pro, Arial; color:#fff; font-weight:100; margin:0px; padding:25px 0px 10px 0px; background:none}
h2{text-transform:uppercase;  font: 16px;  color:#fff; font-weight:bold; margin-top:5px;}
.aboutus-img{float:right; border:4px solid #b0a48b;	margin:0px 0px 10px 20px; }
h3{text-transform:uppercase;  font:15px Myriad Pro, Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding:0px 0px 0px 0px;}
h5{text-transform:uppercase; font:15px Myriad Pro, Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding:0px 0px 5px 0px;	border-bottom:1px dotted #ffffff;	margin:0px 0px 10px 0px;}
h6{text-transform:uppercase; font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; padding:0px 0px 5px 0px;	margin:0px 0px 10px 0px;}

.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
.input-text{width:300px;}
input.button{ float:right; color:#ffffff;	background:#414141;	font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #000000;}
input.button:hover{cursor:pointer; color:#cccccc;}

.project-img{float:right; margin-left:20px;	border: 6px solid #fff;}
.whiteheading{font:30px Myriad Pro, Arial; color:#ffffff; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px;	border-bottom:1px dotted #fff; padding-bottom:10px; width: 95%;}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */

#home_content_left {  width:690px;	float:left;	text-align: left;	padding-top: 5px;	margin-bottom: 45px;}
#home_content_right { width:240px;	float:right;	text-align: left;	margin-left: 20px;margin-bottom: 5px; padding-top: 5px; overflow: hidden;}
#home_content_right_1 {	float:right;	width:240px;	line-height: 18px;	padding: 5px 10px 10px 10px;	margin-bottom: 20px;	margin-top: 15px;	background-color: #d3d3cc;}

#flash{ display: block; clear: both; color: #333333; background-color: #ffffff; margin: 0pt; padding: 7px 7px 7px 35px; overflow: hidden; min-height: 28px; position: relative; text-align: left;}
#flash.flash_notice{ color:#000; background: #e6f8dd url(../images/icon_status_success_26x26.gif) no-repeat scroll 7px 7px;}
#flash.flash_error {	color:#000; background: #ffeeee url(../images/icon_status_fail_26x26.gif) no-repeat scroll 7px 7px;}

label.error {color:#dd3333;	font:11px Arial, Helvetica, sans-serif; /*border: 1px solid #dd3333;	padding: 2px;	background-color: #ffbfaa;*/}
.active{font-weight:bold; }
#home_content_right.map_340{width:290px; overflow: hidden;}
.map_305{width:285px;}
.map_310{width:310px;}
	
form.mini-contactform textarea, select{ width:230px;	background-color:#ffffff;	border: 1px solid #9f9e81;	color: #2c2d29;	cursor: default; }
form.mini-contactform select {	max-width: 220px;}
form.mini-contactform input.input-text{ width: 230px; border: 1px solid #9f9e81;}
form.mini-contactform label.error{ color: red; }

.bloque-gris{ 	padding: 5px; background-color: #262626; border: 2px solid gray;	color: #fff;	}
.bloque-gris h1{
	border-bottom: 1px dashed #fff; margin-top: 0;
}
.bloque-gris h3, bloque-gris h4, bloque-gris h2{		color: #bebebe;}
.bloque-gris strong{	color: #ffffff; }
.bloque-gris a{color:#ffd700;}
.leyenda{ font-size: .85em; font-weight: bold;}

.tip{	 font-size: .90m; margin-bottom:50px; clear: both; margin-top: 10px; padding-left:10px;}
.tip-icon{float:left; margin:0px 15px 0px 0px;}
.tip .left{	float: left;}
.tip .right{	float: right;		}
.tip .texto{		width: 360px;}
.tip .imagen{	width: 280px;}

.bloque-home{	
	background-color: silver;
	color: #696969;
	width:100%;
	border: 1px solid #000000;
}
.bloque-home .titulo{
	display: block;
	width: 100%;
}
.bloque-home .description{ background-color: #ffd700;	float: left; width: 150px; min-width: 150px;}
.bloque-home .img1,.bloque-home .img2{	width: 48px;	float:left; }

div.look{	
			background-color: silver; 
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border:1px solid white;
			padding:2px;
			margin:0px 0;
			cursor:pointer;
			width:250px;
			min-height: 230px;
}
.look-hover{border:1px solid #4185ac}
.look-image{float:left;width:100px;height:100px; }
.look-image-view{float:left;width:auto; min-width:150px; height:150px; text-align:center;
margin-bottom:5px; border:1px solid #000000; padding:2px; }

.look-image-view-70{float:left;width:70px;height:70px;
margin-bottom:5px; margin-left: 10px; border:1px solid #000000; padding:2px; }

.look-text{float:left;width:100px;text-align:left;margin-left:10px;font-size:12px; color:#000000;}
.look-text p{margin:0px}
ul li {	margin: 0;}
.no-format{font-weight:normal!important;color:black!important}
.no-format:hover{text-decoration:none}
.look a{	text-decoration:none;	color: red;}
.look b{	color: #000000;}
.hidden-div{	display: none;	clear: both;}

.volante{
	background: transparent url(../images/volante.png) no-repeat scroll top left;
	padding-left: 80px;
	height: 45px;
	padding-top: 20px;
	border-bottom: 2px solid #ffd700;
	margin-bottom: 20px;
}
.head-column{
	border-color: #ffd700;
	border-style: dashed;
	border-width: thin;
	padding: 10px;
	width:237px;
/*	background: #333333 url(../images/recommended-bg.gif) no-repeat scroll top left;*/
	height: 70px;
	max-width: 240px;
	margin-bottom: 15px;
}

.cursiva{
	font-style: oblique;
}
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

.fondo-blanco{
	width:235px;
	margin:0 auto; 
	float:right; 
	text-align:center;
	background: transparent url(../images/bg-gris-bode-blanco-215.png) no-repeat scroll top center;
	padding: 10px;
}

.bg-310{
		background: transparent url(../images/bg-gris-bode-blanco-310.png) no-repeat scroll top center;
		padding: 5px 0;
		text-align:center;
}

.error_header
{
width: 1020px;
height: 378px;
margin: 20px auto; 
/*border:2px solid #000;*/
background: transparent url(../images/error404.jpg) no-repeat scroll top center;
clear: both;
margin-top: 0pt;
margin-right: auto;
margin-bottom: 0pt;
margin-left: auto;
}
#tres_preguntas_flash_div{
	margin-top: 35px;
}
.left { float:left; }
.right { float:right; }

.view_evento_left{
	float: left;
	width: 600px;
	color: #fff;
}

.view_evento_right{
	float: right;
	width: 250px;
	color: #fff;
}
