/* reset.css*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, img,dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
body{line-height:1.5}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
table, td, th{vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}

/* grid.css */


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12 { position:relative;float:left;margin-right: 20px;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 60px;}
.span-2  { width: 140px;}
.span-3  { width: 220px;}
.span-4  { width: 300px;}
.span-5  { width: 380px;}
.span-6  { width: 460px;}
.span-7  { width: 540px;}
.span-8  { width: 620px;}
.span-9  { width: 700px;}
.span-10 { width: 780px;}
.span-11 { width: 860px;}
.span-12, div.span-12 { width: 940px; margin: 0; }


/* Gerenic box for complete site*/
.box{margin:0 0 10px 0; padding:10px 0}

/*Use this to create an images box*/
div.imgSet{position:relative; overflow:hidden; display:inline}
div.imgSet img, div.imgSet p{padding:0; margin:0; border:0}
div.imgSet.A{float:right; margin-left:10px}
div.imgSet.Articulo{float:right; margin:0 0 20px 0;background:#DBEBF0}
div.imgSet.Articulo img{border-bottom:solid 3px #09F}
div.imgSet.Articulo h5{padding:5px; margin:0; color:#09C; text-align:right; line-height:normal}

div.imgSet.B{float:left;margin-right:10px; margin-bottom:10px}
div.imgSet h5{font-family:Arial,Helvetica,sans-serif;font-size:0.9em;font-weight:normal;text-transform:none;margin:0;padding:5px 0;text-align:left;color:#666;}
div.imgSet h5 span{font-family:Cambria,Georgia,sans-serif;font-size:0.9em;text-transform:uppercase;margin:0;padding:0;text-align:left;color:#666}
div.imgSet b{display:block; position:absolute; bottom:-4px; right:10px}
div.imgSet.C{overflow:hidden; border:none; width:auto; height:110px; margin:0 0.5em 1em 0.5em}
div.imgSet.C p{display:block; position:absolute; overflow:hidden; right:0; bottom:0; width:65%; margin:0 1em; text-align:left; font-size:0.95em; font-family:Georgia,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:normal; color:#484A55}
div.imgSet.C img{float:left}
div.imgSet.Gal{float:left;margin-right:10px; margin-bottom:40px; padding-bottom:40px; border-bottom:solid 1px #e1e1e1}
div.imgSet.Gal h5{color:#000;line-height:normal;margin:-3px 0 0 0;padding:5px;text-align:center; background: #DBE9EA}
hr{border-top:solid 1px #444; height:1px; clear:both}
hr.space{background:#FFF9F2 ; color:#FFF9F2; height:5px}
hr.space2{background:#FFF9F2 ; color:#FFF9F2; height:10px}
hr.space3{background:#FFF9F2 ; color:#FFF9F2; height:25px}
hr.articulo{background: #06C; color:#06C; clear:both; float:none; width:100%; height:30px; margin:4px 0; border:none}
hr.separacion{background:url(i/bg_sep.gif)left top repeat-x; color:#FFF; clear:both; float:none; width:100%; height:1px; margin:3px 0; padding:3px 0; border:none}
.clearfix:after, .container:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix, .container{display:inline-block}
* html .clearfix, * html .container{height:1%}
.clearfix, .container{display:block}
.clear{clear:both}

.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mr20{ margin-right:20px}
.mr20{ margin-right:20px}
.mr30{ margin-right:30px}
.mr40{ margin-right:40px}
.ml20{ margin-left:20px}

.pb20{ padding-bottom:20px}
.pb40{ padding-bottom:40px}


/* Form fields
-------------------------------------------------------------- */

label {font-weight:bold;}
fieldset {}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input.text, input.title, textarea, select {}
input.text, input.title {}
input.title {}
textarea {}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/*ARTICULO*/
#enviarAmigo	{ display:inline;overflow:hidden; float:left; position:relative; padding:15px; margin-top:6px; width:588px; background:#FFF7D9; border:solid 1px #ccc}
#enviarAmigo fieldset input.text  { width:250px;height:20px; margin-bottom:6px;border:solid 1px #666; font:normal 1em/20px Arial, Helvetica, sans-serif; color:#333; text-indent:5px}
#enviarAmigo fieldset textarea	  { position:absolute; left:300px; top:15px;width:286px; height:50px; padding:3px;border:solid 1px #666; font:normal 1em/normal Arial, Helvetica, sans-serif; color:#333}

#art2 fieldset input.text  {width:208px;height:20px; float:left; margin:0 0 8px 0;border:solid 2px #9CF; font:normal 1em/20px Arial, Helvetica, sans-serif; color:#333; text-indent:5px}
#art2 fieldset textarea	  {width:205px; height:50px; padding:3px; margin:0;border:solid 2px #9CF; font:normal 1em/normal Arial, Helvetica, sans-serif; color:#333}

/*CIUDAD*/

.pregunta input:focus,.pregunta input.title:focus,
.pregunta textarea:focus,.pregunta select:focus { border:1px solid #F60;}
.pregunta fieldset {background:#E1E1E1;margin:0;padding:1.2em}
.pregunta textarea {height:70px; width:260px;padding:5px; margin:10px 0;font-family:Arial, Helvetica, sans-serif; font-size:1em}
.pregunta input{ width:260px; padding:5px}

/*CONTACTO*/
#contacto fieldset legend 		{ padding-bottom:10px; font:900 1.125em/normal Arial, Helvetica, sans-serif; color:#09C; text-transform:uppercase}
#contacto fieldset input.datos  { width:200px; height:20px; margin-bottom:4px;border:solid 2px #9CF; font:normal 1em/20px Arial, Helvetica, sans-serif; color:#333; text-indent:5px}
#contacto fieldset textarea		{ width:200px; height:auto; margin-bottom:8px; padding:3px;border:solid 2px #9CF; font:normal 1em/normal Arial, Helvetica, sans-serif; color:#333}

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: 8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.succes    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/*BOTONES*/

.btn {clear: both;background: url(i/btn_left.png) no-repeat;padding: 0 0 0 8px;margin: 5px 0;}
.btn a{float: left;height: 30px;background: url(i/btn_center.png) repeat-x left top;padding: 0 8px;color: #fff; font:900 1em/30px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase} .btn a:hover{ color:#000}
.btn span {background: url(i/btn_right.png) no-repeat;float: left;width:8px;height: 30px;}

.btn2 {clear: both;background: url(i/btn_left_blanco.png) no-repeat;padding: 0 0 0 8px;margin: 5px 0;}
.btn2 a{float: left;height: 30px;background: url(i/btn_center.png) repeat-x left top;padding: 0 8px;color: #fff; font:900 1em/30px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase} .btn2 a:hover{ color:#000}
.btn2 span {background: url(i/btn_right_blanco.png) no-repeat;float: left;width: 8px;height: 30px;}

.btn20 {background: url(i/btn_left20.png) no-repeat;padding: 0 0 0 5px;margin: 0 0 5px 0;}
.btn20 a{float: left;height: 20px;background: url(i/btn_center20.png) repeat-x left top;padding: 0 5px;color: #fff; font:900 1em/20px Arial, Helvetica, sans-serif; text-decoration:none} .btn20 a:hover{ color:#000}
.btn20 span {background: url(i/btn_right20.png) no-repeat;float: left;width: 5px;height: 20px;}

.btnGris { background-color: #999; }
.btnCeleste { background-color: #09F; }
.btnPdf { background-color: #F66; }
.btnGreen{ background-color:#8CD9BC }
.btnSubir{ background-color: #0CF}

.fl{ float:left}
.fr{ float:right}