/* Reset Styles */
@import url('reset.css');
html, body, #formpage {
	margin: 0;
	padding: 0;
}
body {
	background-color: black;
	
}

body, td, span, div { font-family:  News Gothic MT, Helvetica, sans-serif;  }

a {
	text-decoration: none;
	color: #0033CC;
}
strong {
	font-weight: bold;
}

h1 { 
    font-size:30px;
    margin-left:200px;
    margin-top:10px;
    text-align:center;    
    color:#FFF;
}

h1.large { 
    font-size:34px;    
}

 
#wrapper {
	margin: 0 auto;
	width: 900px;
	font-size: 13px;
}
#header {
	background: transparent url('images/bg-header-praxis.jpg') repeat-x;
	height: 153px;
	width: 900px;
}
#header #logo a {
	margin-left:30px;
	margin-top:20px;
	width: 185px;
	height: 123px;
	display: block;
	background-color: transparent;
	text-indent: -9999px;
	background: url(images/logo-praxis-header.png) no-repeat;
}
#page {
	height: 545px;
	background: #FFF url('images/bg-gradiant-2.jpg') repeat-x;
	color: #535353;
	font-size: 16px;	
}
#page h3 {
	color: red;
	padding: 5px 0;
	font-size: 12px;
	font-weight: bold;
}
#page ul {
	padding: margin;
	list-style: disc;
	padding: 10px 0 15px 10px;
}
#page ul li {
	/* margin-left: 30px;*/
}


#page p {
	padding-bottom: 15px;
}

#page p.padding6 {
	padding-bottom: 6px;
}

#page a { color:#666; border-bottom: 1px dotted #bbb; overflow:hidden }
#page a:hover { color:#333;   }


/* Info styles */
#info { padding:40px 20px 10px; line-height:170% }
#info ul { list-style: none; } 
#info ul li { margin-bottom:25px; }

#info a.noborder { border:none }
#info ul.littlemargin li {
    margin-bottom:10px	
}


h4 { font-weight: bold; }


#h1-bottom-curve {
	background: transparent url('images/bg-title-bottom-curve.jpg') no-repeat;
	position: relative;
	width: 27px;
	height: 17px;
	left: 25px;
}

#sidebar-home {
	float: right;
	line-height: 110%;
	overflow: hidden;
/*width:360px*/
}



#sidebar {
	float: right;
	line-height: 110%;
	overflow: hidden;
	width:480px
}
.bg-h1 {
	background: transparent url('images/bg-h1.png') no-repeat;
	height: 65px;
	border-bottom: 1px solid #7f7f7f;
	color: #FFF;
	font-size: 48px;
	font-weight: bold; /*text-transform: lowercase;*/;
	padding: 50px;
}
#introflash {
	text-align: center;
}

/**
 * HomePage
 * Esilos para contenidos de pagina de inicio y barra lateral.
 */
#content {
	background: transparent url('images/bg-content-2.jpg') no-repeat -25px  bottom;
	height: 545px;
	width: 420px;
	float: left;
}

.bg-tower {
	background: transparent url('images/bg-content-2.jpg') no-repeat bottom;
}


.content-home {
    width:530px !important;
}

.home-message {
	line-height: 125%;
	overflow: hidden;
	margin-left: 230px;
	padding: 20px 15px 18px 0px;
	font-size:14px;
	text-align:justify
}
.sidebar-home {
	width: 369px;
	height: 545px;
	font-size: 12px;
	border-left: 1px solid #7f7f7f;
	line-height: 120% !important;
}
.sidebar-home h2 {
	background: transparent url('images/pleca.gif') no-repeat left 15px;
	padding: 20px 25px 10px 25px;
	font-size: 20px;
	font-weight: bold;
	/*text-transform: lowercase;*/
}
.mod-empresa {
	background: transparent url('images/green-globe.jpg') no-repeat right;
	height: 124px;
	padding-right: 150px;
}


