﻿/* ////////////////////////  Borrando los estilos por default \\\\\\\\\\\\\\\\\\\\\\\\\ */

td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

tr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

tfoot {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

tbody {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

table {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

form {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

ul {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

ol {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

dd {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

dt {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

dl {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

center {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

i {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

u {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

b {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

var {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

tt {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

sup {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

sub {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

strong {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

strike {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

small {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

samp {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

s {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

q {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

kbd {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

ins {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

font {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

em {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

dfn {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

del {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

code {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

cite {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

big {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

address {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

acronym {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

abbr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

pre {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

p {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

h5 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

h4 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

h3 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

h2 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

h1 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

iframe {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

object {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

applet {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

span {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

div {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

html {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
body {}
ul {list-style: none;}
ol {list-style: none;}
q {quotes: none;}
blockquote {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}

/* ---------------------------- body --------*/

body { 
	background: #eee;
}


/* ---------------------------- container --------*/

div#container {
	background: url(/images/backgroundContent.png);
	margin:0 auto;
	width: 900px;
}

div#containerInt {
	background: url(/images/backIntDon.gif) repeat-y;
	margin:0 auto;
	width: 900px;
}

/* ---------------------------- header --------*/

div#header {
	background: transparent url(/images/backgroundHeader.png) repeat-x bottom left;
	height: 160px;
}
	div#logo {
		margin: 5px 0 0 10px;
		width: 140px;
		height: 140px;
		float: left;
	}

	div#lema {
		padding-top:40px;
	}

	div#lema h1 {
		font-size: 27px;
	}

/* ---------------------------- menu --------*/

div#menu {
	background: #fff;
}

	div#menu ul  {
	}

	div#menu ul li{	
	}

	div#menu ul li a:active {
		color: #2a2a2a;
		text-decoration: none;
		padding: .5em;
	}

	div#menu ul li a:visited {
		color: #2a2a2a;
		text-decoration: none;
		padding: .5em;
	}

	div#menu ul li a:link {
		color: #2a2a2a;
		text-decoration: none;
		padding: .5em;
	}

	div#menu ul li a {
		color: #2a2a2a;
		text-decoration: none;
		padding: .5em;
	}

	div#menu ul li a:hover {
		background: #273259;
		color: #fff;
	}

/* ---------------------------- content --------*/
	div#content {
		/* -- border-top: 3px solid #fff; -- */
	}
		div#bar-right {
			float: left;
		}

		div#bar-center {
			float: left;
		}

		div#bar-left {
			float: left;
		}

		div#bar-left {
			width: 199px;
			padding: 20px 25px;
		}

			div#bar-left h3 a:active {
				color: #fff;
				text-decoration: none;
			}

			div#bar-left h3 a:visited {
				color: #fff;
				text-decoration: none;
			}

			div#bar-left h3 a:link {
				color: #fff;
				text-decoration: none;
			}

			div#bar-left h3 a {
				color: #fff;
				text-decoration: none;
			}

		h3.chat {
			background: url(/images/icon_chat.jpg) no-repeat;
			padding: 9px 0 10px 50px;
		}

		h3.inst {
			background: url(/images/icon_inst.jpg) no-repeat;
			padding: 9px 0 0 50px;
		}
		
		h3.com {
			background: url(/images/icon_comment.jpg) no-repeat;
			padding: 9px 0 10px 50px;
		}
		

		div#banner-left {
			padding: 25px 0;
			} 

		div#banner-left img {
			border: 3px solid #fff;
		}

		div#bar-center {
				width: 600px;
}
			div#bar-center h2 {
				color: #f4ff81;
				margin: 1em 0;
				font-size: 24px;
			}

			div#quienes img {
				 float: left;
				 margin: .5em;
			}

			div#quienes p {
				font-size: 14px;
				color: #fff;
				padding: 1em;
			}
					
			div#quienesa:active {
			color: #000;
			text-decoration: none;
			}

			div#quienes a:visited {
			color: #000;
			text-decoration: none;
			}

			div#quienes a:link {
			color: #000;
			text-decoration: none;
			}

			div#quienes a {
			color: #000;
			text-decoration: none;
			}

			div.testimonio {
				height: 100px;
			}

			div.testimonio img {
				float: left;
				margin: 1em;
			}

			div.testimonio p {
				padding: 1.5em 1.5em 1em 0;
				color: #fff;
				font-size: 14px;
			}

		div#bar-right {
				width: 600px;
}

		div#bar-right h2 {
			color: #f4ff81;
			margin: 1em 0 .5em 0;
			font-size: 16px;
		}

		div#bar-right h3 {
			color: #fff;
			margin: 2em 0 .5em 0;
			font-size: 14px;
		}

		div#bar-right ol{
			padding: .5em;
			text-align: left;
		}

		div#bar-right ol li {
			font-size: 11px;
			color: #fff;
			list-style-type: decimal;
			list-style-position: inside;
			margin: .5em 0;
			padding: 0 .5em;
		}

		div#bar-right table td {
			padding: .3em;
		}

		div#bar-right table {
			margin-bottom: 1em;
		}

		input.boton {
			border: 1px solid #fff;
			padding: .3em;
			color: #fff;
			background: #273259;
		}

		div#encuesta p {
			color: #fff;
			font-size: 12px;
		}

		div#bar-content{
			margin-left: 250px;
			background: #ece5cb;
			padding: 2em;
		}

		div#bar-content h2 {
			color: #7b3404;
			margin-bottom: 1em;
		}

		div#bar-content p {
			font-size: 12px;
			margin: 1em 0;
		}
/* ---------------------------- footer --------*/		

div#footerbanner {
float:left;
width:400px;
background: #fff;
					}
					
div#footerbanner a {
			color: #fff;
			height:125px;
		}
					

div#footer {
		clear:left;
		float:left;
		background: #fff url(/images/backgroundPieD.png) no-repeat;
		padding-left: 100px;
		width: 400px;
	}

		div#footer p {
			font-size: 9px;
			color: #666;
			width: 360px;
			padding: 20px 20px 30px 0;
		}

		div#footer a:active {
			color: #666;
			text-decoration: none;
			padding: 0;
			margin: 0;
			vertical-align: top;
		}

		div#footer a:visited {
			color: #666;
			text-decoration: none;
			padding: 0;
			margin: 0;
			vertical-align: top;
		}

		div#footer a:link {
			color: #666;
			text-decoration: none;
			padding: 0;
			margin: 0;
			vertical-align: top;
		}

		div#footer a {
			color: #666;
			text-decoration: none;
			padding: 0;
			margin: 0;
			vertical-align: top;
		}

		div#footer a:hover {
			text-decoration: underline;
		}

/* ---------------------- especiales -------*/
.tA
{
	font-size: 11px;
}

.tB
{
	font-size: 13px;
}

.tC
{
	font-size: 15px;
}

.tD
{
	font-size: 17px;
}

.tE
{
	font-size: 19px;
}

div#ruta
{
	font-size: 11px;
	color: #666666;
	padding-bottom: 15px;
	margin-top: -15px;
}

.listaU
{
	list-style-type:circle;
	margin-left: 0px;
	padding-left: 20px;
}

.subtitulo {
	color: #273259;
	font-weight:bold;
	font-size: 15px;
}

