/* CSS Document */
/*** HACKS PARA IE ***/
        /* Si tienes la necesidad de aplicar algún hack para IE6 utiliza este selector: */
        *html {
        }
        /* Si necesitas aplicarlo a IE7 utiliza este:*/
        *:first-child+html {
        }
/*** NEUTRALIZANDO ESTILOS:
                elementos que queremos limpiar completamente: ***/
       html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p,
		blockquote, pre, a, abbr, acronym, address, big,
		cite, code, del, dfn, em, font, img,
		ins, kbd, q, s, samp, small, strike,
		strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td,
		center, u, b, i {
			 margin: 0;
			 padding: 0;
			 border: 0;
			 outline: 0;
			 font-weight: normal;
			 font-style: normal;
			 font-size: 95%;
			 font-family: "Trebuchet MS" Arial, Verdana;
			 color:#666;
			 vertical-align: baseline
		}
		 
		body {
			text-align:center;
			margin:15px auto;
			line-height: 1;
			background:url(../img/bck-body.gif)
		}
		 
		:focus {
			 outline: 0
		}
		 
		ol, ul {
			 list-style: none
		}
		 
		table {
			 border-collapse: collapse;
			 border-spacing: 0
		}
		 
		blockquote:before, blockquote:after, q:before, q:after {
			 content: ""
		}
		 
		blockquote, q {
			 quotes: "" ""
		}
		 
		input, textarea {
			 margin: 0;
			 padding: 0
		}
		 
		hr {
			 margin: 0;
			 padding: 0;
			 border: 0;
			 color: #000;
			 background-color: #000;
			 height: 1px
		}
        
/*** Algunas clases útiles: ***/
        .clear {
                clear: both;
        }
        .float-left {
                float: left;
        }
        .float-right {
                float: right;
        }
        .helvetica {
                font-family: Arial, Helvetica, Geneva, sans-serif;
        }

/* GENERAL WRAPPER */

	#wrapper {
		width:757px;
		text-align:left;
		margin:0 auto;
		border:1px solid #B2B2B2;
		background:#FFF
	}

/* navegacion */	
	#navigation {
		width:757px;
		height:111px;
		border-bottom:1px solid #B2B2B2;
		background: url(../img/bck-logo.gif) no-repeat center left;
	}

		#navigation ul {
			height:100px;
			list-style: none;
			margin-left:313px;
		}

		#navigation ul li {
			text-align:right;
			border-top:10px solid #F90;
			border-right:1px solid #FFF;
			float:left
		}
		
		#navigation ul li.cero {
			background-color: #E0EBF2;
		}
				
		#navigation ul li.uno {
			background-color: #C1DBEC;
		}
		
		#navigation ul li.dos {
			background-color: #9FC0D7;
		}
		
		#navigation ul li.tres {
			background-color: #84B5D7;
		}
		
		
		#navigation ul li a {
			display:block;
			width:95px;
			height:26px;
			padding:75px 15px 0 0;
			color:#333;
			text-decoration:none;
			font-weight:bold;
			background: url(../img/bck-li.gif) no-repeat bottom right
			
		}
		
		#navigation ul li a:hover {
			display:block;
			width:95px;
			height:26px;
			padding:75px 15px 0 0;
			color:#333;
			text-decoration:none;
			font-weight:bold;
			background: url(../img/bck-li-over.gif) no-repeat bottom right
			
		}

/* CAbecera */


		#head1 {
			height: 205px;
			background: url(../img/bck_head.jpg) no-repeat center center;
		}

		#head1 p{display:none}
		
		#head2 {
			height: 205px;
			background: url(../img/bck_head2.jpg) no-repeat center center;
		}

		#head2 p{display:none}
		
		#head3 {
			height: 205px;
			background: url(../img/bck_head3.jpg) no-repeat center center;
		}

		#head3 p{display:none}
		
		#head4 {
			height: 205px;
			background: url(../img/bck_head4.jpg) no-repeat center center;
		}

		#head4 p{display:none}						

