/* VersatileCSS v1 */
/* !important es necesario para saltear herencias propias del layout */

/* Cajas :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.box{padding: 14px;position: relative;}

/* Colores de fondo (anadir a gusto) */
.cf1{background: #e6eff7;}
.cf2{background: #ddffac;}
.cf3{background: #dcd2f3;}
.cf4{background: #1e3d5b;}
.cf5{background: #fff;}
.cf6{background: #A2D2FE;}
.cf7{background: #f0f6fa;}

/* Colores de texto (anadir a gusto) */
.ct1 *{color: #fff !important;} 
.ct2 *{color: #1e3d5b !important;}

/* Anchos (anadir a gusto, puden ser anchos en porcentaje, px, etc.) */
.an25{width: 25%;}
.an50{width: 50%;}
.an62{width: 62%;}
.an75{width: 75%;}
.an100{width: 96.5% !important;width: 96%;/* IE fix */ margin: 0 !important; }
.an360{width: 280px;margin: 0; padding: 0; }
.an410{width: 410px;}
.an470{width: 470px;}


/* Altos (no suelen ser necesarios, pero de todas maneras anadir a gusto) */
.al100{height: 100px;}
.al200{height: 200px;}
.al300{height: 300px;}

/* Flotantes */
.fi{float: left; margin: 0 10px 10px 0;}/*fi: Flotante Izquierda*/
.fd{float: right; margin: 0 0 10px 10px;}/*sd: Flotante Derecha*/
.c{margin: 10px auto;}/*ct: Centrado*/

/* Esquinas redondeadas */
.si,.sd,.ii,.id{width: 6px;height: 6px;position: absolute;background-repeat: no-repeat;}
.si{background-image: url(si.png);top: 0;left: 0;}/*si: Superior Izquierda*/
.sd{background-image: url(sd.png);top: 0;right: 0;}/*sd: Superior Derecha*/
.ii{background-image: url(ii.png);bottom: 0;left: 0;}/*ii: Inferior Izquierda*/
.id{background-image: url(id.png);bottom: 0;right: 0;}/*id: Inferior Derecha*/


/* Textos :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.dest1{color: #d23000 !important;}
.dest2{color: #0b6fad !important;}
.dest3{color: #2dbd17 !important;}
.neg{font-weight: bold;}
.cur{font-style: italic;}
.sr{text-decoration: underline;}
.may{text-transform: uppercase;}


/* Imagenes :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
img.ctr{display: block;margin: 15px auto; clear: both;}
img.izq{float: left;margin: 0 10px 10px 0;}
img.der{float: right;margin: 0 0 10px 10px;}
img.banner{display: block;margin: 10px auto;}

/* Varios :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
hr{display: block;clear: both;height: 5px;width: 99.9%;border: 0;color: #fff;}

/* Forms :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */