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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DINNextLTProLightCondensed';
    src: url('fonts/dinnextltpro-lightcondensed-webfont.eot');
    src: url('fonts/dinnextltpro-lightcondensed-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/dinnextltpro-lightcondensed-webfont.woff') format('woff'),
         url('fonts/dinnextltpro-lightcondensed-webfont.ttf') format('truetype'),
         url('fonts/dinnextltpro-lightcondensed-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{background:url(images/background_01.gif) repeat;}

.clearfix{ height:0; padding:0; margin:0; clear:both;}

div.content{width:978px; margin: auto;}


/*Header*/

div.content div.header{ width:920px;  padding-left:23px; padding-right:35px; background: url(images/index_02.png) no-repeat; height:188px; overflow:hidden; padding-top:10px;}

div.social{ width:450px; height:40px; display:block; padding-left:15px}
div.social div.btn-fb, div.btn-tw, div.btn-goo,div.btn-share{ float:left; margin-right:0px; margin-top:9px;}
div.btn-fb{margin-right:20px; width:120px}
div.btn-tw{margin-right:20px; width:93px }
div.btn-goo{ margin-right:20px; width:65px}
div.btn-share{margin-right:0; width:100px}


div.logo{width:630px; margin-top:20px; margin-left:10px}
div.logo a {text-decoration:none;}
div.logo a h1{font-family: 'BebasNeueRegular'; font-size:48px; text-transform:uppercase; color:#00abf2; text-decoration:none;font-weight:normal;}
div.logo a h2{font-family: 'BebasNeueRegular'; font-size:27px; color:#03719e; line-height:25px; font-weight:normal;}

/*MENU*/

div.content div.menu{width:920px;  padding-left:23px; padding-right:35px; background:url(http://www.nuevocodigocivil.com/wp-content/themes/ncod/images/index_04.png) no-repeat; height:42px; z-index:999}
div.menu ul.menubar{height:34px; width:auto; float:left; overflow:hidden; padding-top:9px;}
ul.menubar li{ width:auto; float:left; padding:0 14px; height:22px; border-right:1px solid #0181b6; border-left: 1px solid #30c2fe; margin-right:0;}
ul.menubar li a{ font-size:22px; color:#026f9c; font-family: 'BebasNeueRegular'; text-transform:uppercase; text-decoration:none;  text-shadow:#3dc1f8 1px 1px ; letter-spacing:1}
ul.menubar li a:hover{color:#02628a; }
div.menu ul.menubar li:first-child{border-left:none;}
div.menu ul.menubar li:last-child{border-right:none;}

ul.social-icons{width:auto; float:right; margin-top:-10px;}
ul.social-icons li{display:inline; margin-right:5px;}



div.content div.main{width:920px;  padding-left:23px; padding-right:35px; background:url(images/index_05.png) repeat-y; padding-top:12px; padding-bottom:50px;}


/*sidebar*/

div.sidebar{width:297px; float:left;}
div.sidebar div.widget-area{ margin-bottom:30px;}
div.widget-area h3{ color:#00abf2; text-transform:uppercase; font-family: 'BebasNeueRegular'; font-size:24px; margin-bottom:10px;font-weight:normal; text-shadow:  #ffffff 1px 1px;}
div.widget-area div.widget-content{ width:295px; min-height:250px; background-color:#FFF}

.twtr-hd h3 a{ font-family:Arial, Helvetica, sans-serif; text-decoration:none; text-shadow:none}

/*Columna Principal*/

div.principal{ width:590px; float:right;}
div.principal h3.tit-home{ color:#c5c5c5; font-size:50px; font-family: 'BebasNeueRegular'; text-transform:uppercase; margin-bottom:14px;font-weight:normal;}
div.principal div.destacado-home{margin-bottom: 25px; padding-bottom: 25px; border-bottom:1px solid #999; z-index:0; }
div.principal div.destacado-sub-home{margin-bottom: 10px;padding-bottom: 0px;border-bottom: none;z-index: 0;}

div.principal div.ver-mas-destacado{margin-top:12px; font-size:11px; margin-bottom:10px; border-bottom:1px dashed #CCC;padding-bottom:10px; margin-bottom:20px;}
div.principal div.ver-mas-destacado a{text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#00ABF2; }
div.principal div.ver-mas-destacado a:hover{color:#038ec7;}

div.principal div.contenidos{border-top:1px dashed #CCCCCC;}
div.contenidos ul.list-notas{padding-top:20px;}
ul.list-notas li{border-bottom:1px dashed #CCCCCC; padding-bottom:20px; margin-bottom:20px;}
ul.list-notas li:last-child{border-bottom:none; margin-bottom:0;}
ul.list-notas h2{line-height:27px; margin-bottom:15px;font-weight:normal;}
ul.list-notas h2 a{font-family: 'BebasNeueRegular'; font-size:27px; color:#00abf2; text-decoration:none; font-weight:normal;}
ul.list-notas h2 a:hover{text-decoration:underline;}

.img-dest{width:197px; height:132px; border:3px solid #009cff; float:left; margin-right:17px;}
div.extracto{width:368px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#878787; line-height:20px; padding:0;}


/*Footer*/

div.footer{background: url(images/back_footer_27.jpg) repeat; padding-top:20px; width:932px; margin-left:11px; overflow:hidden; padding-left:24px; padding-bottom:20px;  border-top:5px solid #0184bb;}
div.footer div.col01{width:300px; float:left; margin-right:40px;}
div.footer div.col02{width:260px; float:left; margin-right:40px;}
div.footer div.col03{width:260px; float:left;}
div.footer div.col01 h3, div.footer div.col02 h3, div.footer div.col03 h3{ font-family: 'BebasNeueRegular'; font-size:24px; color:#fff; padding-bottom:5px; border-bottom:1px solid #0291cc; font-weight:normal; text-shadow:  #0184bb -1px 1px}
div.footer ul.lista{border-top:1px solid #00a0da; padding-top:15px; list-style-image: url(images/index_45.gif); padding-left:10px;}
ul.lista li{margin-bottom:10px;}
ul.lista li a{ font-family: 'DINNextLTProLightCondensed'; font-size:16px; color:#cbeffe; text-decoration:none;}
ul.lista li a:hover{text-decoration:underline;}

div.footer div.col02 p.txt-opinion{border-top:1px solid #00a0da; padding-top:15px; font-family: 'DINNextLTProLightCondensed'; font-size:16px; color:#cbeffe; line-height:23px;}
div.footer-social{background-color:#007caf; clear:both; height:46px; width:956px; margin-left:11px; padding-top:10px;}
div.footer-social ul.social-icons{width:auto; float:right; margin-top:0px!important}

/*Textos Oficiales*/
div.texto-oficial{height:73px; width:570px; background: url(images/textosoficiales_03.jpg) no-repeat; overflow:hidden; padding-left:15px; margin-bottom:15px; }
div.texto-oficial h2{width:70%; float:left; font-family: 'BebasNeueRegular'; color:#00abf2; font-size:27px; line-height:25px; margin-top:22px;}
div.texto-oficial h2.doslineas{width:70%; float:left; font-family: 'BebasNeueRegular'; color:#00abf2; font-size:27px; line-height:25px; margin-top:10px;}
div.texto-oficial h2.treslineas{width: 70%;float: left;font-family: 'BebasNeueRegular';color: #00ABF2;font-size: 21px;line-height: 21px;margin-top: 6px;}

div.texto-oficial div.btn-dl{width:auto; float:right; margin-top:15px; margin-right:20px;}

.extracto p a{ color:#00ABF2; text-decoration:none; font-size:11px;}
.extracto p a:hover{color:#038ec7;}


.principal p{font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#666; margin-bottom:10px;}
.principal p strong{font-weight:bold;}
.principal h2{font-family: 'BebasNeueRegular'; font-size:25px; color:#00ABF2; line-height:25px; font-weight:normal; margin-bottom:20px;	}
.principal h2 a {font-family: 'BebasNeueRegular';font-size: 27px;color: #00ABF2;text-decoration: none;font-weight: normal;}
.principal h2 a :hover {text-decoration: underline;}

div.formulario{ border-radius:7px; background-color:#00abf2; padding:20px 13px; overflow:hidden;}
div.formulario div.form-left{width:250px; float:left; }
p.campo{margin-bottom:15px; width:100%;}
p.campo label{width:245px; display:block; font-family: 'BebasNeueRegular'; font-size:16px; color:#FFFFFF; margin-bottom:5px; padding-left:5px;}
p.campo input.campo01{width:250px; height:32px; background:url(images/contacto_06.jpg) no-repeat; border:none; padding-left:3px; font-family:Arial, Helvetica, sans-serif; color:#fff;}

div.formulario div.form-right{width:278px; float: right;}
p.campo textarea.campo02{width:278px; height:174px; background:url(images/contacto_03.jpg) no-repeat; border:none; padding-left:3px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; padding-top:3px;}
div.enviar{width:100%; clear:both; text-align:center;}
div.enviar input.btn-enviar{width:130px; height:41px; background:url(images/contacto_11.jpg) no-repeat; cursor:pointer; border:none; font-size:0px;}

.principal .textodebate{ font-size:13px; color:#666666; line-height:18px; width:570px; padding-left:3px}
.principal .contanos{ font-family: 'BebasNeueRegular'; font-size:18px; padding: 10px 0 10px 3px;color:#00abf2; }
.principal p strong{ color:#00abf2; font-weight:bold; font-size:15px; }
.principal p em{ color:#00abf2; font-weight:bold; font-size:13px; font-style: italic;}

/*VIDEOS*/
.principal .video {margin-bottom: 25px;border-bottom: 1px #CCC dashed;padding-bottom: 25px;}
.principal .last'video{margin-bottom: 0px;border-bottom: none;padding-bottom: 0px;}