/* section */

		#section {
			width:753px;
			height:50px;
			background: url(../img/bck-section.gif) repeat-y left top;
			border-left: 2px solid #FFF;
		}
		
		#section .principal {
			width:517px;
			float:left;
			padding: 22px 0 0 16px;
		}
		
		.principal p {
			font-weight:bold;
			font-size:100%;
			color:#FFF
		}
		
		#section .sec {
			width:207px;
			heigth:45px;
			float:left;
			padding:22px 0 16px 12px;
			border-left: 1px dotted #999;
		}
		
		.sec p {
			font-weight:bold;
			font-size:100%;
			color:#FFF
		}

/* content */

		#content {
			width:480px;
			float:left;
			padding:28px 25px 10px 30px;
			border-right: 1px dotted #999;
			background:url(../img/water-mark.gif) no-repeat center top;
		}

		#content ul {
			list-style:none;
		}
		
		#content ul li {
			margin:6px 0;
			border-bottom:1px solid #eee;
			padding-bottom:6px;
		}

/* right column */

		#right_column {
			width:189px;
			float:left;
			padding:28px 12px 0 19px;
			height:250px;
		}

		#right_column img {
			border:8px solid #D1E2EE;
			margin-top:5px;			
		}
		
		.mapa {
			border:none
		}


		.naranja {
			color: #F90;
			font-weight:bold;
		}
		
		.encabezado {
			color:#333333;
			font-weight:bold;
			text-decoration:underline;
			margin-bottom:5px;
		}
		
		.descrip {
			color: #CC6600;
			margin-bottom:10px;
		}
		
		.vermas {
			color: #FF9600;
			margin:15px 0 15px 80px;
			text-decoration:none
			
			
		}
		
/*CATALOGO*/

		#catalogo {
			width:753px;
			height:50px;
			background: url(../img/bck-cat.gif) repeat-y left top;
			border-left: 2px solid #FFF;
		}
		
		#catalogo p {
			font-weight:bold;
			font-size:100%;
			color:#FFF
		}
		
		#catalogo .side {
			width:360px;
			text-align:center;
			float:left;
			padding: 22px 0 0 16px;
		}
		
		#sideb {
			width:358px;
			text-align:center;
			float:left;
			padding: 22px 10px 15px 10px;
			border-right: 1px dotted #999
		}
		
		#sideb img {
			border:3px solid #D1E2EE;
			margin:8px 8px 3px 0;
			float:left;			
		}
		
		#sideb p {
			text-align:left
		}
		
		#sideb .markesina {
			text-align:center;
		}
		
			
		
		#sidec {
			width:351px;
			float:left;
			padding: 22px 10px 15px 16px;
		}
		
		#sidec p {
			text-align:left
		}
		
		#sidec img {
			border:3px solid #D1E2EE;
			margin:8px 13px 3px 0;
			float:left;			
		}
		
		
		
		
/* FORMULARIO DE COTACTO*/

		form {
			margin:0; 
			padding:0;
			color:#666;
		}
		
		
		input {
			border:1px solid #C1DBEC; 
			width:215px; 
			font-size:100%;
			margin:4px 0 0 60px;
		}
		
		textarea {
			border:1px solid #C1DBEC; 
			width:390px; 
			font-size:100%;
			margin:4px 0 0 60px;
		}
		
		fieldset {
			border: none;
		}
		
		legend {
			padding-bottom:8px; 
			color:#1875AE;
		}
		
		label {
			margin-left:60px;
		}
		
		label, button {
			cursor:pointer;
			display:block;
			width:120px;
			margin-top:10px
		}
		
		input:focus, select:focus, textarea:focus {
			background-color: #FFF;
		}
		
		#butt{
			text-align:right;
		}
		
		.submit {
			background-color: #E9E9E9;
			border-top: 1px solid #C1DBEC;
			border-left: 1px solid #C1DBEC;	
			border-right: 1px solid #84B5D7;
			border-bottom: 1px solid #84B5D7;
			margin:10px 27px 10px 0;
			color: #000;
			width:75px
		}



				
/* FOOTER */
	
		#footer {
		width:759px;
		text-align:center;
		margin:8px auto;
		padding:15px 0;
		background: #B3D9F0;
	}
	
		#footer p {
			color: #003366;
		}