/* FONTS 

Exo-Black-Italic
Exo-Black
Exo-Bold-Italic
Exo-Bold
Exo-DemiBold-Italic
Exo-DemiBold
Exo-Light-Italic
Exo-Light
Exo-Medium-Italic
Exo-Medium
Exo-Regular-Italic
Exo-Regular
*/
/* webkit, opera, IE9 */

::selection {
	background: #60F7EF;
	color: #333;
}

/* mozilla firefox */

::-moz-selection {
	background: #60F7EF;
	color: #333;
}

h1, h2, h3 {
	font-family: 'ExoLight';
	font-weight: normal;
}

em, i {
	font-family: 'ExoMediumItalic';
	font-style: normal;
}

strong, b {
	font-family: 'ExoBold';
	font-weight: normal;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #000;
	outline: none;
}

a:hover {
	color: #666;
}

a:active {
	position: relative;
	top: 1px;
}

body {
	color: #4D5760;
	font-family: 'ExoRegular';
	font-size: 16px;
	font-weight: normal;
	line-height: 120%;
	background: #4D5760;
}



.all {
	background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    margin: 20px auto 40px;
    padding: 20px;
    position: relative;
    width: 860px;
}

p {
	color: #555555;
    font-family: Helvetica,Arial;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 125%;
    margin: 0 0 20px;
}

/*----------------*/

/*FORMS*/

/*----------------*/

.input label {
	color: #fff;
	display: block;
	font-size: 12px;
	margin: 8px 0 3px;
}

.input input,
.input select,
.input textarea {
	border: 1px solid #333;
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 12px;
	letter-spacing: 0.5px;
	padding: 5px 7px;
	width: 100%;
}

.submit input {
	background: none repeat scroll 0 0 #922D2C;
	border: medium none;
	box-shadow: 2px -2px 0 #000000;
	color: #fff;
	cursor: pointer;
	float: right;
	margin: 10px -16px 0 0;
	padding: 5px 7px;
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	font-family: arial;
}

.submit input:hover {
	background: #701616;
}

#errores,
.message {
	background: none repeat scroll 0 0 #222;
	border: 2px solid #F6CC3D;
	border-radius: 3px 3px 3px 3px;
	color: #F6CC3D;
	font-family: Arial,Helvetica,Sans Serif;
	font-size: 9px;
	font-weight: bold;
	padding: 5px 10px;
	text-transform: uppercase;
}

/*.message {
    background: none repeat scroll 0 0 #E0F7B2;
    border: 2px solid #516B0C;
    border-radius: 3px 3px 3px 3px;
    color: #516B0C;
    font-family: Arial, Helvetica, Sans Serif;
    font-size: 9px;
    font-weight: bold;
    padding: 5px 10px;
    text-transform: uppercase;
}*/

/*----------------*/

/*HEADER*/

/*----------------*/

.all > header {
	position: relative;
}

header hgroup {
	background: url("../img/logo_jmar_c_01.jpg") no-repeat scroll 0 0 transparent;
    height: 65px;
    width: 203px;
    overflow: hidden;
    margin: 0 0 0 20px;
}

header hgroup h1 {
	text-indent: -20000px;
}
header hgroup h2 {
	text-indent: -20000px;
}

header .info_cont {
	font-family: 'ExoBold';
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 15px;
    text-align: right;
}
header .info_cont span{
	display: block;
	margin: 0 0 4px;
	font-size: 26px;	
}

/*----------------*/

/*Menu*/

/*----------------*/

header nav {
	background: none repeat scroll 0 0 #000000;
    font-family: Helvetica,Arial;
    font-size: 11px;
    margin: 20px -20px 0;
    padding: 0 0 0 30px;
}

nav ul {
	
}

nav ul li {
	display: inline-block;
	margin: 0;
}

nav ul li a {
	color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0.2px;
    padding: 5px 10px 2px;
    text-transform: uppercase;
}

nav ul li a:hover {
	background: #4D5760;
	color: #fff;
}



/*----------------*/

/*CONTENT*/

/*----------------*/

.portada {
	
}

.content {
	
}

/*----------------*/

/*SECTION*/

/*----------------*/

.portada section {
	padding: 20px;
}

.portada section > header {
	font-size: 25px;
    margin: 30px 0 20px;
    text-transform: uppercase;
}


.portada section article {
    float: left;
    height: 170px;
    margin: 0 33px 30px 0;
    width: 240px;
}

/*----------------*/

/*article*/

/*----------------*/

article {
	
	
}
article:hover {
	
}

article a{
	text-decoration: underline;
}

