﻿/*MASTER & GENERAL*/
HTML {
	border-top-width: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border-right-width: 0px;
}
BODY {
	border-top-width: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-left-width: 0px;
	font-size: 10pt;
	border-bottom-width: 0px;
	padding-bottom: 5px;
	margin: 0px;
	cursor: url( 'images/pointer.cur' );
	padding-top: 0px;
	padding-left: 5px;
	font: 12px Lucida Sans;
	background-repeat: repeat-x;
	text-align: LEFT;
	border-right-width: 0px;
	background: url(images/bgv.jpg) #01245c no-repeat 50% 0pt;
}
#pagecontainer {
	width: 976px; /*ancho total de la pagina*/
	text-align: left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
	margin-top: 0px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

#contenido {
	width: 990px;
	text-align: left;
	float: left;
	width: 975px;
	height: auto;
	background: #fff;
}

#sombra {
	padding: 13px 100px 13px 100px;
	background: #fff url(  'images/content_bg.jpg' ) no-repeat;
	width: 775px;
	height: auto;
	float: left;
}


.haeder_sup {
	width: 976px;
	height: 36px;
	background-color: #0062a3;
	color: #fff;
}

.divright {
	float: right;
	margin-right: 13px;
	width: auto;
	height: auto;
}


#header {
	width: 976px;
	height: 131px;
	background-color: #0062a3;
	background-image: url('images/header.jpg');
	color: #fff;
}

#footer {
	width: 976px;
	padding-top: 20px;
	height: 32px;
	background-color: #1b3d7c;
	background-image: url('images/footer.jpg');
	color: #fff;
	text-align: center;
	float: left;
}


#bgmenu {
	width: 976px;
	height: 125px;
	background-color: #1b3d7c;
	background-image: url('images/bgmenu.jpg');
	color: #fff;
}
#bloquemenuhome {
	float: left;
	width: 124px;
	height: 81px;
	padding-left: 80px;
	padding-top: 40px;
}
#bloquemenublog {
	float: left;
	width: 136px;
	height: 81px;
	padding-left: 75px;
	padding-top: 40px;
}


#bloquemenulastblog {
	float: left;
	width: 148px;
	height: 88px;
	padding-left: 70px;
	padding-top: 40px;
}


#bloqueformsearch {
	float: left;
	width: 308px;
	height: 91px;
	padding-left: 20px;
	padding-top: 30px;
}


.menu {
	width: 100%;
}

.menu .tdlb {
	font-family: Myriad Pro;
	font-weight: bold;
	font-size: 17px;
	color: #003f55;
}


.menu .tdsearch {
	font-family: Myriad Pro;
	font-weight: bold;
	font-size: 19px;
	color: #fff;
}


.btnsmall {
	width: 60px;
	height: 15px;
	background-image: url(images/btnsmall.png);
	color: #fff;
	text-align: center;
	font-size: 9px;
	font-family: Tahoma;
	font-weight: bold;
	border: 0px;
}

.btnlarge {
	width: 60px;
	height: 15px;
	background-image: url(images/btnlarge.png);
	color: #fff;
	border: 0px;
	text-align: center;
	font-size: 9px;
	font-family: Tahoma;
	font-weight: bold;
}

.bandera {
	float: left;
}
.tableflag {
	float: left;
}
.hide {
	display: none;
}
small {
	font-family: Myriad Pro;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}

.csstxt {
	border: 1px solid #ccc;
	color: #464646;
	background: #d1dee3;
	font-family: Tahoma;
	font-size: 11px;
	width: 200px;
}

.divleft {
	float: left;
	width: auto;
}
.btnmenu {
	background: #fff;
	padding: 5px;
	height: auto;
	width: auto;
}



A {
	color: #d3d1d1;
	text-decoration: none;
}

A:hover {
	color: #66b2f4;
	text-decoration: none;
}


.csslogin {
	width: 130px;
	background: #eee url(images/bg_text.gif);
	border: 1px solid #ccc;
	color: Gray;
}



/*HOME  (blog)*/

.bloqueleft {
	float: left;
	width: 544px;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
}

.bloqueright {
	float: left;
	width: 380px;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
}

.titulo {
	font-family: Myriad Pro;
	font-weight: bold;
	font-size: 19px;
	color: #003f55;
}

.contenidoblog {
	float: left;
	margin: 10px 5px 0.4em 5px;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.55em;
	text-align: justify;
	width: 329px;
	color: #707070;
}

.imgblog {
	float: left;
	width: 192px;
	margin-right: 0px;
	margin-top: 9px;
}


/*last blog*/
.tabla_blog {
	font-size: 12px;
	width: 100%;
	float: left;
	height: auto;
}

.tabla_blog .label {
	color: black;
	vertical-align: top;
	text-align: left;
	padding-left: 3px;
}
.tabla_blog .dates {
	color: black;
	vertical-align: top;
	text-align: left;
	padding-left: 3px;
	width: 189px;
}


.tabla_blog .titulocomentario {
	background: #0f639f;
	vertical-align: middle;
	text-align: left;
	color: White;
	height: 24px;
}