.mod-defensa {
	background: transparent url('images/bg-defensa.jpg') no-repeat right;
	height: 130px;
	padding-right: 180px;
}

.mod-defensa h2 {
	background: transparent url('images/sidebar-h2s.png') no-repeat 25px 0;
	height: 25px;
	width:200px;
	padding:0;
	margin:10px 0 10px 5px;	
	float:left;
	text-indent:-9999px;
}

.mod-defensa p { padding-left: 35px; }


 
.mod-servicios {
	background: transparent url('images/bg-servicios.jpg') no-repeat right;
	height: 135px;
	padding-right: 150px;
}

.mod-servicios h2 {
	background: transparent url('images/sidebar-h2s.png') no-repeat 25px -20px;
	height: 25px;
	width:200px;
	padding:0;
	margin:10px 0 10px 5px;	
	float:left;
	text-indent:-9999px;
}

.mod-servicios ul { padding: 0 0 0 35px !important; } 
.mod-servicios ul li { list-style:none;}

 
 

.mod-operacion {
	background: transparent url('images/find-numbers.jpg') no-repeat right;
	height: 145px;
	padding-right: 150px;
}
.mod-operacion p {
	padding-left: 20px;
}



.mod-proy-anticrisis {
	background: transparent url('images/bg-proy-anticrisis.jpg') no-repeat right;
	height: 125px;
	padding-right: 150px;
}


.mod-proy-anticrisis h2 {
	background: transparent url(images/sidebar-h2s.png) no-repeat scroll 25px -20px;
	height: 25px;
	width:200px;
	padding:0;
	margin:10px 0 10px;	
	float:left;
	text-indent:-9999px;
}

.mod-proy-anticrisis p {
	padding-left: 35px;
	padding-right:30px;
	text-align:justify;	
}

.mod-plan-compensacion {
	background: transparent url('images/bg-plan-compensacion.jpg') no-repeat right;
	height: 125px;
	padding-right: 150px;
}

.mod-plan-compensacion  h2 {
	background: transparent url(images/sidebar-h2s.png) no-repeat scroll 25px -46px;
	height: 25px;
	width:210px;
	padding:0;
	margin:10px 0 10px;	
	float:left;
	text-indent:-9999px;
}
.mod-plan-compensacion p {
	padding-left: 35px;
	padding-right:30px;	
	text-align:justify;


}
.mod-fundacion {
	background: transparent url('images/bg-fundacion.jpg') no-repeat right;
	height: 140px;
	padding-right: 150px;
}
.mod-fundacion h2 {
	background: transparent url(images/sidebar-h2s.png) no-repeat scroll 30px -45px;
	height: 25px;
	width:210px;
	padding:0;
	margin:10px 0 10px;	
	float:left;
	text-indent:-9999px;
	
}

.mod-fundacion p {
	padding-left: 35px;
	padding-right:30px;	
	text-align:justify;	
}
 
 
 .mod-contacto {
	background: transparent url('images/bg-contacto.jpg') no-repeat right;
	height: 140px;
	padding-right: 150px;
}
.mod-contacto h2 {
	background: transparent url("images/sidebar-h2s.png") no-repeat scroll 25px -73px;
	height: 25px;
	width:210px;
	padding:0;
	margin:18px 0 10px;	
	float:left;
	text-indent:-9999px;
	
}

.mod-contacto p {
	padding-left: 35px;
	padding-right:30px;	
	text-align:justify;	
}
 
 
 
 
 
 
.mod-proy-anticrisis a, .mod-plan-compensacion a, .mod-fundacion a {
    clear:left; 
}

/**
 *  Content Pages
 * 
 *
 */
.page-title-empresa {
	background: transparent url('images/h1-empresa.png') no-repeat;
	width: 473px;
	height: 65px;
	color: #FFF;
	font-size: 48px;
	font-weight: bold; /*text-transform: lowercase;*/ 
	padding: 50px;
	border-bottom: 1px solid #7f7f7f;
}
.content-section {
	background: #FFF url('images/bg-tower.gif') no-repeat bottom left;
	height: 545px;
	width: 572px;
	float: left;
}
 