article header{
	
}
article header h3{
    border-bottom: 1px dotted;
    color: #333333;
    font-family: 'ExoMedium';
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 120%;
    margin: 0 0 8px;
    padding: 0 0 5px;
}
article p {
	font-size: 15px;
    padding: 0 30px;
}

article img {
    width: 100%;
}
article .imgcnt {
	border: 4px solid #FFFFFF;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	margin: 0 0 30px;
	width: 110px;
	background: none repeat scroll 0 0 #EAEAEA;
}

article footer{
}


article footer div {
	
}


article footer .date{
	font-size: 9px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

article .leermas {
	text-align: left;
	display: block;
	cursor: pointer;
	margin: 0 0 3px 0;
	font-size: 12px;
	text-decoration: none;
}
	
/*----------------*/

/*portada*/

/*----------------*/



.portada article {
	
	
}
	
}
.portada article header h3{
    
}
.portada article p {
	float: left;
    font-size: 10px;
    width: 110px;
    margin: 0 0 10px 0;
    padding: 0;
}

.portada article .imgcnt {
	float: right;
	width: 110px;
	min-height: 80px;
}


.portada article footer .date{
    margin: -21px 0 0 21px;
}


.empresas ul {
	
}
.empresas li {
	display: inline-block;
    width: 405px;
}

.empresas li a {
	display: block;
    padding: 20px 30px;
    border: 1px solid transparent;
}
.empresas li a:hover {
	opacity: 0.6;
	border-color: #eaeaea;
}

.empresa section h2 {
    background-position: 0 center;
    background-repeat: no-repeat;
    height: 65px;
    margin: 20px;
    padding: 0;
    text-indent: -20000px;
    width: 100%;
}
.todogrem section h2 {
	background-image: url(/img/logo_todogrem_02.jpg);
	background-color: #013476;
}
.ibersoft section h2 {
	background-image: url(/img/logo_ibersoft_02.jpg);
	background-color: #F28E02;
}
.jmar_i section h2 {
	background-image: url(/img/logo_jmar_i_02.jpg);
	background-color: #6E1E7F;
}
.gremisa section h2 {
	background-image: url(/img/logo_gremisa_02.jpg);
	background-color: #D9001B;
}

.sologremios section h2 {
	background-image: url(/img/logo_sologremios_02.jpg);
	background-color: #009BB7;
}


.ayudas section h2 {
	background-image: url(/img/logo_ayuda_02.jpg);
	background-color: #B30066;
}

.jmar_c section h2 {
	background-image: url(/img/logo_jmar_c_02.jpg);
	background-color: #4D5760;
}
.oficinas section h2 {
	background-color: #000;
}


.empresa section h1 {
	color: #FFFFFF;
    float: right;
    font-size: 17px;
    line-height: 120%;
    margin: -72px 16px 0 0;
    text-align: right;
    text-transform: uppercase;
    width: 400px;
}

.empresa section .imgcnt {
	height: 170px;
    margin: 0 auto 20px;
    width: 820px;
}

.empresa section .imgcnt img {
	border-right: 2px solid #FFFFFF;
    float: left;
    height: 170px;
    width: auto;
}
.empresa section h5 {
	margin: 0 0 5px 30px;
}
.empresa section ul {
	margin: 0 0 20px 30px;
}
.empresa section li {
	list-style: circle inside none;
	line-height: 160%;
}
.empresa section h4 {
	font-size: 40px;
    line-height: 110%;
    margin: 0 0 20px 30px;
}
.empresa .infoenlac {
	margin: 0 0 20px 30px;
}
.empresa section footer {
	margin: 0 0 30px 30px;
}
.oficinas p img {
	width: auto;
}

.oficinas ul {
}
.oficinas .content li {
	float: left;
    list-style: none outside none !important;
    width: 250px;
}
.oficinas .content li img {
	background: none repeat scroll 0 0 #EAEAEA;
    border: 4px solid #FFFFFF;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin: 0 0 -8px;
}

/*----------------*/

/*FOOTER*/

/*----------------*/

body .all > footer {
	background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-family: Helvetica,Arial,Sans-serif;
    
    margin: 0 -20px -20px;
    padding: 10px 20px;
    border-radius: 0px 0px 3px 3px;
    
}

footer .copy {
	font-size: 12px;
}

footer .info {
	font-size: 11px;	
}
footer a {
	color: #eee;
	text-decoration: underline;
}

/*====================*/

/*=== Other Styles ===*/

/*====================*/

.clear {
	clear: both;
}

/*===================*/

/*==== Clearfix ====*/

/*===================*/

.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%;
}