.tabla_blog .titulo_blog {
	padding-left: 10px;
	width: auto;
	float: left;
	font-size: 12PX;
}


.titulo_blog_home {
	width: auto;
	float: left;
	font-size: 12PX;
}

.tabla_blog .tdimagen {
	text-align: center;
	width: 15%;
}
.tabla_blog .dato {
	color: black;
	vertical-align: top;
	text-align: left;
	padding-left: 3px;
}



.blogLinksel {
	text-decoration: none;
	text-align: center;
	margin: 0 auto;
	display: block;
	height: 70px;
	width: 100px;
	padding: 3px;
	border: solid 1px #cccccc;
}
.blogLinksel:hover {
	background: #fbf1f6;
	margin: 0 auto;
	display: block;
	height: 70px;
	width: 100px;
	text-align: center;
	padding: 3px;
	border: solid 1px #005a98;
}


.blueLink {
	color: #005a98;
	text-decoration: none;
	font-weight: bold;
}
.blueLink:hover {
	background: none;
	color: #193759;
	text-decoration: none;
}

.WhiteLink {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.WhiteLink:hover {
	background: none;
	color: #e7ec9c;
	text-decoration: none;
}

.desc {
	color: #003f55;
	font-weight: bold;
}
.fin {
	clear: both;
}

/*mas leido+comentados*/

.recomendados {
	width: 97%;
	margin-left: 8px;
	margin-top: 9px;
}
.masleido {
	float: left;
	width: 260px;
}
.mascomentado {
	float: right;
	width: 260px;
}
.tbleido {
	width: 100%;
	float: left;
}
.tbleido strong {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	color: #d52d00;
}
.tbleido span {
	font-family: Tahoma;
	font-weight: normal;
	font-size: 11px;
	color: #636363;
}

.tbleido .tdtitulo {
	font-family: Myriad Pro;
	font-weight: bold;
	font-size: 19px;
	color: #636363;
}
.tbcomentado {
	width: 100%;
	float: right;
}

.tbcomentado strong {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
	color: #d52d00;
}
.tbcomentado span {
	font-family: Tahoma;
	font-weight: normal;
	font-size: 11px;
	color: #636363;
}

.tbcomentado .tdtitulo {
	font-family: Myriad Pro;
	font-weight: bold;
	font-size: 19px;
	color: #636363;
}

.naranjaLink {
	color: #d52d00;
	text-decoration: none;
	font-weight: bold;
}
.naranjaLink:hover {
	background: none;
	color: #444444;
	text-decoration: none;
}
hr {
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	width: 100%;
	border: 0;
}

/*allblog*/

.bloque1_blog {
	float: left;
	width: 453px;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
	text-align: center;
}

.bloque2_blog {
	float: right;
	width: 458px;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
	text-align: center;
}


.parrafoalbum {
	padding-top: 5px;
	padding-bottom: 5px;
	height: 18px;
	border-bottom: 0px solid #ccc;
	border-top: 0px solid #ccc;
	width: 98%;
	padding-left: 15px;
	background: #e3f1f6;
}
.divleftresultado {
	margin-right: 10px;
	float: left;
	width: auto;
	margin-left: 14px;
	margin-top: 2px;
}
.numeracion {
	width: auto;
	height: auto;
	margin-bottom: 10px;
	float: right;
	padding-right: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.bluenumLink {
	color: #005a98;
	text-decoration: none;
	font-weight: bold;
	width: 20px;
	height: auto;
	text-align: center;
	display: inline;
}
.bluenumLink:hover {
	background: #005a98;
	color: #ffffff;
	text-decoration: none;
	width: 20px;
	height: auto;
	padding-top: 2px;
	text-align: center;
}
.bloquegeneral {
	width: 98%;
	padding: 10px;
}
.margen {
	margin-top: 10px;
	float: left;
	height: auto;
}

/*loginsingup*/
.contenedorlogin {
	padding: 13px 100px 13px 100px;
	width: 776px;
	height: auto;
	float: left;
}


.login {
	margin: 10px;
	width: 92%;
	height: 167px;
}


#collogin {
	border: 0px solid #e8e8e8;
	display: inline;
	float: right;
	width: 313px;
	padding-left: 0px;
	text-align: left;
	height: auto;
	margin-top: 10PX;
}
.infoisud {
	float: right;
	height: auto;
	width: 311px;
	border-left: solid 0px #e1e2d9;
	border-right: solid 0px #e1e2d9;
	margin-bottom: 10px;
	border-bottom: solid 1px #e1e2d9;
	background-image: url(  'images/bgheadercenter.jpg' );
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-bottom: 10px;
}


.headinfo {
	height: 28px;
	padding-top: 6px;
	color: #000;
	width: 298px;
	border: solid 0px #193759;
	padding-left: 10px;
	font-weight: bold;
}
#signup {
	margin-left: 10px;
	height: 299px;
	width: auto;
}

#colizq {
	border: 0px solid #e8e8e8;
	display: inline;
	float: left;
	width: 313px;
	padding-left: 0px;
	text-align: left;
	height: auto;
	margin-top: 10PX;
}
#colder {
	border: 0px solid #e8e8e8;
	display: inline;
	float: right;
	width: 640px;
	text-align: left;
	height: auto;
	padding-left: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10PX;
}
.dropdia {
	width: 50px;
	height: 20px;
	background: #eee url(/images/bg_text.gif);
	border: 1px solid #ccc;
	color: Gray;
}

