.hidden { position: absolute !important; top: -99999px !important; left: -999999px !important; overflow: hidden !important; width: 1px !important; height: 1px !important;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

img, a img { border: 0; vertical-align: middle; }
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-size: 1em; line-height: 1.2em; font-weight: normal; }

a { color: #488dc6; background-color: transparent; text-decoration: underline; }
a:hover { color: #58aaee; background-color: transparent; }
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.float_left { float: left; display: inline;}
.float_right { float: right; display: inline;}
.fontbigger { font-size: 1.1em; line-height: 1.2em; }
.fontbigger-xl { font-size: 1.2em; line-height: 1.2em; }
.fontbigger-xxl { font-size: 1.3em; line-height: 1.2em; }
.fontbigger-xxxl { font-size: 1.4em; line-height: 1.2em; }

.notice { color: #666; background-color: #edf3fd; padding: 8px 40px; margin: 0 0 1em 0; border-top: 1px solid #b2c7df; border-bottom: 1px solid #b2c7df; text-align: left; }
.notice a { color: #666; background-color: transparent; }
.notice.ok { color: #666; background: #edffe1 url(/images/ico/ok.gif) no-repeat 15px 0.7em; border-top: 1px solid #bdd8bd; border-bottom: 1px solid #bdd8bd; }
.notice.warning { color: #666; background: #fdffcb url(/images/ico/warning.gif) no-repeat 15px 0.7em; border-top: 1px solid #fcd41d; border-bottom: 1px solid #fcd41d; }
.notice.error { color: #c33; background: #ffebe2 url(/images/ico/error.gif) no-repeat 15px 0.7em; border-top: 1px solid #fecfc1; border-bottom: 1px solid #fecfc1; }

.ico { position: relative; padding: 3px 0 3px 25px; background-repeat: no-repeat; background-position: 0 50%;}
.ico.ico-gif { background-image: url(/images/ico/filetypes/gif.gif); background-position: 0 0; padding-top: 7px; padding-left: 30px; }


.cols50 { width: 100%; clear: both; }
.cols50_left { float: left; width: 47%; }
.cols50_right { float: right; width: 47%; }

.maintitle { font-size: 1.4em; padding: 15px 20px; margin-bottom: 40px; color: #fff; background: #717171 url(/images/maintitle/gray.jpg) no-repeat 0 0; }
.maintitle strong { font-size: 1.35em; font-weight: normal; font-size: 24px; }
.maintitle.orange { background-color: #e38313 ; background-image: url(/images/maintitle/orange.jpg); color: #fff; }
.maintitle.green { background-color: #608a1a ; background-image: url(/images/maintitle/green.jpg); color: #fff; }
.maintitle.red { background-color: #65332e ; background-image: url(/images/maintitle/red.jpg); color: #fff; }

.titleA { font-size: 1.8em; line-height: 1.2em; }


#mainbar h1 { font-size: 1.9em; line-height: 1.2em; margin-bottom: 15px; padding-bottom: 0.2em; border-bottom: 1px dotted #707070; }
#mainbar h1.red { color: #a23942; background-color: transparent; border-bottom-color: #a23942; }
#mainbar h1.orange { color: #e38313; background-color: transparent; border-bottom-color: #e38313; }
#mainbar h1.green { color: #618b1a; background-color: transparent; border-bottom-color: #618b1a; }
#mainbar h1.titleico { padding: 5px 0 5px 45px; background-repeat: no-repeat; background-position: 0 5px; }
#mainbar h1.titleico.ico-chat { background-image: url(/images/precavidos-ico/chat-s.gif); background-position: 0 10px; }
#mainbar h1.titleico.ico-compras { background-image: url(/images/precavidos-ico/compras-s.gif); }
#mainbar h1.titleico.ico-descargas { background-image: url(/images/precavidos-ico/descargas-s.gif); }
#mainbar h1.titleico.ico-redes { background-image: url(/images/precavidos-ico/redes-s.gif); }
#mainbar h1.titleico.ico-seguridad { background-image: url(/images/precavidos-ico/seguridad-s.gif); background-position: 5px 0; }
#mainbar h1.titleico.ico-web { background-image: url(/images/precavidos-ico/web-s.gif); }


.facebox_content { width: 710px; border: 1px solid #7e7c7d; font-size: 1em; line-height: 1.4em; }
.facebox_content .facebox-title { font-size: 1.7em; padding: 13px 20px; line-height: 1.2em;}
.facebox_content .facebox-title .facebox-close { float: right; display: inline; width: 30px; height: 30px; text-decoration: none; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px; }
.facebox_content .facebox-content { padding: 20px; color: #707070; background-color: #fff; font-size: 0.8em; }
.facebox_content.red .facebox-title { background-color: #a33943; color: #fff; }
.facebox_content.red .facebox-title a { background-image: url(/images/facebox/close-red.jpg); }
.facebox_content.red .facebox-content { background-color: #f5ebec; color: #444; }
.facebox_content.green .facebox-title { background-color: #618b1b; color: #fff; }
.facebox_content.green .facebox-title a { background-image: url(/images/facebox/close-green.jpg); }
.facebox_content.green .facebox-content { background-color: #e9f0de; color: #444; }

ul.tags { background-color: #f6f6f6; color: #000; margin: 0; padding: 15px; list-style-type: none; }
ul.tags li { display: inline; margin-right: 5px; }
ul.tags li a { color: #000; background-color: transparent; text-decoration: none; }
ul.tags li a:hover { text-decoration: underline; }
ul.tags li.l1 { font-size: 18px; line-height: 25px; }
ul.tags li.l2 { font-size: 20px; line-height: 25px; }
ul.tags li.l3 { font-size: 24px; line-height: 25px; }
ul.tags li.l4 { font-size: 30px; line-height: 25px; }

ul.prevenido-cloud { width: 75%; margin: 2em auto; }

ul.precavido_list { margin: 0; padding: 0; list-style-type: none; }
ul.precavido_list li { margin: 1.5em 0; padding-left: 80px; min-height: 70px; height: auto !important; height: 70px; background-repeat: no-repeat; background-position: 0 0; }
ul.precavido_list li.redes { background-image: url(/images/precavidos-ico/redes.gif); }
ul.precavido_list li.compras { background-image: url(/images/precavidos-ico/compras.gif); }
ul.precavido_list li.web { background-image: url(/images/precavidos-ico/web.gif); background-position: 3px 0; }
ul.precavido_list li.chat { background-image: url(/images/precavidos-ico/chat.gif); }
ul.precavido_list li.descargas { background-image: url(/images/precavidos-ico/descargas.gif); background-position: 4px 0; }
ul.precavido_list li.seguridad { background-image: url(/images/precavidos-ico/seguridad.gif); background-position: 7px 0; }
ul.precavido_list .title { font-size: 1.3em; line-height: 1em; margin-bottom: 0.2em; }

/*
ul.precavido_list li a { display: block; text-decoration: none; padding-left: 75px; min-height: 70px; height: auto !important; height: 70px; color: #707070; background-color: transparent; background-repeat: no-repeat; background-position: 0 0;}
ul.precavido_list .title { display: block; font-size: 1.3em; line-height: 1em;}
ul.precavido_list li a:hover .title { color: #333; background-color: transparent; }
ul.precavido_list li.redes a { background-image: url(/images/precavidos-ico/redes.gif); }
ul.precavido_list li.compras a { background-image: url(/images/precavidos-ico/compras.gif); }
ul.precavido_list li.web a { background-image: url(/images/precavidos-ico/web.gif); }
ul.precavido_list li.chat a { background-image: url(/images/precavidos-ico/chat.gif); }
ul.precavido_list li.descargas a { background-image: url(/images/precavidos-ico/descargas.gif); }
ul.precavido_list li.seguridad a { background-image: url(/images/precavidos-ico/seguridad.gif); }*/

ul.listA { margin: 0; padding: 0; list-style-type: none; }
ul.listA > li { margin: 1em 0; padding: 0 0 0 20px; background: url(/images/ico/arrow-right.gif) no-repeat 10px 0.3em; }

ul.listB { margin: 0; padding: 0; list-style-type: none; }
ul.listB li { margin: 0.5em 0; padding: 0 0 0 23px; background: url(/images/ico/bullet-ok.png) no-repeat 0 0; }

ul.listC { margin: 0; padding: 0; list-style-type: none; }
ul.listC li { margin: 0.5em 0 0.5em 12px; padding: 0 0 0 10px; background: url(/images/ico/stripe-white.gif) no-repeat 2px 0.5em; }

ul.options { margin: 0; padding: 0; list-style-type: none; }
ul.options li { margin: 0.3em 0; padding: 0 0 0 25px; }
ul.options li .input { float: left; display: inline; margin-left: -25px; }


.related-files { }
.related-files ul { margin: 0; padding: 0; list-style-type: none; }
.related-files li { float: left; display: inline; width: 25%; margin: 0.3em 20% 0.3em 0; }
.related-files .file-description { float: left; display: inline; }
.related-files .file-download { float: right; display: inline; }

.body-home #header { height: 68px; border-bottom: 0; }
.body-home #logo { display: none; }
.body-home #pagebody { border-left: 0; border-right: 0; }

.home-header { position: relative; }
.home-header .logo { position: absolute; z-index: 10; }
.home-header #home-photos { margin: 0; padding: 0; list-style-type: none; }
.home-header #home-photos li { position: relative; width: 100%; height: 322px; background-repeat: no-repeat; background-position: 100% 100%; }
.home-header #home-photos li.step-umbrella { background-image: url(/images/home/step-umbrella.jpg); }
.home-header #home-photos li.step-skate { background-image: url(/images/home/step-skate.jpg); }
.home-header #home-photos li.step-cold { background-image: url(/images/home/step-cold.jpg); }
.home-header #home-photos li.step-laptop { background-image: url(/images/home/step-laptop.jpg); }
.home-header h2 { position: absolute; bottom: 40px;; left: 40px; font-size: 2.2em; line-height: 1.2em; }
.home-header h2 strong { font-size: 1.25em; font-weight: normal; }
.home-header h2 .red { color: #a23942; background-color: transparent; }
.home-header h2 .orange { color: #e38313; background-color: transparent; }
.home-header h2 .green { color: #618b1a; background-color: transparent; }



ul.direct-mainlinks { margin: 0 0 0 -1px; padding: 0; list-style-type: none; }
ul.direct-mainlinks > li { position: relative; float: left; display: inline; margin-left: 1px; padding: 10px 20px; width: 268px; min-height: 233px; height: auto !important; height: 233px; }
ul.direct-mainlinks li.prevenido { background: #64332e url(/images/home/prevenido-bg.jpg) no-repeat 0 100%; color: #fff; }
ul.direct-mainlinks li.precavido { background: #eb9219 url(/images/home/precavido-bg.jpg) no-repeat 0 100%; color: #fff; }
ul.direct-mainlinks li.preparado { background: #608a1a url(/images/home/preparado-bg.jpg) no-repeat 0 100%; color: #fff; }
ul.direct-mainlinks h2 { margin: 0 0 0.3em 0; font-size: 2.2em; line-height: 1em; }
ul.direct-mainlinks .link a { position: absolute; bottom: 10px; right: 10px; width: 62px; height: 62px; background-repeat: no-repeat; background-position: 0 0; }
ul.direct-mainlinks .link a span { display: none; }
ul.direct-mainlinks .link a:hover { background-position: 0 100%; }
ul.direct-mainlinks li.prevenido a { background-image: url(/images/home/arrow-red.png); }
ul.direct-mainlinks li.precavido a { background-image: url(/images/home/arrow-orange.png); }
ul.direct-mainlinks li.preparado a { background-image: url(/images/home/arrow-green.png); }

div.tabs {}
div.tabs ul.tabs { position: relative; margin: 0 0 0 10px; padding: 0; list-style-type: none;}
div.tabs li.tab { float: left; display: inline; }
div.tabs li.tab a { float: left; display: inline; color: #000; height: 30px; line-height: 30px; border-left: 1px solid #d6d6d4; font-weight: normal; text-decoration: none; padding: 0 15px; background: url(/images/tabs/tabs.gif) repeat-x 100% 100%; }
div.tabs li.tab a:hover, div.tabs li.tab.current a { background-position: 100% 0; color: #618b1a; background-color: transparent; }
div.tabs li.tab.current a { font-weight: bold; border-bottom: 1px solid #fff; }
div.tabs .tab-content { border: 1px solid #d6d6d4; padding: 15px 20px; margin-top: -1px; }

.tab-test { }
.tab-test h2 { line-height: 1em; margin-bottom: 100px;}
.tab-test .action a { text-decoration: none; }
.tab-test .action a:hover { color: #000; background-color: transparent; }

.tab-multimedia { color: #000; font-size: 0.95em; line-height: 1.2em; }
.tab-multimedia .listA li { color: #000; background-color: transparent; margin: 0 0 0.5em 0;}

.sec-test {}
.sec-test .question { font-weight: bold; }


.button { position: relative; cursor: pointer; background: #666; color: #fff; border: 1px solid #333; padding: 2px 10px; text-decoration: none; }
input.button { overflow: visible; }
a.button { padding: 3px 10px; line-height: 1.4em; }
.button.green { background: #618b1a url(/images/degree/green-v.gif) repeat-x 0 0; color: #fff; border: 1px solid #618b1a; }

form { margin: 0; padding: 0; }
input, select textarea { vertical-align: middle; font-size: 1em; font-family: "Trebuchet MS", Helvetica, Jamrul, Arial, Verdana, sans-serif; }
form .form-actions { margin-top: 2em; }