/* CSS Document */
html {text-shadow: #000 0px 0px 0px; /*Elimina el efecto bold en Safari*/}
html {overflow-y: scroll; overflow-x: hidden;} /* queremos siempre el scroll vertical para evitar saltos entre las paginas que requieren y las que no requieren scroll */ 
body				{font:13px Arial, Helvetica, sans-serif; color:#555555; margin:0 auto; padding:0;}
.bg					{background:#FFF url(images/bg.gif) no-repeat top left;}
.index				{background:#FFF url(images/bg_index.gif) no-repeat top left;}
.intro				{text-align:right; width:900px; position:absolute; bottom:30px; z-index:100; display:block}
.intro a:link, .intro a:visited	{color: #0671B5; text-decoration:none;}
.intro a:active, .intro a:hover	{color: #0671B5; text-decoration:underline;}


a:link, a:visited	{color: #990000; text-decoration:none;}
a:active, a:hover	{color: #990000; text-decoration:underline;}
a					{outline:none;}
DIV#contenedor		{margin: 0; width:100%; text-align: left;}
h1	{font:normal 18px Arial, Helvetica, sans-serif; color: #333333; line-height:18px; margin:0;}
h2	{font:bold 11pt Arial, Helvetica, sans-serif; color: #333333;}
h3	{font:bold 10pt Arial, Helvetica, sans-serif; color: #333333; margin:3px 0;}
small	{font-size:85%}
.header	{margin:0; padding:0; width:100%; text-align:right; height:170px;}
.logo 	{width:366px; height:127px; margin:35px 40px 0; float:left;}

.botonera {width:190px; height:130px; text-align:left; padding:3px 0 0 0; margin:8px 0 0 320px; font:bold 14px Arial, Helvetica, sans-serif; color: #333333; line-height:32px; float:left;}
.botonera a:link, .botonera a:visited	{color:#333; text-decoration:none; background:url(images/ico.jpg) left top no-repeat; padding:3px 25px;}
.botonera a:active, .botonera a:hover	{color:#0671B5; text-decoration:none; background:url(images/ico.jpg) left top no-repeat; padding:2px 28px 4px;}

.botonera .select	{color:#0671B5; background:url(images/ico.jpg) left top no-repeat; padding:5px 25px; line-height:32px;}

.scroll	{margin:0; width:100%; text-align:left;}
.destacado {position:relative; margin:0; width:195px; height:180px; padding:35px; padding-right:20px; text-align:left; background:url(images/cuadrado1.png) left top no-repeat; float:left;}
.destacado2 {position:relative; margin:0; width:255px; height:250px; padding:0; background:url(images/cuadrado_destacado_i.png) left top no-repeat; float:left;}
.destacado3 {margin:2px 0 0 10px; width:175px; height:180px; padding:35px; text-align:left; float:left;}
hr {border:1px dashed #CCCCCC; border-top:#FFF; margin: 15px 0;}
.info	{margin:20px 20px 20px 275px; width:700px;}
.info1cuadrado	{width:416px; height:420px; padding:40px; margin-left:250px; margin-top:2px; background:url(images/1cuadrado.gif) top left no-repeat;}
.txt_negro, .txt_negro a	{color:#000000;}
.txt_azul, .txt_azul a	{color:#0073C0 !important;}
.txt_slogan	{color:#990000; font-size:12px;}

/* prueba scroll mootools */
	#mousemove 	{width:auto; height:450px; overflow:hidden; margin:0 auto;}
	.inside 	{padding-bottom:43px;}

/* //Divs galeria */
.foto1			{position:relative; height:250px; width:250px; text-align:center; float:left;}
.foto2			{position:relative; height:250px; width:245px; float:left;}
.foto3			{position:relative; height:250px; width:240px; float:left;}
.foto4			{position:relative; height:250px; width:248px; float:left;}
.cuadrado		{position:absolute; top:0; left:0;}

/* //CLEAR */

* html .clearfix { height: 1%; }
.clearfix { display: block; }
* html #contenedor { height: 100%; }
.clearfix:after {content: "."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}

/* FORMULARIO */
form		{display:inline;}
textarea, input	{width:300px; border:1px solid #CCC;}