.dropdate {
	width: 80px;
	height: 20px;
	background: #eee url(/images/bg_text.gif);
	border: 1px solid #ccc;
	color: Gray;
}

.dropaho {
	width: 50px;
	height: 20px;
	background: #eee url(/images/bg_text.gif);
	border: 1px solid #ccc;
	color: Gray;
}

.cstxt {
	width: 150px;
	background: #eee url(images/bg_text.gif);
	border: 1px solid #ccc;
	color: Gray;
}

.cssdrop {
	width: 150px;
	height: 20px;
	background: #eee url(../images/bg_text.gif);
	border: 1px solid #ccc;
	color: Gray;
}

.btngeneral {
	width: 90px;
	height: 15px;
	background-image: url(images/btnlarge.png);
	font-size: 11px;
	color: #fff;
	border: solid 0px #e1e2d9;
}
.paddingleft {
	padding-left: 10px;
}

/*pasoscrearblog*/
.formcrearbloglarge {
	font: 11px Tahoma;
	text-align: left;
	color: #000;
	width: 640px;
	height: auto;
	background-color: #fff;
	background-image: url('images/bgheadergaleria.jpg');
	background-repeat: no-repeat;
	border-bottom: 1px solid #ccc;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	clear: both;
}



.formcrearblog {
	font: 11px Tahoma;
	text-align: left;
	color: #000;
	width: 308px;
	height: auto;
	background-color: #fff;
	background-image: url('images/bgheadercenter.jpg');
	background-repeat: no-repeat;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	clear: both;
}



#tableinfoblog {
	width: auto;
	height: auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin: auto auto 15px auto;
}

.celdaetiqueta {
	text-align: left;
	vertical-align: top;
	width: 104px;
	width: 40%;
}

.celdaboton {
	text-align: center;
}

.celdaviacia {
	width: 60%;
}




.celdatext {
	width: 146px;
}
.csstxtmulti {
	border: 1px solid #ccc;
	color: #464646;
	background: #d1dee3;
	font-family: Tahoma;
	font-size: 11px;
	width: 200px;
	height: 108px;
}


.tituloform {
	font-family: Myriad Pro;
	font-weight: bold;
	font-size: 17px;
	color: #003f55;
	height: auto;
	width: 92%;
	padding: 5px 10px 10px 10px;
	margin-bottom: 10px;
}


/*interface*/
.tableinterface {
	width: 80%;
	height: auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin: auto auto 15px auto;
}
.celdainterface {
	text-align: center;
}

.vtop {
	vertical-align: top;
}


.bodybloquecomment {
	float: left;
	height: auto;
	width: 587px;
	margin-bottom: 10px;
	border-bottom: solid 1px #e1e2d9;
	background-image: url(images/bgheaderinterface.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-left: 12px;
	margin-right: 0px;
}

.csstxtcomment {
	width: 650px;
	height: 72px;
	background: #eee url(images/bg_text.gif);
	border: 1px solid #ccc;
	color: Gray;
}


/*****slide docs*****/

.scrollers {
	height: 60px;
	border-top: 0px solid #fff;
	width: 312px;
}
.scrollers input {
	float: left;
	width: 23px;
	height: 58px;
	border: 0px solid ThreedLightShadow;
}
.scrollers input:hover {
	border-color: Scrollbar;
}
.scrollers input.scrollleft {
	border-right-color: #fff;
}
.scrollers input.scrollright {
	border-left-color: #fff;
}
.panoramas {
	height: 60px;
	overflow: hidden;
	float: left;
	width: 222px;
}
.panoramas .container {
	width: 394px;
	float: left;
}


/**/

.bodylastdocs {
	float: left;
	height: auto;
	width: 587px;
	margin-bottom: 10px;
	border-bottom: solid 1px #e1e2d9;
	background-image: url('images/bgheaderinterface.jpg');
	background-repeat: no-repeat;
	margin-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-left: 12px;
	margin-right: 0px;
}



.tabledocs {
	width: 100%;
}
.tabledocs .celdadocs {
	width: 20%;
	text-align: center;
}

.blueimgvideoLink {
	text-decoration: none;
	display: block;
	height: 68px;
	width: 100px;
	margin: 0 auto;
	padding: 0px;
	border: solid 1px #cccccc;
	margin-bottom: 15px;
}
.blueimgvideoLink:hover {
	text-decoration: none;
	display: block;
	height: 68px;
	width: 100px;
	margin: 0 auto;
	padding: 0px;
	margin-bottom: 15px;
	background: #fff;
	border: solid 1px #005a98;
}



.headusuright {
	height: 25px;
	padding-top: 6px;
	color: black;
	width: 313px;
	border: solid 0px #193759;
	padding-left: 10px;
	font-weight: bold;
	margin-bottom: 11px;
}

/********/

/*login*/
.terminos {
	margin: 10px;
	width: 84%;
	height: auto;
}