.content-sidebar {
	width: 480px;
	height: 550px;
	font-size: 12px;
	border-left: 1px solid #7f7f7f;
}
.empresa-scroll {
	height: 300px;
	overflow: hidden;
	margin: 20px 40px;
	padding: 5px;
}
.empresa-beneficios {
	font-size: 11px;
}
/**
 *  Section: Servicios
 * 
 */
#page-servicios {
	width: 510px;
}
#nav-servicios {
	padding: 10px 0 0 30px;
	position: relative;
	top: -60px;
}
#nav-servicios ul {
	list-style: none;
	margin: 0;
	padding: 10px 0;
}
#nav-servicios ul li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 11px;
	margin: 0px;
}
#nav-servicios a {
	text-decoration: none;
	color: #9A9A9A;
	font-weight: bold;
}
#nav-servicios a:hover {
	color: gray;
}
.content-section-servicios {
	width: 690px;
}
.content-section-servicios .viewer {
	padding: 0px 30px;
}
.content-section-servicios .info {
	padding: 10px 30px;
}
.photo-towers {
}
/**
 *  Logros
 *
 */
.logros #content {
	float: left;
	width: 686px;
}
.logros #sidebar {
	float: right;
	width: 214px;
}
.logros #content .info {
	padding: 0 30px;
}
.logros a {
	text-decoration: none;
	color: #9A9A9A;
	font-weight: bold;
}
.logros a:hover {
	color: gray;
}
.msn-recon {
	position: relative;
	font-weight: bold;
	left: 490px;
	top: -40px;
}
.sidebar-logros {
	background: #191919 url('images/bg-sb-logros.jpg') no-repeat 0 20px;
	color: #FFF;
	padding: 10px 20px;
}
.contacto #content {
	float: left;
	width: 686px;
}
.contacto #sidebar {
	float: right;
	width: 214px;
}
/**
 *  Page: Contacto
 *
 */
 
.contact-locations { padding:30px 0; font-size:13px; padding-left:230px }
.contact-locations p { line-height:150%; margin-bottom:15px; }
 
 
.sidebar-contacto {
	background: #191919 url('images/bg-sb-logros.jpg') no-repeat 0 20px;
	color: #FFF;
	padding: 20px 20px;
	height: 342px;
}
#form-contacto {
	padding: 30px;
}

#form-contacto td {
	padding: 5px;
}

#form-contacto .frm-row label {
	display: block;
	float: left;
	padding: 2px;
	text-align: right;
	width: 160px;
}
#form-contacto .frm-row {
	padding: 4px;
}
#form-contacto input, #form-contacto textarea {
	border: 1px solid silver;
}
#btn-sendform {
	text-align: center;
}
#btn-sendform input {
	background-color: red;
	color: #FFF;
}
.error {
	color:red;
	/*float:none !important;*/
	display: block;
}



.theForm td.vtop { vertical-align: top; }


/**
 *  Admin Menu
 *
 */

#admin-menu {
	color:white;
	text-align:right;
	height: 50px;
	font-size: 12px;
 
}

#admin-menu a {
	margin:0 10px;
	display:inline-block;
	color: #FFF;
	text-decoration:underline;

}

/**
 *  Top navegation 
 */
#top-nav {
	padding-top: 120px;
	float:right;
	width:600px;
	font-size:14px;
}
#top-nav ul {
	float:right
}
#top-nav ul li {
	margin: 0 10px;
}
#top-nav a, #top-nav a:link {
	color: #FFF;
}
#top-nav a:hover {
	color: #FFF;
}
/**
 *  Main Navegation  
 */
#main-nav {
	border-top: 4px solid #ff0000;
	background-color: #999999;
	padding: 4px 10px;
}
#main-nav ul li { margin: 0 15px; }
#main-nav ul li a { color: #FFF; }

