/* - - - - - - - - - - - - - - - - - - - - -
<<año>> <<cliente>> Website

Autor : Saetha Design & Systems C.A.
Descripción : Hoja CSS principal del Website <<cliente>>

Creado : <<fecha de creación>>
Modificado : <<fecha de ultima modificación relevante>>

- - - - - - - - - - - - - - - - - - - - - */

/* TRANSPARENCIA behavior: url(css/recursos/iepngfix.htc) */

/* ------------------- *\
REGLAS GENERALES
\* ------------------- */

*
{ margin:0px; padding:0px; border:none; }

body { font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000; background: #464343 url(../Imgs/repeat.jpg) repeat-x left top; }

table, table th, table tr, table td, div, img { vertical-align: top; }

/*img - transparencia  png IE6 *//*
{
	behavior: url(css/recursos/iepngfix.htc);
}*/

input { font-family: Tahoma, Verdana, Arial; font-size: 11px; font-weight: normal; color: #000; border: solid 1px #000; padding: 1px 0px 1px 2px; }

a { color: #000; text-decoration: none; }

 a:hover { color: #000; }


/* ------------------- *\
FORMATO DE TEXTO
\* ------------------- */

.parrafo { }

/* ------------------- *\
LAYOUT
\* ------------------- */

/* ---- wrapping -----*/

#contenido {width: 100%; min-width: 601px; overflow: hidden;}
#wrapper {width: 1202px; margin-left: -601px; left: 50%; position: relative; }


/* ---- contenedores -----*/

.contenedor { width: 1202px; height: auto; float: left; display: inline;}
.header {width: 1202px; height: 182px; float: left; display: inline; background: url(../Imgs/header.jpg) no-repeat left top;}
.centro {width: 1202px; height: 346px; float: left; display: inline; background: url(../Imgs/bg.jpg) no-repeat left top;}
.vinculos {width: 1202px; height: 256px; float: left; display: inline; background: url(../Imgs/vinculos.jpg) no-repeat left top;}
.vinculo1 {width: 932px; height: 102px; float: left; display: inline; margin: 59px 0px 0px 126px;}
.vinculo2 {width: 932px; height: 77px; float: left; display: inline; margin-left: 126px;}
.centro2 {width: 1202px; height: 1310px; float: left; display: inline; background: url(../Imgs/preview.jpg) no-repeat left top;}
.cierre {width: 1202px; height: 97px; float: left; display: inline; background: url(../Imgs/cierre.jpg) no-repeat left top;}
.high {width: 481px; height: 299px; float: left; display: inline; background: url(../Imgs/high.jpg) no-repeat left top; margin-left: 126px; margin-top: 11px; }
.huellas {width: 439px; height: 205px; float: left; display: inline; background: url(../Imgs/huellas.jpg) no-repeat left top; margin-left: 12px; margin-top: 10px; }
.btn1 {width: 204px; height: 88px; float: left; display: inline;  margin: 9px 0px 0px 26px;}
.btn2 {width: 199px; height: 65px; float: left; display: inline;  margin-top: 29px; margin-left: 10px;}

.afiches {width: 887px; height: 1183px; float: left; display: inline; margin: 33px 0px 0px 150px;}



/*---- Formulario ----*/



.float-left { float: left; }

.float-right { float: right; }

.clear { clear: both; }

.error
{
	width: 400px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	margin: 0px auto;
	padding: 5px;
	color: #a60d0d;
	vertical-align: middle;
	background-color: #ddbb85;
	border: solid 3px #ffdd00;
}

.mensaje
{
	width: 400px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	margin: 0px auto;
	padding: 10px;
	color: #545c4f;
	vertical-align: middle;
	background-color: #e8ffdb;
	border: solid 3px #ffd801;
}

/* ------------------- *\
ENCABEZADO
\* ------------------- */

#header { }

/* ------------------- *\
CIERRE
\* ------------------- */

#footer { }

/* ------------------- *\
MISCELANEO
\* ------------------- */
/* ---- Alineación -----*/

.float-left { float: left; }

.float-right { float: right; }

.clear { clear: both; }

.error
{
	width: 400px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	margin: 20px auto;
	padding: 5px;
	color: #a60d0d;
	vertical-align: middle;
	background-color: #ddbb85;
	border: solid 3px #ffdd00;
}

.mensaje
{
	width: 400px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	margin: 20px auto;
	padding: 10px;
	color: #545c4f;
	vertical-align: middle;
	background-color: #e8ffdb;
	border: solid 3px #ffd801;
}