/**
 *  Main DropDown Menu
 *
 */

#menu { top:65px; padding:0; margin:0; list-style:none; height:40px; position:relative; z-index:500; font-size:14px; float:right  }
#menu li {float:left; margin-right:1px;}
#menu li a {display:block; float:left; height:40px; line-height:40px; color:#fff; text-decoration:none; font-weight:bold; padding:0 20px 0 10px;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
#menu li a:hover {z-index:200; position:relative;color:#fff;  }
#menu li:hover {position:relative; z-index:200;}
#menu li:hover > a {color:#fff;  }
#menu li:hover > a.sub {color:#fff;  }
#menu li.current a {color:#fff; }
#menu li a.sub { background: url('images/dd-arrow.png') 0 18px no-repeat; padding-left:15px }

#menu li ul li { width:200px; background-color: #ccc; font-size:12px; padding:10px 0px; }
#menu li ul li a { color: #000; height:auto; line-height:120%; text-align:left; }
#menu li.current a.sub { color:#000; }
#menu :hover ul {left:0; top:40px; width:120px; background:#cc0000;}
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#menu :hover ul :hover ul {left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

/* Submenu mapas */
.maps-nav .active  { font-weight:bold; }
.maps-nav li { margin-right: 25px; }

/**
 *  Directory 
 *
 */
#directory-listing {
	margin: 5px 10px !important;
	padding: 0 10px !important;
	line-height:125%;
	height:450px;
	overflow-y: scroll;
	padding:10px;
}
#directory-listing .items {
	margin: 0;
	list-style: none;
	padding: 5px 0 !important;
	border-bottom: 1px solid #d6d6d6;
	display: block;
}
#directory-listing .items span {
	display: block;
}
#directory-listing .items span.name {
	font-weight: bold;
	text-transform:uppercase;
	color:red;
	display:inline
	
}
#directory-listing .items img.foto { 
	float:left;
	margin-right:15px;
	border:2px solid 	silver
}
#directory-listing .items div.info {
	float:left;
	font-size:12px;
	width:300px;
}

#directory-listing .items span.puesto {
	display:inline;
	width:200px;
	font-style:italic
}


#directory-listing .items span.tel, #directory-listing .items span.cel     {
 	display:inline-block;
	width:130px 
}
#directory-listing .items span.email     {
 	display:inline-block;
	width:250px;	  
}


/**
 * Listado de Noticias
 *
 */

#listado-de-noticias { height:300px !important; overflow:hidden }
#listado-de-noticias tbody { overflow:hidden; overflow-y:scroll; overflow-x:hidden;  height: 290px !important;   }
#listado-de-noticias tbody tr {  height: auto;  }

.datagrid td, .datagrid th {  padding:5px; }
.datagrid td.tools {   width:60px }
.datagrid th {
  vertical-align:top;
  background-color:gray;
  color:#FFF;
}


#panel-agregar { position:absolute; width:660px; height: 450px; top:180px; margin-left:10px; background-color:#FFF; border: 4px solid red; display:none }
#panel-agregar .panel-titulo { display:block; background-color: #333; color:#fff; padding:15px 10px }

#footer { text-align: right; color: #ccc; padding:4px 0 }
#footer a {  color: #fff; margin-right:20px }


#AvisoReader { border:1px solid #cabb94; background-color: #edeae2 ; margin: 5px; padding:5px; color:#000; text-align: center; }

#AvisoReader strong { color:red
    
}
#AvisoReader a { color: blue;
    
}

/**
 * Utiliclases
 *
 */
.pad10 {
	padding: 10px 20px;
}
.border-bottom {
	border-bottom: 1px solid #7f7f7f;
}
.left-align {
	float: left;
}
.right-align {
	float: right;
}
.list-inline li {
	float: left;
}
.clear-both {
	clear: both;
}

.underline { text-decoration: underline; }

.Validators { color:Red }